How to use Column Shortcodes in WordPress

Kit Allen 6th of April 2015

Quite often when we’re putting sites together, we’ll need to put content into columns.

There’s a few ways to skin this particular cat – we can split content into separate boxes in WordPress, or use the ‘more’ tag as a flag to split content into two columns – but if the site requires something more flexible, we’ll use a plugin called Column Shortcodes.

Column Shortcodes uses WordPress shortcodes to set up columns of content in your site. A page might look like this:

[ one_half ]
content for column 1
[ /one_half ]

[ one_half_last ]
content for column 2
[ /one_half_last ]

The example above will – as you’d expect – split content into two 50% width columns. Because the columns work on a percentage basis, they’ll also display nicely on mobile browsers – so your site will continue to be usable on smaller screens too.

The screencast below explains how to use Column Shortcodes in a whole heap more detail: