Bamboo Columns

Deskripsi

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.

Pemakaian

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"]

Pemasangan

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. Aktifkan plugin melalui menu ‘Plugins’ di WordPress

Tinjauan

3 September 2016
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)
3 September 2016
It does what I need it to do. Thank you.
Baca semua 9 tinjauan

Kontributor & Pengembang

“Bamboo Columns” adalah perangkat lunak sumber terbuka. Berikut ini mereka yang sudah berkontribusi pada plugin ini.

Para Kontributor

Log Perubahan

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.