Alex Dunae

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.
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.
The class name or ID is derived from the URL of the page.
For example,
<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>
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.
For example,
<ul>
<li><code>/</code> could have the class <code>pg_frontpage</code>. </li>
</ul>
Existing classes (e.g. <code>page_item</code> or <code>current</code>) are left untouched.
<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>
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.
You can also specify a class to add to the first and last items in a list.
Pretty straight forward…
<h3>Contact and Credits</h3>
Written by Alex Dunae ( <a href="http://dunae.ca/" rel="nofollow ugc">dunae.ca</a> ), e-mail ‘code’ at the same domain), 2007-09.

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.

Aaron T. Grogg

This plug-in takes the URL, chops it into pieces, and adds each “piece” as an additional 
class to the <code>body</code> tag.
Meaning, if your page’s URL is: 
http://www.example.com/2012/02/24/wordpress-plugin-add-url-slugs-as-body-classes/ 
Your page’s <code>body</code> tag would have at least these classes: 
 2012 02 24 wordpress-plugin-add-url-slugs-as-body-classess
It gets much stronger when you start thinking about Categories or nested Pages: 
 http://www.example.com/category/wordpress/ 
which would add: 
 category wordpress 
while: 
 http://www.example.com/movies/star-trek/wrath-of-khan/ 
would add: 
 movies star-trek wrath-of-khan
This allows you to very easily add custom CSS and/or JS to these pages based on these new CSS classes.
Please let me know if you have any questions/suggestions/thoughts, 
Atg 
http://aarontgrogg.com/ 
aarontgrogg@gmail.com

Plugin Name: Classy wp_list_pages vs Add URL Slugs as Body Classes