Add Grid Columns to WordPress | Column Layout made easy

Columns made easy. A Grid column plugin for WordPressWe’re always on the lookout for plugins that will simplify coding for our WordPress students. Here’s a plugin that we know you’re going to love. It’s called Grid Columns by Justin Tadlock. And yes it works responsively!  NOTE: This plugin still works perfectly even though WordPress is warning that it hasn’t been updated in a long time.

Sometimes you want to divide your page into different columns. You no longer need to worry about creating tables. With this plugin you just wrap the column shortcode around the content that you want in columns.

A shortcode is a WordPress-specific code that lets you do powerful things with little effort.  Think of it this way shortcode = shortcut. You can implement complicated code from a plugin by wrapping a specified shortcode in square brackets.  The shortcode is telling WordPress to execute the full code in this place.

Default 4 Columns

By default, Grid Columns is set up to display 4 columns. So if you wanted to split your content into 4 columns. You can just use the word column in the shortcode, like this:

This is some very cool example content to use as an example.

This is some very cool example content to use as an example.

This is some very cool example content to use as an example.

This is some very cool example content to use as an example.

2 Columns

Suppose you just wanted two columns, you need to specify the grid is 2 (remember the default is 4). The following code would handle that.

This is some very cool example content to use as an example.

This is some very cool example content to use as an example.

Let’s do something a little more advanced

Suppose you wanted a 3-section grid with the first column taking up the space of two sections. Your code would look like this:

This is some very cool example content to use as an example.

This is some very cool example content to use as an example.

Notice the span="1" and span="2" parts in the code. This represents the number of sections this particular column spans. Make sure each span argument for your column shortcode equals exactly the grid argument. In the example above the grid is 3 therefore, the combination of the two spans must add up to 3.

A readme.html file is located in the plugin directory.  Some examples in this post are from that file. Thanks to Justin Tadlock for a great WordPress plugin.

Isn’t this just what you were looking for?! Try it out and let us know what you think.

** UPDATE **
The Grid Columns Media Button Plugin makes this plugin easier to use. We recommend that you give it a try too.

3 thoughts on “Add Grid Columns to WordPress | Column Layout made easy


    1. There is a great plugin for that called “Dynamic Widgets”. I’ll write a post on it soon.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.