Bamboo Columns

Description

This plugin provides several shortcodes for organising your content into multi-column layouts. It supports two, three and four column layouts and allows for content to span multiple columns if required.

Usage

Insert the required shortcodes into your content as follows:

2 column layout:

 [column-half-1]
 First column of content
 [/column-half-1]
 [column-half-2]
 Second column of content
 [/column-half-2]

3 column layout:

 [column-third-1]
 First column of content
 [/column-third-1]
 [column-third-2]
 Second column of content
 [/column-third-2]
 [column-third-3]
 Third column of content
 [/column-third-3]

4 Column layout:

 [column-quarter-1]
 First column of content
 [/column-quarter-1]
 [column-quarter-2]
 Second column of content
 [/column-quarter-2]
 [column-quarter-3]
 Third column of content
 [/column-quarter-3]
 [column-quarter-4]
 Fourth column of content
 [/column-quarter-4]

If you want content to span multiple columns you can combine the shortcodes to create a column spans multiple spaces, for example:

 1 Third / 2 Thirds

 [column-third-1]
 First column of content
 [/column-third-1]
 [column-third-2-3]
 Second column of content that spans the second and third columns
 [/column-third-2-3]

 1 Quarter / 2 Quarters / 1 Quarter

 [column-quarter-1]
 First column of content
 [/column-quarter-1]
 [column-quarter-2-3]
 Second column of content that spans the second and third columns
 [/column-quarter-2-3]
 [column-quarter-4]
 Third column of content that occupies the fourth quarter column
 [/column-quarter-4]

If you need to embed a set of columns within a column, you can do so by adding ‘inner-‘ to the shortcode as follows:

 [column-half-1]
      Some Text
      [inner-column-half-1]
           Some more text
      [/inner-column-half-1]
      [inner-column-half-2]
           Even more text
      [/inner-column-half-2]
 [/column half 1]
 [column-half-2]
      The final text
 [/column-half-2]

You can also change the background colour of a colour by adding an attribute to the shortcode as follows:

 [column-half-1 background="e8e8e8"]

Installation

This section describes how to install the plugin and get it working.

e.g.

  1. Upload noodle-columns to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

Reviews

DAMN!! It Works Flawlessly!!

This plugin is so easy it allows you to DESIGN the wordflow on your page. This was EXACTLY what I needed. I’m using a theme I LOVE but its pages are far to wide for optimal text reading. This plugin solves the problem easily. I really should give it 4 stars since theres no on-page documentation (just as a reminder) BUT the end result is so fantastic that I cant Hate on it. (but PLEASE add some on-page docs or insert capability)

A Waste of Time

For your information I have writing to do, I don’t have time to screw around with manually inserting short code into a post. It’s bad enough I have to insert short code via a button, and then add my writing so it looks good in columns, when there is CSS available that would do it for me, but you ask too much.

Not recommended.

Read all 8 reviews

Contributors & Developers

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

Contributors

Translate “Bamboo Columns” into your language.

Interested in development?

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

Changelog

1.6.1

  • Tested in WP4.7. Code refactored and rebrand.

1.6

  • Updated CSS delivery to help improve Google PageSpeed scores

1.5

  • Added inner column functionality, allowing columns within columns.

1.4

  • Makes use of the non-blocking CSS method provided by Bamboo themes if available.

1.3

  • Added ‘background’ shortcode attribute

1.2

  • Rebrand from Noodle to Bamboo

1.1

  • Fixed issue caused by new lines between shortcodes

1.0

  • Initial version.