Title: Slug as body class
Author: Carlo Roosen
Published: <strong>August 9, 2014</strong>
Last modified: August 11, 2014

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/slug-as-body-class.svg)

# Slug as body class

 By [Carlo Roosen](https://profiles.wordpress.org/carloroosen/)

[Download](https://downloads.wordpress.org/plugin/slug-as-body-class.1.0.zip)

 * [Details](https://wordpress.org/plugins/slug-as-body-class/#description)
 * [Reviews](https://wordpress.org/plugins/slug-as-body-class/#reviews)
 *  [Installation](https://wordpress.org/plugins/slug-as-body-class/#installation)
 * [Development](https://wordpress.org/plugins/slug-as-body-class/#developers)

 [Support](https://wordpress.org/support/plugin/slug-as-body-class/)

## Description

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.

## Reviews

![](https://secure.gravatar.com/avatar/3b858c0d52a6874d61a1ef7ca0a98781ef578b390ce5b383ba5687b21e009e7e?
s=60&d=retro&r=g)

### 󠀁[Excellent](https://wordpress.org/support/topic/excellent-5031/)󠁿

 [almendro](https://profiles.wordpress.org/almendr0/) June 19, 2017

Simple and useful ¿why this isn’t in core functions? Many thanks for this plugin.

![](https://secure.gravatar.com/avatar/6765d95a9e5ffe6660af68b600d0bf308dc4926295440673e32d7eba14ae4de4?
s=60&d=retro&r=g)

### 󠀁[A Must Have](https://wordpress.org/support/topic/a-must-have-256/)󠁿

 [andersonenvy](https://profiles.wordpress.org/andersonenvy/) April 28, 2017

I use this plugin on every WP site I build, it’s one of the first ones I add. I 
honestly can’t believe that WP doesn’t come with this feature natively, it’s so 
handy to quickly add CSS page-by-page, in a more “readable” way than Body ID’s.

![](https://secure.gravatar.com/avatar/0685eb955e845624ca8bb10cbc86a85c3aa0901de4d01a03f1d36774c3c988b9?
s=60&d=retro&r=g)

### 󠀁[Very Practical](https://wordpress.org/support/topic/very-practical-10/)󠁿

 [Alan](https://profiles.wordpress.org/alanwhiteman/) September 3, 2016

This is a very practical and useful plugin for developers. One would think that 
this functionality is supported natively by Wordpress, but the body classes simply
get bloated with attributes. This plugin really helps simplify the process of targeting
specific pages.

 [ Read all 6 reviews ](https://wordpress.org/support/plugin/slug-as-body-class/reviews/)

## Contributors & Developers

“Slug as body class” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ Carlo Roosen ](https://profiles.wordpress.org/carloroosen/)
 *   [ Elena Mukhina ](https://profiles.wordpress.org/pilotessa/)

[Translate “Slug as body class” into your language.](https://translate.wordpress.org/projects/wp-plugins/slug-as-body-class)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/slug-as-body-class/),
check out the [SVN repository](https://plugins.svn.wordpress.org/slug-as-body-class/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/slug-as-body-class/)
by [RSS](https://plugins.trac.wordpress.org/log/slug-as-body-class/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0

First publication on 2014 August 4

## Meta

 *  Version **1.0**
 *  Last updated **12 years ago**
 *  Active installations **100+**
 *  WordPress version ** 3.7 or higher **
 *  Tested up to **3.9.40**
 * Tags
 * [body](https://wordpress.org/plugins/tags/body/)[class](https://wordpress.org/plugins/tags/class/)
   [slug](https://wordpress.org/plugins/tags/slug/)[url](https://wordpress.org/plugins/tags/url/)
 *  [Advanced View](https://wordpress.org/plugins/slug-as-body-class/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  6 5-star reviews     ](https://wordpress.org/support/plugin/slug-as-body-class/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/slug-as-body-class/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/slug-as-body-class/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/slug-as-body-class/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/slug-as-body-class/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/slug-as-body-class/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/slug-as-body-class/reviews/)

## Contributors

 *   [ Carlo Roosen ](https://profiles.wordpress.org/carloroosen/)
 *   [ Elena Mukhina ](https://profiles.wordpress.org/pilotessa/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/slug-as-body-class/)