Amir Helzer

<h4>Update</h4>
<p><strong>Our new plugin, <a href="http://wpml.org" rel="nofollow ugc">WPML</a>, includes the functionality of <em>CMS Navigation</em> and is recommended for new designs.</strong></p>
<p>It features much cleaner and simpler HTML and customization via the admin screen.</p>
<p>Additionally, we recommend you checkout our new CMS enabling plugins <strong>Types</strong> and <strong>Views</strong>.</p>
<ul>
<li><a href="http://wp-types.com/home/types-manage-post-types-taxonomy-and-custom-fields/" rel="nofollow ugc">Types – The Custom Types and Custom Fields Plugin</a> – manages custom content type, including post types, taxonomy and custom fields.</li>
<li><a href="http://wp-types.com/" rel="nofollow ugc">Views – The Custom Content Display Plugin</a> – displays custom content types in whatever way you choose.</li>
</ul>
<p>With Types and Fields, you can achieve the functionality of this plugin yourself and customize it in whatever way you like.</p>
<h4>Legacy Stuff</h4>
<p>Do you want to use WordPress to create a full website, with easy navigation and menus?<br />
This plugin will let you add essential navigation functions to your template, including:</p>
<ul>
<li>Top navigation bar, listing the top-level pages and their children (as drop-down items).</li>
<li>Breadcrumbs trail navigation that shows the path to the current page all the way from the home page.</li>
<li>Left navigation that shows where the visitor is next to the page’s parent and nearby pages.</li>
</ul>
<p>No configuration is required. To use, add the calls that create each navigation element to your template.<br />
These calls can be added to any WP template</p>
<p>There are three template functions that can be used for displaying the navigation sections</p>
<h4>Drop down top menu</h4>
<p>Function:<br />
    cms_navigation_menu_nav($order=’menu_order’, $show_cat_menu=false, $catmenu_title=’News’)</p>
<p>This will display the top navigation – the top level pages with their sub pages as drop down elements.<br />
Additionally – if specified – the menu will include the top level post categories at the end.</p>
<p>Normally, this function is added to your header.php file, so that it applies to the entire website.</p>
<p>Examples:</p>
<ul>
<li><code><?php cms_navigation_menu_nav() ?></code> – include without the categories menu.</li>
<li><code><?php cms_navigation_menu_nav('post_title') ?></code> – sort items by title.</li>
<li><code><?php cms_navigation_menu_nav('menu_order',true,'News') ?></code> – sort items according to the ‘order’ field.</li>
</ul>
<h4>Breadcrumbs trail navigation</h4>
<p>Function:<br />
    cms_navigation_breadcrumb()</p>
<p>This will display a path from the current page all the way to the home page.<br />
It’s useful for visitors who land in your website to know where they are and be able to navigate to relevant pages.</p>
<p><strong>For posts</strong></p>
<pre><code>Home >> CATEGORY-NAME >> Post title
</code></pre>
<p><strong>For pages</strong></p>
<pre><code>Home >> Parent pages... >> Page title
</code></pre>
<p>All the items back to the home page will be clickable.</p>
<p>You can add this function to single.php and page.php so that it will produce trail navigation for every page or post.</p>
<h4>Sidebar navigation</h4>
<p>Function:<br />
    cms_navigation_page_navigation($order=’menu_order’)</p>
