[WordPress] 外掛分享: Bamboo Columns

WordPress 外掛 Bamboo Columns 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Bamboo Columns」是 2014-08-10 上架。 目前已經下架不再更新,不建議安裝使用。
  • 目前有 1000 個安裝啟用數。
  • 上一次更新是 2018-03-02,距離現在已有 2620 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.0.1 以上版本才可以安裝。
  • 有 8 人給過評分。
  • 論壇上目前有 1 個提問,問題解答率 0%

外掛協作開發者

bamboosolutions |

外掛標籤

layout | columns | shortcodes |

內容簡介

這個外掛提供幾個短代碼,用於將您的內容組織成多欄佈局。它支持兩、三和四欄佈局,並允許內容跨越多個欄位(如果需要)。

用法

將所需的短代碼插入您的內容中,如下所示:

2欄佈局:

[column-half-1]
第一欄的內容
[/column-half-1]
[column-half-2]
第二欄的內容
[/column-half-2]

3欄佈局:

[column-third-1]
第一欄的內容
[/column-third-1]
[column-third-2]
第二欄的內容
[/column-third-2]
[column-third-3]
第三欄的內容
[/column-third-3]

4欄佈局:

[column-quarter-1]
第一欄的內容
[/column-quarter-1]
[column-quarter-2]
第二欄的內容
[/column-quarter-2]
[column-quarter-3]
第三欄的內容
[/column-quarter-3]
[column-quarter-4]
第四欄的內容
[/column-quarter-4]

如果您想要跨越多個欄位的內容,可以將短代碼組合起來,例如:

1/3的欄位 / 2/3的欄位

[column-third-1]
第一欄的內容
[/column-third-1]
[column-third-2-3]
跨越第二和第三欄的第二欄內容
[/column-third-2-3]

1/4的欄位 / 2/4的欄位 / 1/4的欄位

[column-quarter-1]
第一欄的內容
[/column-quarter-1]
[column-quarter-2-3]
跨越第二和第三欄的第二欄內容
[/column-quarter-2-3]
[column-quarter-4]
佔據第四欄的第三欄內容
[/column-quarter-4]

如果您需要在一欄中嵌套一組欄位,可以通過在短代碼中添加 ‘inner-‘ 來完成,如下所示:

[column-half-1]
一些文字
[inner-column-half-1]
更多文字
[/inner-column-half-1]
[inner-column-half-2]
更多更多的文字
[/inner-column-half-2]
[/column-half-1]
[column-half-2]
最後的文字
[/column-half-2]

您也可以通過像下面這樣在短代碼中添加屬性來更改欄位背景顏色:

[column-half-1 background="e8e8e8"]

原文外掛簡介

This plugin provides several shortcodes for organising your content into multi-column layouts. It supports two, three and four column layouts and allows for content to span multiple columns if required.
Usage
Insert the required shortcodes into your content as follows:
2 column layout:
[column-half-1]
First column of content
[/column-half-1]
[column-half-2]
Second column of content
[/column-half-2]

3 column layout:
[column-third-1]
First column of content
[/column-third-1]
[column-third-2]
Second column of content
[/column-third-2]
[column-third-3]
Third column of content
[/column-third-3]

4 Column layout:
[column-quarter-1]
First column of content
[/column-quarter-1]
[column-quarter-2]
Second column of content
[/column-quarter-2]
[column-quarter-3]
Third column of content
[/column-quarter-3]
[column-quarter-4]
Fourth column of content
[/column-quarter-4]

If you want content to span multiple columns you can combine the shortcodes to create a column spans multiple spaces, for example:
1 Third / 2 Thirds

[column-third-1]
First column of content
[/column-third-1]
[column-third-2-3]
Second column of content that spans the second and third columns
[/column-third-2-3]

1 Quarter / 2 Quarters / 1 Quarter

[column-quarter-1]
First column of content
[/column-quarter-1]
[column-quarter-2-3]
Second column of content that spans the second and third columns
[/column-quarter-2-3]
[column-quarter-4]
Third column of content that occupies the fourth quarter column
[/column-quarter-4]

