Alex Dunae

<p>This plugin adds classes or IDs (your choice) to the <code>LI</code> tags generated by WordPress’ <code>wp_list_pages()</code> and <code>wp_nav_menu()</code> functions.</p>
<p>I found it very frustrating to style the output of these menus without having access to these attributes. This plugin allows you to style the output of <code>wp_list_pages()</code> and <code>wp_nav_menu()</code> with CSS.</p>
<p>The class name or ID is derived from the URL of the page.</p>
<p>For example,</p>
<ul>
<li><code>/about/</code> could have the class <code>about</code>. </li>
<li><code>/about/faq/</code> could have the class <code>about_faq</code>.</li>
</ul>
<p>If a page does not have a URL (e.g. your front page) the plugin will set the <code>class</code> or <code>id</code> (depending on what you selected) to <code>frontpage</code>, adding whatever prefix you requested.</p>
<p>For example,</p>
<ul>
<li><code>/</code> could have the class <code>pg_frontpage</code>. </li>
</ul>
<p>Existing classes (e.g. <code>page_item</code> or <code>current</code>) are left untouched.</p>
<h4>Sample output</h4>
<pre><code><li id="nav-a-new-page" class="first page_item page-item-4"><a href="http://example.com/a-new-page/" title="A new page">A new page</a></li>
<li id="nav-about" class="page_item page-item-2"><a href="http://example.com/about/" title="About">About</a></li>
<li id="nav-another-new-page" class="last page_item page-item-6"><a href="http://example.com/another-new-page/" title="Another new page">Another new page</a></li>
</code></pre>
<h4>Configuration</h4>
<p>Using the <code>Classy wp_list_pages</code> tab in the options panel you can choose whether you want to use IDs or classes, set the token separator and add an optional token prefix.</p>
<p>You can also specify a class to add to the first and last items in a list.</p>
<p>Pretty straight forward…</p>
<h3>Contact and Credits</h3>
<p>Written by Alex Dunae ( <a href="http://dunae.ca/" rel="nofollow ugc">dunae.ca</a> ), e-mail ‘code’ at the same domain), 2007-09.</p>


Plugin Name: Classy wp_list_pages

Adds a uniqe class or ID attribute to each LI tag generated by wp_list_pages() and wp_nav_menu() allowing them to be individually styled with CSS.

Ben Huson

<h4>Add missing classes</h4>
<p>Adds missing classes for selected menu states. Classes added include:</p>
<ul>
<li><code>current-page-parent</code> and <code>current_page_parent</code></li>
<li><code>current-page-ancestor</code> and <code>current_page_ancestor</code></li>
<li><code>current-menu-ancestor</code></li>
<li><code>current-menu-parent</code></li>
</ul>
<p>The classes are added in the following scenarios:</p>
<ul>
<li><strong>When viewing an attachment page</strong> classes are added to any parent pages and their menu ancestors.</li>
<li><strong>When viewing a post</strong> classes are added to any relevant taxonomy menu items and their manu ancestors.</li>
</ul>
<h4>Manage Menu Select States</h4>
<p>Allows you to control which menu items should be selected (or deselected) when viewing certain pages of your site. You need to add classes to the menu items for this to work.</p>
<ul>
<li><code>ecms-archive-{$post_type}</code> – Select menu item when viewing a post type archive page.</li>
<li><code>ecms-single-{$post_type}</code> – Select menu item when viewing a single post type page.</li>
<li><code>ecms-taxonomy-{$taxonomy}</code> – Select menu item when viewing a taxonomy archive.</li>
<li><code>ecms-taxonomy-{$taxonomy}-term-{$term}</code> – Select menu item when viewing a taxonomy term archive.</li>
<li>
<p><code>ecms-404</code> – Select menu item when viewing a 404 page.</p>
</li>
<li>
<p><code>ecms-no-archive-{$post_type}</code> – Deselect menu item when viewing a post type archive page.</p>
</li>
<li><code>ecms-no-single-{$post_type}</code> – Deselect menu item when viewing a single post type page.</li>
<li><code>ecms-no-taxonomy-{$taxonomy}</code> – Deselect menu item when viewing a taxonomy archive.</li>
<li><code>ecms-no-taxonomy-{$taxonomy}-term-{$term}</code> – Deselect menu item when viewing a taxonomy term archive.</li>
<li><code>ecms-no-404</code> – Deselect menu item when viewing a 404 page.</li>
</ul>


Extra Classes

Adds classes for selected menu states such as highlighting categories when viewing a blog post or parent page when viewing an attachment page.

Plugin Name: Classy wp_list_pages vs Extra Classes