Use the Zurb Foundation-grid and block grid in all your posts, pages and custom post types.
Adds support for using Zurb's Foundation grid-system via shortcodes in WordPress' TinyMCE editor.
For more information about Foundation, please read the docs.
This plugin is compatible with version 5 and version 6 of Foundation, and includes support for small, medium and large breakpoints.
Now also with support for block grids.
###Modifying the grid
If your grid has more than the default 12 columns you can use the foundation_columns_count
filter.
add_filter( 'foundation_columns_count', function($count) {
$count = 16;
return $count;
} );
Please note: This plugin does not install Foundation for you and therefore require that you use a theme built on Foundation.
- Upload the folder
foundation-columns
to the/wp-content/plugins/
directory - Activate the plugin through the 'Plugins' menu in WordPress
- Have fun using Foundation in the TinyMCE-editor.
Simply highlight a section of text in your Visual Editor while creating a new or editing a page and click the "Zurb"-icon in the editor's toolbar. Follow the steps and the shortcodes should be inserted around your selected text.
If you don't want all the breakpoints you can just click "OK" while prompted for a number. This will tell the plugin to skip adding those breakpoints.
Foundation Columns adds a row to posts where the shortcode is detected. Recommended is that you put all your content in columns to make sure it gets the right padding.
- Move to a class based pattern.
- Added filter that allows changing the number of columns in the grid.
- Supports up to WP 4.7.2
- Fixes an issue where normal linebreaks was converted to tags. Thanks to etlam
- Added support for blog grids
- Moved from prompt to popup
- The first version of the plugin.