Description
This Plugin easily adds responsive ( BootStrap ) columns layout into posts and pages by wrapping content with a shortcode.
Use the Plugin’s button on the editor to add columns or simply copy and paste the beneath codes. Use the shortcode in the text widget or posts/pages like this:
-
2 column layout: –
[bscolumns class=”one_half”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_half_last”]Your Content Goes here[/bscolumns]
[bscolumns class=”clear”][/bscolumns] -
3 column layout: –
[bscolumns class=”one_third”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_third”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_third_last”]Your Content Goes here[/bscolumns]
[bscolumns class=”clear”][/bscolumns] -
4 column layout: –
[bscolumns class=”one_fourth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_fourth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_fourth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_fourth_last”]Your Content Goes here[/bscolumns]
[bscolumns class=”clear”][/bscolumns] -
5 column layout: –
[bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_fifth_last”]Your Content Goes here[/bscolumns]
[bscolumns class=”clear”][/bscolumns] -
6 column layout: –
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_sixth_last”]Your Content Goes here[/bscolumns]
[bscolumns class=”clear”][/bscolumns] -
1/3 and 2/3 column layout: –
[bscolumns class=”one_third”]Your Content Goes here[/bscolumns]
[bscolumns class=”two_third_last_clear”]Your Content Goes here[/bscolumns]
[bscolumns class=”clear”][/bscolumns] -
2/3 and 1/3 column layout: –
[bscolumns class=”two_third”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_third_last_clear”]Your Content Goes here[/bscolumns]
[bscolumns class=”clear”][/bscolumns]
The columns are responsive and will occupy the whole width of your screen.
Checkout the demo here
With new plugin, you can enter the column combination from Tinymce button like 1/3+2/3. This will give you one third of column, and 2 third of the column.
If you have any questions and suggestions, leave a comments or post it in support forum. Thank you!
Screenshots
Installation
- Download archive and unzip in wp-content/plugins directory from File Transfer Protocol (FTP)
- Activate the plugin through the ‘Plugins’ menu in WordPress dashboard.
- Use the button to ready the shortcodes for column , or simply paste to your desired section on the editor ( pages / posts /text widget )
- Enjoy , and share if you run into any type of issues!
FAQ-e
- Installation Instructions
-
- Download archive and unzip in wp-content/plugins directory from File Transfer Protocol (FTP)
- Activate the plugin through the ‘Plugins’ menu in WordPress dashboard.
- Use the button to ready the shortcodes for column , or simply paste to your desired section on the editor ( pages / posts /text widget )
- Enjoy , and share if you run into any type of issues!
- 1. Can I style the column layout?
-
Yes, you can style it with CSS from your theme stylesheet
Reviews
Contributors & Developers
“eVision Responsive Column Layout Shortcodes” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “eVision Responsive Column Layout Shortcodes” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
2.3
- Fix – Made WordPress 4.7 compatible
2.2
- Fix – Made WordPress 4.6 compatible
2.1
- Fix – Added media queries below 760px
2.0
- Tweak – Structured changed
- Dev – Dissimilar column combination added
1.2.7
- Fix – Made WordPress 4.4 compatible
1.2.6
- Fix – Made WordPress 4.3 compatible
1.2.5
- Fix – Made WordPress 4.2 compatible
1.2.2
- Tweak – Release new version and added clear div after the last column
1.2.1
- Fix – CSS added to fix some minro issues
1.2
- Fix – Few bugs resolved
- Fix – version works smoothly on WordPress 3.9
1.1
- Fix – Bug fixes
1.0
- Dev – First release