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