<p>This will display the sidebar navigation for pages.<br />
It will show a tree created the page parents and it’s ‘brother’ pages (other children to the same parent).</p>
<p>This function should be added to page.php, as it provides local navigation between pages.</p>
<h4>Live example using this plugin</h4>
<p><a href="http://www.baripedia.com" title="Tourist resource site for the city of Bariloche" rel="nofollow ugc">Baripedia</a> is using this plugin (and other CMS related plugins we’ve written).</p>
<h3>Version History</h3>
<ul>
<li>Version 0.1
<ul>
<li>First public release.</li>
</ul>
</li>
<li>Version 0.2
<ul>
<li>Removed some of unneeded formatting.</li>
<li>Added option to set the tag around sidebar navigation heading.</li>
</ul>
</li>
<li>Version 1.2
<ul>
<li>Handles setting static pages for homepage and blog page.</li>
</ul>
</li>
<li>Version 1.2.1
<ul>
<li>Added static home page to top navigation</li>
</ul>
</li>
<li>Version 1.3
<ul>
<li>Works with IE6 as well as other browsers (didn’t support IE6 before)</li>
<li>Removed the gradient and simplified the CSS for customizing the menus</li>
<li>The top menu HTML has changed. If the encapsulating DIV has a background, you may need to change or remove it.</li>
</ul>
</li>
<li>Version 1.4
<ul>
<li>Added feature to exclude pages from the top navigation.</li>
<li>Added GUI for controlling page settings (instead of editing custom fields).</li>
</ul>
</li>
<li>Version 1.4.2
<ul>
<li>Added migration instruction to <a href="https://wordpress.org/extend/plugins/sitepress-multilingual-cms/stats/" title="WPML Multilingual CMS" rel="ugc">WPML</a></li>
</ul>
</li>
</ul>


CMS Navigation

Out-of-the-box support for full CMS navigation in your WordPress site including drop down menus, breadcrumbs trail and sidebar navigation.

Francesco Canovi

Marco Chiesi

Black Studio

<p>Navigation dropdown menus are widely used, especially on sites with lots of pages and/or categories, as they allow to navigate directly to almost every page of the site, with no need to navigate through all the intermediate pages in the hierarchy. Unfortunately dropdown menus do not work well with mobile / touch devices, because the “mouseover” event is not handled, so when the user click a top level menu, the browser follows the link instead of opening the dropdown menu. This plugin is a solution for that situation. On touch devices, the first click / tap on a top level menu (or, in general on any menu with children) only expands the nested dropdown menu, while the second one brings to the link. This is the same behavior natively adopted by iPad / iPhone starting from iOS version 5, so this plugin is intended to work with previous versions of iOS and with other mobile platforms that do not have such native behavior (Android, Windows, etc).</p>
<h4>Links</h4>
<ul>
<li><a href="https://www.blackstudio.it/en/" rel="nofollow ugc">Black Studio web site</a></li>
<li><a href="https://www.blackstudio.it/en/wordpress-plugins/black-studio-touch-dropdown-menu/" rel="nofollow ugc">Plugin’s web page</a></li>
<li><a href="https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu" rel="ugc">Support forum</a></li>
<li>Follow us on <a href="https://twitter.com/blackstudioita" rel="nofollow ugc">Twitter</a>, <a href="https://www.facebook.com/blackstudiocomunicazione" rel="nofollow ugc">Facebook</a>, <a href="https://www.linkedin.com/company/black-studio" rel="nofollow ugc">LinkedIn</a> and <a href="https://github.com/black-studio" rel="nofollow ugc">GitHub</a></li>
</ul>
<h4>Get involved</h4>
<ul>
<li>Developers can contribute to the source code on our <a href="https://github.com/black-studio/black-studio-touch-dropdown-menu" rel="nofollow ugc">GitHub repository</a>.</li>
<li>Users can contribute by leaving a 5 stars <a href="https://wordpress.org/support/view/plugin-reviews/black-studio-touch-dropdown-menu#postform" rel="ugc">review</a> or making a <a href="https://www.blackstudio.it/en/wordpress-plugins/black-studio-touch-dropdown-menu/" rel="nofollow ugc">donation</a>.</li>
</ul>
<h4>Credits</h4>
<p>This plugin was inspired by the article <a href="https://snippets.webaware.com.au/snippets/make-css-drop-down-menus-work-on-touch-devices/" rel="nofollow ugc">“Make CSS drop-down menus work on touch devices”</a> written by Ross McKay, although it uses a totally different javascript code.</p>


Black Studio Touch Dropdown Menu

Add support for navigation dropdown menus on mobile / touch devices.

CMS Navigation vs Black Studio Touch Dropdown Menu