benknight

<p>This is a simple plugin that was born out of working on several projects with sectional navigations.  For example, consider the following common navigation tree structure:</p>
<ul>
<li>Home</li>
<li>Item</li>
<li>About Us
<ul>
<li>Sub-item #1</li>
<li>Sub-item #2</li>
</ul>
</li>
<li>Item</li>
<li>Item</li>
</ul>
<p>Then, whenever on the “About Us” page or any of its sub-items, it would output that peice of the navigation:</p>
<ul>
<li>About Us
<ul>
<li>Sub-item #1</li>
<li>Sub-item #2</li>
</ul>
</li>
</ul>
<p>This is particularly useful for websites that have a top horizontal navigation which shows top-level items and want to show a vertical subnavigation in the sidebar.</p>
<p>This plugin works by parsing the output of the <code>wp_nav_menu</code> function as XML and analyzing the CSS class hooks (current-menu-ancestor, current-menu-item, and current-menu-parent).  Because it uses PHP’s SimpleXML library it therefore requires PHP 5+.  It uses the theme’s registered menu locations.</p>
<p>This plugin also exposes the <code>section_subnav()</code> function for theme developers to use as a template tag to manually place a subnav inside the theme.  Here is the usage:</p>
<pre><code><?php

    section_subnav( array( // defaults
        'before_widget' => '<nav id="section-subnav" class="widget widget_section-subnav">',
        'after_widget' => "</nav>",
        'before_title' => '<h3 class="section-subnav-title widget-title">',
        'after_title' => '</h3>',
        'echo' => true
    ));

?>
</code></pre>
<p>It returns false when there is no subnavigation.</p>
<p>This function also provides the <code>section_subnav_args</code> filter hook for writing less code and easier integration with other plugins and child themes.</p>


Section Subnav

Adds a widget and template function for displaying subnavigation based on the current navigation state.

PressTigers

<p>Flexy Breadcrumb by <a href="https://www.presstigers.com" rel="nofollow ugc">PressTigers</a> is one of the simple and robust breadcrumb menu system available for the WordPress site. By using this plugin, you can display breadcrumb navigation anywhere in your website via [flexy_breadcrumb] shortcode.<br />
With the help of this plugin you can style and format the text, links and separators of breadcrumbs according to your own taste.</p>
<h4>Plugin Features</h4>
<ul>
<li>SEO Friendly(added schema structure).</li>
<li>Use via [flexy_breadcrumb] shortcode. </li>
<li>Allow users to change breadcrumb separator.</li>
<li>Set Home text and End text.</li>
<li>Set Word/Character limit for navigation menu.</li>
<li>Font Awesome icon picker for Home.</li>
<li>Color options for text, link, separator and background through global settings.</li>
<li>Set font size of breadcrumb trail.</li>
</ul>
<h4>Shortcode</h4>
<p>This goes somewhere near the bottom of your theme’s header.php template. However, you can add it anywhere you want in your theme, and it’ll work.</p>
<pre><code> <?php echo do_shortcode( '[flexy_breadcrumb]'); ?> 
</code></pre>
<h4>Submit Patches</h4>
<p>If you’ve identified a bug and have a fix, we’d welcome it at our <a href="https://github.com/presstigers/flexy-breadcrumb/" rel="nofollow ugc">GitHub page</a> for Flexy Breadcrumb. Simply submit a pull request so we can review and merge into the codebase if appropriate from there. Happy coding!</p>
<h3>Credits</h3>
<ol>
<li>Google Fonts(https://fonts.google.com)</li>
<li>jQuery UI(https://jqueryui.com)</li>
<li>WP Color Picker Alpha(https://github.com/23r9i0/wp-color-picker-alpha)</li>
<li>Font Awesome Icon Picker(https://github.com/itsjavi/fontawesome-iconpicker)</li>
</ol>


Flexy Breadcrumb

Flexy Breadcrumb is a super light weight plugin that is easy to navigate through current page hierarchy.

Section Subnav vs Flexy Breadcrumb