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: