=== Responsive Columns Widgets ===
Contributors: Michael Uno, miunosoft
Donate link: http://michaeluno.jp/en/donate
Tags: miunosoft, widgets, sidebar, columns, responsive
Requires at least: 3.0
Tested up to: 3.5
Stable tag: 1.0.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: Creates a custom responsive column widget box.
== Description ==
Creates a custom responsive column widget box. When you want to display widgets horizontally, I know it’s such a headache to edit the theme and repeat the numerous times of trial and error. If you feel the same way, this would save the time for you.
Features
* Displays widgets in clolums - the main feature of this plugin.
* Responsive Design - when the browser width is less than 600 px, it adjusts the layout.
* Supports up to 12 columns - for example, if you have 24 registered widgets, you can displays 12 items in two rows.
* PHP code and Shortcode - use them to display the widgtes.
* The default sidebars integration - The sidebars defined by your them also can be displayed in columns.
== Installation ==
= Install =
1. Upload **`amazonautolinks.php`** and other files compressed in the zip folder to the **`/wp-content/plugins/`** directory.
1. Upload **`responsive-column-widgets.php`** and other files compressed in the zip folder to the **`/wp-content/plugins/`** directory.
1. Activate the plugin through the 'Plugins' menu in WordPress.
= How to Use =
1. Go to Appearance > Widgets. You'll see a new custom sidebar box named **Responsive Custom Widgets**.
1. Add widgtes to it.
1. Add the following code:
* **in a theme** - PHP code. e.g. ` 5 )); ?>` where 5 indicates the number of columns.
* **in a page/post** - Shortcode e.g. `[responsive_column_widgets columns="3"]` where 3 indicates the number of columns.
== Frequently asked questions ==
= How do I customize the style? =
You can add your rules to the class named `.responsive_column_widget_area`. It's defined in **responsive_column_widgets.css** but simply you can define it in your **style.css** as well.
== Screenshots ==
1. **Three Colums Example**
2. **Four Colums Example**
3. **Five Colums Example**
4. **Responsiveness**
== Changelog ==
= 1.0.0 =
* Initial Release