[Support request] Feature Request: class input field on the Layout metabox.

Hi Ash,

The body tag has a lot of classes already. There’s a unique class for the page or post itself (example: postid-1 or page-id-1), and there’s already one for the post type(example: single-post) as well.

I’m not sure how this is necessary considering what’s already added. Can you explain a bit more about it?

Let us know. 😀

Using post id is a bad practice I think.

Not exactly. If it’s specific to a page then it’s good because this particular class will never change. It’s assigned to the post as its unique identification number (hence postid).

If you’re targeting post types, there’s already one for that as I’ve mentioned on the previous post.

This article explains the rest of the classes being added by WordPress by default.
https://webdesign.tutsplus.com/tutorials/adding-to-the-body-class-in-wordpress–cms-21077

And with the filter, we can actually create own on “meta field” for body classes using ACF.

Example: Assuming you’ve already created a additional_body_class ACF field.

add_filter( 'body_class','add_body_classes' );
function add_body_classes( $classes ) {
$addclass = get_field('additional_body_class');
if($addclass){
    $classes[] = $addclass;
    }
    return $classes;
    
}

which will add class added to the ACF field additional_body_class.

Using post id is very inconvenient. it will cause headache every time I redesign.

It’s meant for styling a single specific page. If you’re styling multiple pages or post then you shouldn’t use post ids. You should use post types or taxonomy classes. 😀

I do recognize specific situations like having a handy body class for specific pages so you don’t have to list CSS like this:

body.postid-1 .entry-content p a,
body.postid-2 .entry-content p a,
body.postid-3 .entry-content p a, {
}

and do it cleanly w/ an assigned body class to each post with this:

body.assigned-class .entry-content p a {}

but since there are many ways of doing this (programmatically w/ WP Core filter body_class + is_page(), through Hook elements + display rule, ACF + body_class filter, etc ), this may be taken as a niche feature.

I’ve logged it as a feature request for you but since niche features like this one rarely gets requested so it we can’t guarantee it gets implemented.

That said, if there’s an immediate need for something like this, you can use the workaround for now. 😀

No problem. Glad to be of any help. 😀