Add a unique class to the body tag for easy styling of individual pages
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.
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;
}
Thanks to Damiaan van Vliet for this plugin idea http://www.albuswebdesign.nl/.
In the WordPress backend, search for the plugin ‘slug-as-body-class’. Install and activate it and you are done.
Feel free to send us an email, if more people request the same feature we will build it.
First publication on 2014 August 4