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; } );
If you would like to contribute to this plugin. Please open a pull request on Github
Please note: This plugin does not install Foundation for you and therefore require that you use a theme built on Foundation.
foundation-columns
to the /wp-content/plugins/
directorySimply 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.