[WordPress] 外掛分享： eVision Responsive Column Layout Shortcodes

WordPress 外掛 eVision Responsive Column Layout Shortcodes 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「eVision Responsive Column Layout Shortcodes」是 2013-07-24 上架。 目前已經下架不再更新，不建議安裝使用。
  • 目前有 4000 個安裝啟用數。
  • 上一次更新是 2016-12-14，距離現在已有 3063 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 3.0 以上版本才可以安裝。
  • 有 26 人給過評分。
  • 論壇上目前有 1 個提問，問題解答率 0%

外掛協作開發者

bhuwanroka |

外掛標籤

column | one_half | shortcode | fluid layout | responsive columns |

內容簡介

此 WordPress 外掛可透過在內容周圍包裝簡碼 (shortcode)，讓文章和頁面輕鬆添加具有回應性 (Bootstrap) 的欄位配置。
使用外掛的編輯器按鈕添加欄位，或簡單地複製並貼上以下代碼。在文字小工具或文章/頁面中使用簡碼：

2 列配置: –
[bscolumns class=”one_half”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_half_last”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”clear”][/bscolumns]

3 列配置: –
[bscolumns class=”one_third”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_third”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_third_last”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”clear”][/bscolumns]

4 列配置: –
[bscolumns class=”one_fourth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_fourth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_fourth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_fourth_last”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”clear”][/bscolumns]

5 列配置: –
[bscolumns class=”one_fifth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_fifth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_fifth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_fifth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_fifth_last”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”clear”][/bscolumns]

6 列配置: –
[bscolumns class=”one_sixth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_sixth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_sixth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_sixth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_sixth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_sixth_last”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”clear”][/bscolumns]

1/3 和 2/3 列配置: –
[bscolumns class=”one_third”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”two_third_last_clear”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”clear”][/bscolumns]

2/3 和 1/3 列配置: –
[bscolumns class=”two_third”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_third_last_clear”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”clear”][/bscolumns]

欄位具有響應性，將佔據整個屏幕寬度。
查看演示這裡。
使用新插件，您可以像 1/3+2/3 這樣從 Tinymce 按鈕輸入列組合。這將給您三分之一的列和三分之二的列。
如果有任何問題或建議，請在支援論壇發表評論或文章。謝謝！

原文外掛簡介

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!

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「eVision Responsive Column Layout Shortcodes」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.1 | 1.2 | 2.0 | 2.1 | 2.2 | 2.3 | 1.2.1 | 1.2.4 | 1.2.5 | 1.2.6 | 1.2.7 | 1.2.8 | trunk |

延伸相關外掛（你可能也想知道）

  • WP Shortcodes Plugin — Shortcodes Ultimate 》Shortcodes Ultimate 是一個全面的視覺與功能性元素收集，您可以在文章編輯器、文字小工具甚至是範本檔案中使用。使用 Shortcodes Ultimate，您可以輕鬆地建...。
  • MW WP Form 》MW WP Form 可以使用 shortcode 創建帶有確認畫面的郵件表單。, , 使用 shortcode 創建表單, 可以使用確認頁面。, 頁面可以使用相同的 URL 或個別的 URL 進行...。
  • Shortcoder — Create Shortcodes for Anything 》Shortcoder 外掛可讓您建立 HTML、JavaScript、CSS 和其他代碼片段的自訂捷徑。現在，這些捷徑可以在文章/頁面中使用，並且該片段將取代其位置。, ✍ 輕鬆建立...。
  • Display Posts – Easy lists, grids, navigation, and more 》Display Posts 讓您輕鬆地列出網站上的所有內容。首先在內容編輯器中新增此短碼，以列出最近的文章清單：, [display-posts], , 按類別篩選, 若只想顯示特定類...。
  • Widget Shortcode 》這個短碼需要小工具的ID，但不需要猜測，外掛會為你生成代碼。如果你想要覆蓋小工具的標題，你可以使用 "title" 參數：, [widget id=”text-1″...。
  • Woody code snippets – Insert Header Footer Code, AdSense Ads 》需要專業的支援嗎？, 免費獲取支援, 開始獲得高級支援, , 停止反覆使用相同的內容！, 停止插入 function.php 中的 PHP 代碼！, 停止將 Google Analytics、Yan...。
  • Column Shortcodes 》此外掛提供簡單易用的短碼，在您的文章或頁面中輕鬆創建欄位。有時候，您只需要將網頁切成不同的欄位。使用此外掛，您只需選擇一個欄位的短碼，便可將欄位加...。
  • amr shortcode any widget 》使用shortcode將小工具或多個小工具或整個小工具區域（側邊欄）插入到頁面中。, 首先在正常的側邊欄中設置小工具。 檢查它是否正常運作。, 然後將所選小工具...。
  • Shortcode in Menus 》此外掛讓你可以在 WordPress 導覽選單中使用簡碼，以便可以動態生成連結。也可以讓你在導覽選單中添加完整的 HTML 段落。, 使用方法, 查看截圖。, 另外，查看...。
  • Sidebar Widgets by CodeLights 》❗ 很抱歉，由於 SiteOrigin 的 widgets API 完全更改，CodeLights 不再支援 SiteOrigin Page Builder 的原生使用。解決方案：您仍然可以在純文字編輯器中創...。
  • Advanced iFrame 》看起來您正在尋找一個 WordPress 外掛 - Advanced iFrame Pro。這個外掛可讓您使用 iframe 包含其他網頁到您的網站中，同時具有隱藏和修改元素、自動調整高度...。
  • Insert Pages 》Insert Pages 可讓您使用 Shortcode API，將任何 WordPress 內容（例如，頁面、文章、自訂文章類型）嵌入其他 WordPress 內容。它還包括一個小工具，可將頁面...。
  • Shortcodes by Angie Makes 》Shortcodes by Angie Makes 外掛為您的 WordPress 主題新增一系列易於使用的短碼，這些短碼與 Angie Makes WordPress 主題 完美搭配。, 範例, 請到此查看這些...。
  • Team Members 》這個外掛會為管理員面板增加一個「團隊」區塊，讓您可以輕鬆地在網站上展示您的員工/職員。您可以快速地將成員加入您的團隊，加入他們的照片、職位、個人簡介...。
  • Post Snippets – Custom WordPress Code Snippets Customizer 》, 建立自訂短碼和可重複使用的內容，並將它們插入到您的文章和頁面中。, , 此外掛讓您建立 HTML、PHP 程式碼或常用文字片段的庫。在文章和頁面中，您可以使用...。

文章
Filter
Apply Filters
Close
Mastodon