Bamboo Columns

Leírás

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.

Működési tudnivalók

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