BACK TO DIRECTORY

Add URL Slugs as Body Classes

by Aaron T. Grogg

4.8
(5 ratings)

This plug-in takes the URL, chops it into pieces, and adds each “piece” as an additional
class to the body 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 body 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 Details

Active Installs
700
Total Downloads
7,090
Version
1.3
Requires WP
3.1
Requires PHP
Tested Up To
4.2.39
Added
2012-02-25
Last Updated
2015-05-15 8:26pm GMT

Ratings

5
4
4
1
3
0
2
0
1
0

Tags