Show Responsive Columns in Posts with Widgets

Do you want to arrange widgets horizontally? If so, this plugin may be the solution for you.

Add desired widgets to the custom sidebar the plugin creates and set up an auto-insert.

If you are a developer and looking for an easy way to render some outputs in responsive columns, this plugin will be handy. Pass your arrays to the plugin filter. Then the plugin will take care of it for you.

How It Works

[youtube http://www.youtube.com/watch?v=vo36sW7W35Y]

Steps

• Add widgets.
• Enter the number of columns.
• Enable Auto-insert or insert the shortcode.

Displays Widgets in Columns

The plugin will let you display widgets horizontally with a grid system. This is the main feature of the plugin.

Responsive Design for Mobile Visitors

When the browser width changes, it automatically adjusts the layout. This is important for tablet and mobile visitors.

Set Number of Columns per Row

You can flexibly set the number of columns in each row.

Set Number of Columns by Screen Width

Flexibly set the number of columns by browser width. In other words, you can control the number of columns for particular screen widths.

Show Responsive Columns Everywhere

Auto-insert

Take advantage of the Auto-insert feature which automatically inserts the defined widget box to your desired location. You don't have to use the shortcode.

PHP code and Shortcode

Use PHP code in the theme template or the shortcode in posts.

Default Sidebars Integration

Sidebars defined by your theme also can be displayed in columns.

Create Complex Columns

Achieve more advanced complex design by taking advantage of the options that the plugin provides.

Nesting Sidebars

This is widgets in widget functionality. With the widget that the plugin provides, the whole sidebar contents can be embedded as a widget item into another sidebar.

Column Span

Column spans are configurable so that you can set wider widget areas.

For Developers

Custom Array

If you can code, you can pass an array to the plugin's filter so that your array contents can be rendered in multiple columns instead of widgets.

See more.

How do I get started?

Go to Appearance > Widgets and add widgets to the plugin's custom sidebar box. Then use the shortcode in a post. That's it. If you still cannot figure it out, take the screenshots of the wp-admin/widgets.php page and the page of the post you added the shortcode. And request a support with the screenshots.

How do I customize the style?

You can add your rules to the classes named .responsive_column_widget_box .widget. Go to the widget box's edit page and enter your custom rules in the Custom CSS section or define it in your theme's style.css.

e.g. .responsive_column_widget_box .widget { padding: 4px; line-height: 1.5em; background-color: #EEE; }

Are there video instructions?

Yes. Hope this helps.

Is it possible to create multiple widget boxes?

Yes, with Pro.

It seems the plugin conflicts with my theme. Can you help?

It happens occasionally. Please ask for support with a link to your live site and the screenshots. In most cases, it can be solved by adjusting CSS rules causing the conflicts.

Up to how many columns can I create

You can set up to 12 columns.

I have a feature request. Would you listen?

Sure. Please post it in the forum or the comment section of the plugin page.

1.2.7 - 06/10/2018

• Fixed a compatibility issue with PHP 7.1 which caused an error of illegal string offset.
• Fixed a WordPress notice, Notice: get_screen_icon is deprecated since version 3.8.0., appeared in setting pages.

1.2.6 - 12/16/2016

• Fixed a compatibility issue with WordPress 4.7 that caused a warning wp_kses_js_entities is deprecated.

1.2.5 - 12/22/2015

• Fixed a compatibility issue with PHP 7 which caused a fatal error.

1.2.4 - 11/29/2015

• Added an icon in the setting page which appears when no widget is added.

1.2.3 - 05/06/2015

• Fixed a compatibility issue with WordPress 4.2 that category terms were not listed in the widget box definition page.

1.2.2 - 04/25/2015

• Fixed a compatibility issue with WordPress 4.2 in plugin setting pages.

1.2.1 - 03/09/2015

• Fixed a bug with a zero left-margin inherited from different screen widths.

1.2.0 - 01/14/2015

• Fixed an issue that columns were not properly displayed in Internet Explorer 8.
• Tweaked the layout of the plugin setting page.
• Optimized the performance.

1.1.12 - 10/13/2014

• Changed some option names.
• Fixed a PHP warning undefined constant WPLANG.
• Fixed a PHP warning Warning: strpos() empty delimiter....

1.1.11 - 04/22/2014

• Tweaked: the styling of the plugin admin setting page.
• Changed: the tab label General Options to General in the plugin admin setting page.
• Changed: the default option Delay Sidebar Registration to be checked by default.

1.1.10 - 04/19/2014

• Fixed: a bug that column margins were not calculated correctly in different set max-widths.

1.1.9 - 02/21/2014

• Added: the option to delay sidebar registration.
• Added: the Serbo-Croatian language file.

1.1.8.4 - 01/08/2013

• Fixed: a compatibility issue with the Twenty Fourteen theme.
• Tweaked: the styles of the setting pages of the plugin for WordPress v3.8.

1.1.8.3 - 10/01/2013

• Fixed: a compatibility issue with Twenty Thirteen.

1.1.8.2 - 09/14/2013

• Fixed: the minimum required WordPress version number to 3.3.
• Fixed: a bug that comma delimited option values could not be saved as of 1.1.7.

1.1.8.1 - 09/09/2013

• Fixed: an issue that when an integer is passed to the columns or colspans parameter with the the ResponsiveColumnWidgets() function, the parameter value did not get recognized.
• Added: the second parameter to the ResponsiveColumnWidgets() function that enables to render custom array in responsive columns.
• Fixed: a bug undefined object error occurred when a cache is expired.

1.1.8 - 09/05/2013

• Added: the call_id parameter that does not affect the CSS rules based on parameter values.
• Added: the RCW_filter_widget_output_array filter that enables to render custom PHP array in responsive columns.
• Fixed: an issue that the page load gets too slow in the plugin's setting pages.

1.1.7.5 - 08/18/2013

• Fixed: the warning, Notice: Undefined property: ResponsiveColumnWidgets_AutoInsert::$arrClassSelectors...

1.1.7.4 - 08/17/2013

• Fixed: the warning, Strict standards: Only variables should be passed by reference in ...\wp-content\plugins\responsive-column-widgets\classes\ResponsiveColumnWidgets_Option_.php on line 367.
• Fixed: the warning, Strict standards: Only variables should be passed by reference in ...\wp-content\plugins\responsive-column-widgets\classes\ResponsiveColumnWidgets_StyleLoader.php on line 55.
• Fixed: the warning, Strict standards: Declaration of ResponsiveColumnWidgets_Admin_Page_Framework_Walker_Category_Checklist::start_el() should be compatible with Walker::start_el(&$output, $object, $depth = 0, $args = Array, $current_object_id = 0) in ...\wp-content\plugins\responsive-column-widgets\classes\ResponsiveColumnWidgets_Admin_Page_Framework.php on line 2593.
• Fixed: a bug that a log file was created when WP_DEBUG is true.

1.1.7.3 - 08/06/2013

• Fixed: an issue that the page in widgets.php freezes in IE in WordPress 3.6.
• Tweaked: the plugin's JacaScript script loaded in the widgets.php page.
• Changed: the Responsive Column Widget Box widget form selector option to have the first item with the empty value which prevents unwanted sidebar dependency conflicts.
• Fixed: a bug that orphaned sidebars named Inactive Sidebar (not used) appeared in the select option items of the plugin's Responsive Column Widget Box widget's form after switching the theme.
• Fixed: a bug that the error "FATAL ERROR: MAXIMUM FUNCTION NESTING LEVEL OF '100' REACHED, ABORTING!" occurs when a sidebar dependency conflict occur with the sidebar encapsulation functionality and added an plugin error message instead.
• Fixed: a bug introduced in 1.1.7 that undefined index warnings and errors with array_filter() occur when a theme's sidebar is used instead of the plugin's widget box.

1.1.7.2 - 08/01/2013

• Fixed: a typo of the newly added option description in v1.1.7 in the New/Edit settings page.

1.1.7.1 - 07/30/2013

• Fixed: a bug that options were not loaded properly after updating to 1.1.7.

1.1.7 - 07/30/2013

• Added: the Container Background Color, Container Paddings, and Widget Box Maximum Width options.
• Changed: not to go to the Manage tab page when editing a widget box setting.
• Changed: the sidebar class selector to have own div element enclosing the widget box output. Accordingly the users who were using the CSS rule with the class selector such as .responsive_column_widgets_box.responsive_column_widgets { ... } shuold change it to .responsive_column_widgets .responsive_column_widgets_box.
• Added: the Widget Box Beginning Tag and Widget Box Ending Tag options.

1.1.6 - 06/29/2013

• Updated: the Japanese translation.
• Updated: the POT file.
• Added: the Clear Caches option in the General Options setting page.
• Added: the cache_duration parameter, which sets the cache for the widget box's output.
• Fixed: a bug that caused importing widget boxes to fail.
• Tweaked: the code to reduce one database query performed with the Auto-insert feature when no widget box item enables it.

1.1.5.6 - 06/27/2013

• Tweaked: the code to reduce the number of database queries performed in the settings pages.
• Tweaked: the code to reduce the used memory size in the settings pages.

1.1.5.5 - 06/26/2013

• Tweaked: the code to reduce the number of database queries performed in the settings pages of the plugin.

1.1.5.4 - 06/25/2013

• Fixed: a bug that updating the options in the General Options page removed a license value for the Pro version.

1.1.5.3 - 06/25/2013

• Tweaked: the layout in the settings pages.
• Added: the Execute Shortcodes in Widget Boxes option.
• Added: the RCW_filter_widgetbox_output filter that applies to the widget box outputs.

1.1.5.2 - 06/23/2013

• Added: the Minify CSS Code option.

1.1.5.1 - 06/16/2013

• Updated: the POT file.
• Fixed: a bug that the registered code with a blank parameter was listed twice in the Enqueue Styles in Head Tag option area in the setting page.
• Tweaked: the style for Twenty Thirteen 0.1.

1.1.5 - 06/14/2013

• Added: the colspans parameter.

1.1.4.3 - 06/03/2013

• Tweaked: to return the passed value for filters of the Auto-Insert feature if it is not a string.
• Supported: Twenty Thirteen 0.1.

1.1.4.2 - 05/18/2013

• Tweaked: the administration object not to load if non-admin pages are loaded.
• Tweaked: the plugin not to load when accessed directly.
• Fixed: a bug that a freeze occurred in the widgets.php page in IE.

1.1.4.1 - 05/17/2013

• Added: the option to enable/disable the Responsive Column Widget Box widget.
• Added: the ability for the ResponsiveColumnWidgets() function to be called without a parameter.

1.1.4 - 05/13/2013

• Fixed: a bug that updating the options in the General Options page caused the Areas to Load and Class Selector Names values to be empty.
• Fixed: an issue that images in the plugin setting pages sometimes did not load properly.
• Reduced: the memory usage in the plugin setting pages for servers with PHP below 5.3.
• Added: the Debug Mode option.

1.1.3 - 05/10/2013

• Added: the widget that encapsulates a sidebar.

1.1.2.1 - 04/29/2013

• Changed: the base style to use the parent class selector of the sidebar ID, which was removed in 1.1.2.
• Added: the option to enqueue styles to avoid style tags to be embedded in the body tag.

1.1.2 - 04/27/2013

• Added: the ability to load CSS rules without the scoped attribute for the ones with the Auto-Insert option.
• Changed: the method of rendering widget boxes not to use display:none for different screen max-widths.

1.1.1.2 - 04/23/2013

• Added: the option to decide whether ID attributes should be removed or not.
• Fixed: an issue that updating option items of the General Options removed some of the internal settings.
• Added: the edit icon in the Manage page.

1.1.1.1 - 04/22/2013

• Tweaked: user input sanitisation for string option values including Number of Columns and Class Names.
• Tweaked: the CSS rules for widget box rows.

1.1.1 - 04/21/2013

• Fixed: a typo in the setting page, Min to Max.
• Fixed: an issue that a custom number of columns with the parameter of the percentage offset for column numbers caused a row not to start from the very first column when there was a widget with longer height than the other widgets in the previous row.
• Added: the ability to specify the number of columns by screen max width.
• Deprecated: (Breaking Change) the parameter of the percentage offset for column numbers to support the ability to directly specify the number of columns by screen max width.
• Removed: the ID attribute from the default Widget Beginning Tag value.
• Added: (Breaking Change) the ability to automatically remove ID attributes from the rendered widget HTML code.
• Fixed: an issue that scoped style tag contained a white space in the name attribute value.

1.1.0 - 04/14/2013

• Added: the RCW_filter_base_styles filter that enables to modify the plugin's base CSS rules.
• Added: the CSS rules, width: auto; height: auto;, to the responsive_column_widgets_box class.
• Added: the option for the timing of loading the plugins' CSS base rules.
• Changed: from loading the CSS file in the header but to insert the CSS rules as text to support variadic class attribute names.
• Added: the options for specifying the class name attributes for the CSS rules.
• Added: the options for selecting the areas to load the plugin CSS rules.

1.0.9 - 04/07/2013

• Added: the ability to load the plugin CSS rules in login pages. To display the widget box in the login page, either use the PHP code or set the custom filter in the Auto-Insert section of the plugin admin page.
• Added: the ability to add custom filter/action hooks for the widget box auto-insertion.
• Added: the ability to restrict the widget box auto-insertion by category, post-id, post-type, and page-type.
• Added: the ability to disable the widget box auto-insertion by category, post-id, post-type ( post, page, custom post types ), and page-type ( archives, search, 404, etc. ).
• Fixed: a bug in the Information page that the sub menu list items were displayed with bullet marks in WordPress 3.4.x.
• Renewed: (Breaking Change) the entire Auto-Insert section of the plugin admin page. Accordingly, the previous auto-insert options should be reconfigured.
• Removed: (Breaking Change) the responsive_column_widget_area class attribute. Those who have been using it, should simply change it to responsive_column_widget_box instead.

1.0.8.7 - 04/05/2013

• Tweaked: the form data sanitisation functionality for the numeric sequence values with the comma delimiter.
• Changed: the class attribute name for each column from, col, to responsitve_column_widgts_column, in order to avoid being too generic which may result on conflicts with other plugins or themes.
• Fixed: a bug the responsitve_column_widgts_column_1 class attribute was not displayed correctly introduced in 1.0.8.6.

1.0.8.6 - 04/04/2013

• Fixed: typos in plugin admin pages.
• Added: the class attributes, responsitve_column_widgts_column_{n} and responsitve_column_widgts_row_{n}, to each div tag containing a widget, where _{n} indicates the position of the column and row.

1.0.8.5 - 04/01/2013

• Fixed: a bug that the notification which appears when no added widget is added appeared in other plugin pages.

1.0.8.4 - 03/25/2013

• Fixed: a bug that the WordPress version 3.4.x or below got Fatal error: Cannot make non static method SimplePie::sort_items() static in class ResponsiveColumnWidgets_SimplePie_ in .../wp-content/plugins/responsive-column-widgets/classes/ResponsiveColumnWidgets_SimplePie_.php on line 21.

1.0.8.3 - 03/24/2013

• Fixed: a typo in the plugin admin page footer.
• Updated: the information page.
• Changed: the requirement check to perform only upon the plugin activation from loading the plugin admin page.

1.0.8.2 - 03/23/2013

• Fixed: the warning that occurred in debug mode in a Not Found page, Undefined property: WP_Query::$post.

1.0.8.1 - 03/21/2013

• Fixed: a bug that the widget box was inserted below the comment form regardless of whether the option was checked or not.

1.0.8 - 03/20/2013

• Fixed: a bug that when multiple widget boxes with different sidebar IDs were present in one page, only the first widget box's custom style was loaded; the other custom styles' set to each box did not load.
• Fixed: a bug that when multiple widget boxes with different sidebar IDs were present in one page, only the first widget box was responsive; the responsive rules did not apply to the other widget boxes.
• Added: the ability to auto-insert the widget box into the comment form section.
• Fixed: the warning that occurred in some servers, "Parameter 1 to ResponsiveColumnWidgets_Startup() expected to be a reference, value given in .../wp-includes/plugin.php on line 406."

1.0.7.1 - 03/19/2013

• Added: a warning message when there is no widget added to the widget box in the edit page.
• Added: the setting to attempt to override the memory limit for PHP set by the server.
• Added: the Japanese translation.
• Added: the localization support with the text domain, responsive-column-widgets.

1.0.7 - 03/18/2013

• Added: the ability to disable the auto-insert option for both footer and posts/pages by post IDs and the checkbox for the front page.
• Added: the ability to auto-insert the widget box into post and pages above/below the contents.
• Fixed: a minor bug that merging with the default option values did not perform correctly when the subject option key had a null value.

1.0.6.1 - 03/13/2013

• Raised: the required WordPress version to 3.2 from 3.0.
• Fixed: an issue that the user with a custom access level could not change the options.
• Fixed: minor typographical errors in the setting page.
• Added: the sanitisation functionality for option values with delimiters including Numbers of Columns, Omitting Widgets, Show-only Widgets, Width Percentage Offsets, and Additional Allowed HTML Tags.
• Added: the requirement check which includes PHP version to 5.2.4 or higher.
• Tweaked: the code to load the pages faster in the admin pages.

1.0.6 - 03/11/2013

• Fixed: a bug that saving in the General Options page redirected to the Manage page in the plugin admin pages.
• Added: the ability to set custom style rules per widget box.

1.0.5 - 03/09/2013

• Added: the ability to automatically insert the widget box in the footer if the option is checked in the setting page.
• Fixed: a bug that the same ID attribute was applied to the aside tags.
• Changed: a filter name that the plugin internally uses to make the names consistent.

1.0.4.9 - 03/04/2013

• Changed: the Access Rights option not to appear for members other than administrators.

1.0.4.8 - 03/04/2013

• Added: some base files for plugin extensions.
• Added: an action hook for plugin extensions.
• Fixed: a bug that the default widget box options could not be retrieved properly in the table of the Manage tab page when the option initialization was performed.

1.0.4.7 - 03/04/2013

• Fixed: a bug that when settings are saved in one of the pages and the other pages settings get erased introduced since supporting the alternatives of array_replace_recursive().

1.0.4.6 - 03/04/2013

• Fixed: a bug that debug output appeared after submitting the form in General Options page.

1.0.4.5 - 03/04/2013

• Fixed: typos and applied minor description changes to the parts not clear enough.

1.0.4.4 - 03/03/2013

• Fixed: the parts using array_replace_recursive() which is incompatible with below PHP 5.3.

1.0.4.3 - 03/03/2013

• Fixed: an issue that the server below PHP 5.3 got Fatal error: Call to undefined function array_replace_recursive().

1.0.4.2 - 03/03/2013

• FIxed: the version number in the main file.

1.0.4.1 - 03/03/2013

• Fixed: a bug in the file name which contains case-mismatch with the include/require statement, which caused a fatal error during the activation.

1.0.4 - 03/03/2013

• Added: the ability to reset all saved option values.
• Added: the ability to set custom HTML tags to be posted in the setting page.
• Added: the Access Rights option in the setting pages.
• Changed: the default value of the offsets parameter to 600:12, which is 100% compatible with the versions prior to 1.0.3.
• Added: the ability to set the options without the parameters; the saved option values in the setting page will be used.
• Added: the ability to set a custom message when no widget is added.
• Added: the ability to set opening/closing HTML code in front of the widget output and title.
• Added: the ability to specify the widget box by label name.
• Added: the setting pages under the Appearance menu.

1.0.3 - 02/28/2013

• Changed: (Breaking Change) the default number of columns to 3 from 1.
• Added: the ability to flexibly change the number of columns by pixel width with the offsets parameter.

1.0.2 - 02/23/2013

• Added: an additional class attribute to the enclosing div tag named "widget-area," which helps to match the site's sidebar style.
• Added: an enclosing div tag with the class attribute named "widget," which helps to match the site's sidebar style.
• Cleaned: some code.
• Changed: the misleading class attribute name, responsive_column_widgets_newrow, to responsive_column_widgets_firstcol.

1.0.1

• Fixed a minor issue in the stylesheet.
• Added the parameter options including, maxwidgets, maxrows, omit, showonly.
• Added the ability to set the number of columns to show in each row.

1.0.0

• Initial Release

Install

1. Upload responsive-column-widgets.php and other files compressed in the zip folder to the /wp-content/plugins/ directory.,
2. Activate the plugin through the 'Plugins' menu in WordPress.

How to Use

Go to the Other Notes section.

Adding Widgets



Three-Two-Five Columns Combination Example



Four Column Example



Responsiveness



Example of the columns Parameter by Screen Width



Column Spans



Sidebar Encapsulation