jethin

The Foundation Top Bar Navigation Menu plugin allows theme developers to display a WordPress menu as a responsive Foundation top bar. The plugin includes the following core functions:
<ol>
<li>A walker that applies Foundation top bar classes to a menu or page list</li>
<li>Registration of a default “Top Bar” menu location</li>
<li>The ability to include a basic version of Foundation that supports the top bar</li>
</ol>
Visit <a href="http://foundation.zurb.com/docs/components/topbar.html" rel="nofollow ugc">Zurb Foundation</a> to learn more about the Foundation top bar and to view an example.
Usage
Download and include the Foundation framework in your theme (or load the basic version included with the plugin — see Notes below.)
Assign a new or existing WordPress menu into the “Top Bar” menu location. (or use ‘wp_list_pages’ to display a list of pages as a top bar — see below.)
Edit your theme’s templates to display the top bar menu where you’d like it to appear. Use WordPress’ ‘wp_nav_menu’ function to display the top bar menu:
<pre><code><?php
if ( has_nav_menu('topbar') ) { 
 wp_nav_menu( array(
 'theme_location' => 'topbar',
 'container' => false,
 'walker' => new ftb_menu()
 ));
}
?>
</code></pre>
A list of pages can be displayed instead of a menu using the ‘wp_list_pages’ function:
<pre><code><?php
wp_list_pages( array(
 'title_li' => '',
 'walker' => new ftb_pages()
));
?>
</code></pre>
Notes
<ul>
<li>
The ftb_menu() and ftb_pages() walkers both accept a single ‘no_wrap’ argument. Including this argument will remove the default top bar HTML wrapper and display just the <code><ul></code> unordered list.
</li>
<li>
‘wp_nav_menu() -> theme_location’ argument can be set to any registered menu area.
</li>
<li>
This plugin optionally includes a basic version of Foundation 5.5.2 that contains only top bar support. It is recommended that Foundation be included directly in your theme instead of using this basic version. To load the plugin’s basic version in your theme set “Load Foundation Basic in Theme” to “true” in the “Settings -> General” admin screen.
</li>
<li>
Visit <a href="//foundation.zurb.com/develop/download.html’" rel="nofollow ugc">Zurb Foundation</a> to download Foundation and to view installation and usage documentation.
</li>
<li>
Default WordPress menu classes are not included in outputted top bar HTML.
</li>
</ul>
Notes
Top bar styling is the default included with the Foundation framework. Some customization is possible using Foundation and/or WordPress methods, but any customizations must be implemented by theme developers.
This plugin is developed using <a href="//foundation.zurb.com/index.html’" rel="nofollow ugc">Zurb Foundation</a> version 5.5.2.

Foundation Top Bar Navigation Menu

Display a WordPress navigation menu or page list as a responsive Foundation top bar.

osCitas Themes

<blockquote>
WordPress 3.9 ready
</blockquote>
Easy Foundation Shortcode is Zurb Foundation 5.0/4.0 compatible plugin which add icons to wordpress editor (tinyMCE Shortcode Buttons) and one can add foundation style to their website just by clicking on tinyMCE editor icon.
<a href="http://demo.oscitasthemes.com/efs/" rel="nofollow ugc">Easy Foundation Shortcode Demo</a>
Looking for Bootstrap Shortcode Plugin, check this <a href="https://wordpress.org/plugins/easy-bootstrap-shortcodes/">Easy Bootstrap Shortcode</a>
<h4>For best results use with Zurb Foundation 5.0/4.0 responsive theme</h4>
<h4>Features:</h4>
<ul>
<li>simplest zurb foundation style plugin ever.</li>
<li>Zurb Foundation 5.0/4.0 compatible.</li>
<li>No need to paste shortcode in editor.</li>
<li>Add icons to editor.</li>
<li>Shortcode added to editor by clicking on icon.</li>
<li>Customize grid size on small, extra-small and medium sized screens.</li>
<li>More control over the css, you can add your own custom class to shortcodes.</li>
<li>Now you can use js file from CDN or disable the plugin js.</li>
<li>You can use your own css file by disabling the plugin css, which gives you more flexibility over styling.</li>
</ul>
Easy Foundation Shortcode provides following styles
<h4>Grid Columns</h4>
<ol>
<li>Add multiple columns in a row</li>
<li>Choose desired column width</li>
<li>Add offset to columns</li>
<li>Provide facility to customize a column according to medium, small and extra-small sized screens.</li>
<li>Responsive columns</li>
</ol>
<h4>Shortcodes for</h4>
<ol>
<li>Accordion (Collapsible Menus)</li>
<li>Tabs</li>
<li>List</li>
<li>Notification</li>
<li>Popover</li>
<li>Tooltip</li>
<li>Panel</li>
<li>Progress Bars</li>
<li>Icons</li>
<li>Labels</li>
<li>Buttons</li>
<li>Icon Heading</li>
<li>Tables</li>
<li>Responsive Image</li>
<li>Responsive videos</li>
<li>Price Tables</li>
<li>Button Dropdown</li>
<li>Button Groups</li>
<li>Interchange</li>
<li>Visibility</li>
<li>Sidenav</li>
<li>Subnav</li>
</ol>

Easy Foundation Shortcode

Easy Foundation Shortcode enable you to add Zurb Foundation 5.0/4.0 styles in your pages, post and custom post in simplest manner, based on the settin …

Foundation Top Bar Navigation Menu vs Easy Foundation Shortcode