This plugin is intended for theme developers and others who want to have full control of their column styles while still providing a quick and easy framework for adding/editing column content via WordPress’s visual editor. It eliminates the need to type tedious, unmanageable chunks of HTML into the editor when specific posts or pages require a columnar layout.
That said, this plugin is not plug-and-play. It does not include any styles out-of-the-box, so if you start using the shortcodes without adding appropriate CSS rules, there probably won’t be any visible changes to your content.
See the Recipes page on the GitHub wiki for some styling examples.
[column]
and [/column]
[endrow]
[endrow]
shortcode, the plugin will automatically insert a closing </div>
so the site layout doesn’t get broken.<p>
and <br />
tags that result from WordPress’s wpautop()
function.Putting this into the visual editor:
[column]
This is the column of Foo.
[/column]
[column]
This is the column of Bar.
[/column]
[endrow]
Will result in this output:
This is the column of Foo.
This is the column of Bar.
The following optional parameters can be added to the [column]
shortcode:
<div>
element. Separate multiple classes with spaces.<div>
element. Only works when included with the first [column]
shortcode in a row.<div>
element.<div>
element. Only works when included with the first [column]
shortcode in a row.<div>
.The following filter hooks can be used to alter the output of the shortcodes:
diy_colclass
diy_colstyle
diy_column
diy_rowclass
diy_rowstyle
diy_beginrow
diy_endrow