[WordPress] 外掛分享: Bamboo Columns

首頁外掛目錄 › Bamboo Columns
WordPress 外掛 Bamboo Columns 的封面圖片
⚠ 此外掛已下架 — 不再更新維護,建議勿安裝。
1,000+
安裝啟用
★★★★★
5/5 分(8 則評價)
2937 天前
最後更新
0%
問題解決
WordPress 3.0.1+ v1.6.1 上架:2014-08-10

內容簡介

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

用法

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

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"]

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.6.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Bamboo Columns」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

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"]

延伸相關外掛

文章
Filter
Apply Filters
Mastodon