keksus

This plugin allows you to add the following shortcodes to page or post:
<ul>
<li>Columns (12 col grid)</li>
<li>Buttons</li>
<li>Buttons with <a href="http://keksus.com/demo/ionicons/" rel="nofollow ugc">Ionicons icons</a> or <a href="http://fontawesome.io/icons/" rel="nofollow ugc">FontAwesome</a> icons</li>
<li>Toggles</li>
<li>Tabs</li>
<li>Icons</li>
<li>Services</li>
<li>Dividers</li>
<li>Clear </li>
</ul>
<h3>Live Demo</h3>
<ul>
<li><a href="http://keksus.com/q-shortcodes-demo.html" rel="nofollow ugc">http://keksus.com/q-shortcodes-demo.html</a></li>
</ul>
<h3>Usage</h3>
<ul>
<li>Use q button in default TinyMCE editor to add shortcode to page or post.</li>
<li>Use Customize page in WordPress dashboard to change settings.</li>
</ul>

q-Shortcodes

tormorten

Adds support for using Zurb’s Foundation grid-system via shortcodes in WordPress’ TinyMCE editor.
For more information about Foundation, please <a href="http://foundation.zurb.com/docs/" title="Zurb Foundation" rel="nofollow ugc">read the docs</a>.
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 <code>foundation_columns_count</code> filter.
<pre><code>add_filter( 'foundation_columns_count', function($count) {
 $count = 16;
 return $count;
} );
</code></pre>
If you would like to contribute to this plugin. Please open a pull request on <a href="https://github.com/tormjens/foundation-columns" rel="nofollow ugc">Github</a>
Please note: This plugin does not install Foundation for you and therefore require that you use a theme built on Foundation.

Foundation Columns

Use the Zurb Foundation-grid and block grid in all your posts, pages and custom post types.

q-Shortcodes vs Foundation Columns