If you need to embed a set of columns within a column, you can do so by adding ‘inner-‘ to the shortcode as follows:
[column-half-1]
Some Text
[inner-column-half-1]
Some more text
[/inner-column-half-1]
[inner-column-half-2]
Even more text
[/inner-column-half-2]
[/column half 1]
[column-half-2]
The final text
[/column-half-2]

You can also change the background colour of a colour by adding an attribute to the shortcode as follows:
[column-half-1 background="e8e8e8"]

各版本下載點

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

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


1.2 | 1.3 | 1.4 | 1.5 | 1.6 | 1.6.1 | trunk |

延伸相關外掛(你可能也想知道)

  • WP Shortcodes Plugin — Shortcodes Ultimate 》Shortcodes Ultimate 是一個全面的視覺與功能性元素收集,您可以在文章編輯器、文字小工具甚至是範本檔案中使用。使用 Shortcodes Ultimate,您可以輕鬆地建...。
  • Admin Columns 》這個 WordPress 外掛可以管理並整理文章、使用者、評論及媒體列表的欄位。它讓 WordPress 後台界面變得更美觀、明確。, , Admin Columns Pro, Admin Columns ...。
  • Column Shortcodes 》此外掛提供簡單易用的短碼,在您的文章或頁面中輕鬆創建欄位。有時候,您只需要將網頁切成不同的欄位。使用此外掛,您只需選擇一個欄位的短碼,便可將欄位加...。
  • ACF Quick Edit Fields 》這個 WordPress 外掛為 Advanced Custom Fields Plugin(Pro 和 Free 5+)增加了快速編輯功能。, 特色, , 在清單檢視中顯示 ACF 欄位值, 支援的 ACF 欄位類型...。
  • Advanced WP Columns 》Advanced WP Columns 外掛提供了簡單易用的介面,讓您可以在部落格中使用多欄位顯示內容,而無需使用任何簡碼。此外,也支援回應式排版。, , 基本資訊, 外掛...。
  • TemplatesNext ToolKit 》這個外掛提供了許多必要的元素,如簡歷、團隊成員、推薦評價、輪播、WooCommerce 產品清單等等,使用短代碼、SiteOrigin Page Builder 或 Elementor widget ...。
  • PixCodes 》PixCodes 是一個 WordPress 外掛,可以提供簡單易用的短碼(Shortcode)編輯器界面。, 最酷的部分是,透過這個外掛,您可以過濾任何短碼參數或使用自己的佈景...。
  • Lightweight Grid Columns 》輕量級網格列非常容易使用!您只需要安裝並啟用外掛,然後在 TinyMCE 工具列中尋找列圖示(請參閱屏幕截圖)。, 指定所需的桌面、平板和移動端列寬,添加內容...。
  • Genesis Columns Advanced 》, ⚠️ 警告, Genesis Columns Advanced 即將終止其生命週期。該外掛程式是為經典編輯器而建立的,不需要在區塊編輯器 (Gutenberg) 中使用。重要支援仍然會在支...。
  • Columns 》使用 [column-group] 短碼建立欄位群組,然後使用 [column] 短碼將欄位添加到群組中,如下所示:, [column-group], [column]這是我的第一列[/column], ...。
  • Three Column Screen Layout 》從文章編輯器的「螢幕選項」選單中選擇額外的佈局。, 現在有 24 款變化可供選擇!。
  • Simple Shortcodes 》這個外掛可與任何佈景主題一起使用,但是特別與simplethemes.com的佈景主題相容。簡單短碼 (Simple Shortcodes)為您的編輯器工具列添加了一個按鈕,方便快速...。
  • Grid Shortcodes 》這是一款響應式且易於使用的工具,可在文章/頁面中分割您的內容。這款超輕量級的外掛程式可讓您將內容放入不同寬度的列中。您所看到的就是您所得,而且完全免...。
  • Genesis Easy Columns 》這個外掛可以在 WordPress 編輯器中輕鬆整合 Genesis 欄位類別。點擊一下按鈕,您現在可以在您的頁面或文章中添加欄位類別 shortcode,您不再需要了解任何 HT...。
  • Div Shortcode 》此外掛可讓您使用簡短代碼 [div] 和 [end-div] 創建 div 元素。若要添加 id 為 "foo" 和 class 為 "bar",請使用 [div id=”foo” class=”ba...。

文章
Filter
Apply Filters
Mastodon