Append page slug to body_class function

[andrewsvg]

I actually do this already on all of my sites, and thought this would be an obvious, amazing thing to add to the body_class function. Pretty much what you'd expect; the page-slug gets appended to the body_class, allowing for page-specific styling.

<?php body_class($post->post_name . ' '); ?>

[johnbillion]

Probably needs a prefix to the slug, eg page-my-page instead of just my-page. Might be an idea to do it for all hierarchical CPTs too.

[SergeyBiryukov]

Closed #18220 as duplicate.

[DennisSmolek]

It wont need a prefix as the body tag already gets the post type as a part of the class object. you would just use .post.page-title {}
There are two ways, one as a functions.php add on, the other as a part of the core file. You would want to check if its post/page because they have different name functions.

There is actually an example of this somewhere in the codex..

[DennisSmolek]

this looks right:
​http://core.trac.wordpress.org/browser/tags/3.2.1/wp-includes/post-template.php
add to line 330:

$classes[] = $post->post_name;

[obenland]

If page-specific styling is the purpose of this ticket, why not use the post/page ID classes?

[buffler]

There may be good reason not to worry about this... but I thought I'd just chime in to +1 - I've taken to adding a filter on body_class to achieve this same thing.

True, ID classes can be used just the same - but not having to add comments anywhere you might use them feels nicer to me. ".page.about-us" is sort of self-documenting, whereas ".page-id-###" should probably be accompanied by a comment explaining which page it is anywhere it's used...

[SergeyBiryukov]

Replying to obenland:

If page-specific styling is the purpose of this ticket, why not use the post/page ID classes?

A page can accidentally be deleted, and when you recreate it, you don't get the same styling due to different ID.

Just got bitten by this. Refreshed the patch.

[SergeyBiryukov]

18118.3.patch​ adds sanitize_html_class().

[SergeyBiryukov]

Perhaps post slugs would be a bit superfluous, page slugs seem enough for now.

[ericlewis]

I think this is an antipattern.

Slugs are mutable by content editors. I've been bitten by implementing what's suggested here and having clients change slugs, then they lose styling on X page and not knowing why.

[SergeyBiryukov]

I actually have second thoughts on this too. It's trivial to add the class via body_class filter if needed.

[SergeyBiryukov]

#33653 was marked as a duplicate.

[ocean90]

#35445 was marked as a duplicate.

[SergeyBiryukov]

Follow-up: #39493