Columns

Plugin Banner

Columns

by Konstantin Kovshenin

Download
Description

Create a column group with the [column-group] shortcode, then add columns to the group with the [column] shortcode, like this:

[column-group]
    [column]This is my first column[/column]
    [column]This is my second column[/column]
[/column-group]

You can also span columns, like this:

[column-group]
    [column span="2"]This is my first column spanned across two columns.[/column]
    [column]This is my second column[/column]
    [column]This is my third column[/column]
[/column-group]

The first column will be twice as large as the second or third.

Styles are in columns.css. If you’d like your own margins and stuff, dequeue the columns.css style during wp_enqueue_scripts with a priority of 11 or more.

  1. Download archive and unzip in wp-content/plugins or install via Plugins – Add New.
  2. Start using the [column-group] and [column] shortcodes.
  1. Columns demo

    Columns demo

  2. This is how things look in the editor

    This is how things look in the editor

Installation Instructions

  1. Download archive and unzip in wp-content/plugins or install via Plugins – Add New.
  2. Start using the [column-group] and [column] shortcodes.

Efficient and simple to use, thank you!

By meylodie on October 14, 2023

It does not compare with other columns plugins, as it is the simplest I have been able to use. It is perfect when using Disable Gutenberg or such.

Simple and effective

By Bianca (bianca205) on August 25, 2017

I really like these kind of lean plugins. Maybe it's not for everyone but it doesn't add any bloat and I like that. To the people who say this plugin is not responsive. Responsive settings are based on CSS defined media breakpoints. The author of this plugin did not include these. Different themes use different breakpoints. So yeah you might have to add a few lines of css yourself to accomplish responsive effects. But in the end this will always look better than pre defined responsive css settings included in some other plugins, which will not always look good on every theme.
example:
@media only screen and (max-width:768px) {
.columns-2 .column { width: 100%;  }
.columns-3 .column { width: 100%;  }
}

Works nicely but is not responsive

By WebDeb (SillyMoney) on September 3, 2016

Installed great but on a phone gives two really skinny columns instead of stacking them up.

Sort of works...

By easilyconfused on September 3, 2016

It sort of works but put everything into a colored box with a tiny font.

Useless to me but might be OK for some people (that like tiny fonts and weird boxes)

0.7.3

  • Testing in 4.3 and 4.4

0.7.2

  • Fix wpautop issues when another shortcode appears in a column
  • Testing in 3.7.1 and 3.8

0.7.1

  • Clear floats after column group
  • Allow other shortcodes inside column contents

0.7

  • First version
Back to top