Columns

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.

Screenshots

  • Columns demo
  • This is how things look in the editor

Installation

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

FAQ

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.

Reviews

Simple and effective

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%;  }
}

Sort of works…

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)

Read all 21 reviews

Contributors & Developers

“Columns” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Columns” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

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