這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

eVision Responsive Column Layout Shortcodes

描述

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!

螢幕截圖

  • Popup for placing the no. of column in Editor Section (backend)
  • Editor with Shortcodes Samples (backend)
  • Responsive column layout (frontend)

安裝

  1. Download archive and unzip in wp-content/plugins directory from File Transfer Protocol (FTP)
  2. Activate the plugin through the ‘Plugins’ menu in WordPress dashboard.
  3. Use the button to ready the shortcodes for column , or simply paste to your desired section on the editor ( pages / posts /text widget )
  4. Enjoy , and share if you run into any type of issues!

常見問題

Installation Instructions
  1. Download archive and unzip in wp-content/plugins directory from File Transfer Protocol (FTP)
  2. Activate the plugin through the ‘Plugins’ menu in WordPress dashboard.
  3. Use the button to ready the shortcodes for column , or simply paste to your desired section on the editor ( pages / posts /text widget )
  4. 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

評價

2017年5月30日
It does'nt work when text in last col is longer than others. In that situation, the text moves outside the col. No support from developer in the last 8 months
2017年4月30日
This has been a great plug-in, but now I find that I can't force my site into https; the columns just stack as if the shortcode wasn't there. NEW INFO: The problem was that I had not completed the task of switching to https. Went to Settings | General and changed both URLs from http to https, clicked Save Changes at the bottom and now the columns work fine.
2017年3月19日
I tried couple of others before this one and found this the best so far. It's just what you see what you get. Thank you.
2016年9月3日
When I add 2 a column layout, the last element gets a class name "one_half_last_clear". I believe it is supposed to be "one_half_last clear", because there is no style declared int he style sheet for "one_half_last_clear". But there are styles for "one_half_las" and "clear".
閱讀全部26個評價

貢獻者及開發者

“eVision Responsive Column Layout Shortcodes” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

修改日誌

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