Slug as body class

August 11, 2014

Slug as body class Plugin

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.

example

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;
}

Acknowledgements

Thanks to Damiaan van Vliet for this plugin idea http://www.albuswebdesign.nl/.

Installation

In the WordPress backend, search for the plugin ‘slug-as-body-class’. Install and activate it and you are done.

FAQ

I miss feature X

Feel free to send us an email, if more people request the same feature we will build it.

Changelog

1.0

First publication on 2014 August 4

Details

  • Version: 1.0
  • Active installations: 200
  • WordPress Version: 3.7
  • Tested up to: 3.9.40

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars