thewirelessguy

Add Zurb Foundation 5 styles into TinyMCE, the WordPress WYSIWYG editor without needing shortcodes.
Shortcodes are often hard for regular users as well advanced users to remember, especially if they haven’t used them in a while.
If a plugin is deactivated that makes use of a shortcode or a new theme is activated that doesn’t contain a shortcode then you will end up with shortcodes being output on the frontend of the website, e.g. [columns]. Instead with this plugin you’ll just have a html element with a class that doesn’t have any styles so the browser will render it normally.
This plugin doesn’t load the Zurb Foundation CSS/JavaScript files on the frontend of the website. It only loads the Foundation CSS in TinyMCE, the WordPress WYSIWYG editor. This plugin is meant to be used with a theme built with Zurb Foundation 5.
Requires WordPress 3.9 or above and a theme based on Zurb Foundation 5.
All official development on this plugin is on GitHub. Version updates are then published here on WordPress.org. You can find the GitHub repository at https://github.com/thewirelessguy/wp-foundation-5-styles. Please file issues, bugs and enhancement ideas there, when possible.

WP Foundation 5 Styles

Add Zurb Foundation 5 styles into TinyMCE, the WordPress WYSIWYG editor without needing shortcodes.

ben.moody

Enhance WordPress gallery shortcode content with the Zurb Foundation Clearing lightbox. Just enable and all gallery shortcodes will use Clearing.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/IsqmG00pNYM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
You can add a gallery just as you normally would including setting up the number of columns.
The plugin supports up to 6 columns for any gallery, it will fall back to 4 column grid for invalid values.
MOBILE: Note that the foundation mobile classes have already been added for each gallery size. 
That said you can use the filters below to alter any foundation classes applied to the 
block grid.
There are also a number of filters devs can use to alter output.
Verified contrib2dev project #9086f6999a63a347ba7a70c521d52222. Support this project on contrib2dev.com.
<h3>Filters</h3>
<ul>
<li>prso_found_gallery_large_class -> Foundation large class for grid block</li>
<li>prso_found_gallery_small_class -> Foundation small class for grid block</li>
<li>prso_found_gallery_image_caption -> Filter caption for each image in gallery</li>
<li>prso_found_gallery_li_class -> Filter class applied to each li item in block grid</li>
<li>prso_found_gallery_output -> Filter overall html output for gallery</li>
</ul>

Zurb Foundation 5 Clearing Gallery

Enhance Wordpress gallery shortcode content with the Zurb Foundation Clearing lightbox. Just enable and all gallery shortcodes will use Clearing.

WP Foundation 5 Styles vs Zurb Foundation 5 Clearing Gallery