Carlo Roosen

Elena Mukhina

Want to have css styling rules for individual pages or posts?
This plugin adds a unique class to the body tag of the html. The added class is formatted as “[post_type]-[post_name]”. For a page with slug (= post_name) “about” it will be “page-about”, and for a post named “today” it will be “post-today”. Currently no slug will be added for archive and category pages. Please let us know if you need this and we will add it.
<h4>example</h4>
Say you want to have a red title on your contact page. With this plugin all you need to do is add this line to your css:
body.page-contact h1 { 
 color : red; 
}
<h4>Acknowledgements</h4>
Thanks to Damiaan van Vliet for this plugin idea http://www.albuswebdesign.nl/.

Slug as body class

Add a unique class to the body tag for easy styling of individual pages

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

Slug as body class vs Add URL Slugs as Body Classes