這個外掛並未在最新的 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