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