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.
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:
This section describes how to install the plugin and get it working.
“Bamboo Columns” 是开源软件。 以下人员对此插件做出了贡献。贡献者
- Tested in WP4.7. Code refactored and rebrand.
- Updated CSS delivery to help improve Google PageSpeed scores
- Added inner column functionality, allowing columns within columns.
- Makes use of the non-blocking CSS method provided by Bamboo themes if available.
- Added ‘background’ shortcode attribute
- Rebrand from Noodle to Bamboo
- Fixed issue caused by new lines between shortcodes
- Initial version.