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.<\/p>\n\n
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.<\/p>\n\n
See the Recipes<\/a> page on the GitHub wiki for some styling examples.<\/p>\n\n Putting this into the visual editor:<\/p>\n\n This is the column of Foo.<\/p>\n \n This is the column of Bar.<\/p>\n \n Will result in this output:<\/p>\n\n\n \n This is the column of Foo.<\/p>\n \n \n \n This is the column of Bar.<\/p>\n \n \n\n\n\n The following optional parameters can be added to the The following filter hooks can be used to alter the output of the shortcodes:<\/p>\n\n There are a few different options for adding the CSS to style your columns:<\/p>\n\nUsage<\/h4>\n\n
\n
[column]<\/code> and [\/column]<\/code><\/li>\n[endrow]<\/code><\/li>\n<\/ul>\n\nFeatures<\/h4>\n\n
\n
[endrow]<\/code> shortcode, the plugin will automatically insert a closing <\/div><\/code> so the site layout doesn't get broken.<\/li>\n<p><\/code> and <br \/><\/code> tags that result from Wordpress's wpautop()<\/code> function.<\/li>\nExample<\/h4>\n\n
\n
[column]<\/code><\/p>\n \n [\/column]<\/code><\/p>\n \n [column]<\/code><\/p>\n \n [\/column]<\/code> [endrow]<\/code><\/p>\n<\/blockquote>\n\nParameters<\/h4>\n\n
[column]<\/code> shortcode:<\/p>\n\n\n
<div><\/code> element. Separate multiple classes with spaces.<\/li>\n<div><\/code> element. Only works when included with the first [column]<\/code> shortcode in a row.<\/li>\n<div><\/code> element.<\/li>\n<div><\/code> element. Only works when included with the first [column]<\/code> shortcode in a row.<\/li>\n<div><\/code>.<\/li>\n<\/ul>\n\nFilters<\/h4>\n\n
\n
diy_colclass<\/code><\/li>\ndiy_colstyle<\/code><\/li>\ndiy_column<\/code><\/li>\ndiy_rowclass<\/code><\/li>\ndiy_rowstyle<\/code><\/li>\ndiy_beginrow<\/code><\/li>\ndiy_endrow<\/code><\/li>\n<\/ul>\n\n\n\n
columns-diy<\/code> folder to the \/wp-content\/plugins\/<\/code> directory<\/li>\n\n
style.css<\/code>). This is not<\/em> recommended if you are using a third-party theme such as a commercial theme or one downloaded from the WordPress Theme Directory. Your changes will be lost if\/when you update the theme to a new version.<\/li>\nstyle<\/code> parameter in the [column]<\/code> shortcode to add inline styles. Only recommended for \"one-off\" scenarios (and how often does a \"one-off\" remain that way?).<\/li>\n<\/ul>\n\n\n