Column Shortcode

Column shortcode

Sometimes you need to divide your page into multiple columns. With the column shortcode you can designate columns to layout your content. This is much more accessible than using a table to layout content.

Demo: Column Shortcode

Tip: You will find a list of shortcodes by clicking "More information about text formats" at the bottom right under the WYSIWYG editor.

1

Inserting Column Shortcode

  1. Place your cursor in the Body content area where you would like to start your columns.
  2. Insert the beginning column code with the column width of choice (see step 3). Our example code is for a column that will be one half width. [column size=one-half]
  3. Type in your content for the first column.
  4. Close the column shortcode with the ending tag: [/column]
  5. Indicate the last column in your series by using the beginning tag: [column size=one-half order=last]
  6. Type in your content for the last column.
  7. Close the column shortcode with the ending tag: [/column]
2

Sample Column Shortcode – Two Columns

[column size=one-half]

Your Content Here

[/column]

[column size=one-half order=last]

Your Content Here

[/column]

3

Column Shortcode Width Variations

There are several column widths available:

  • one-half
  • one-third
  • two-third
  • one-fourth
  • three-fourth
  • one-fifth

Column shortcode example

Column shortcode example of last column beginning tag