描述
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!
螢幕截圖
安裝
- 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!
常見問題
- 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
評價
貢獻者及開發者
修改日誌
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