1

I'm trying to style something unique to the Blog/Posts page, which isn't on the front page. The body tag right now looks like this:<body <?php body_class() ?>>
But doing this <body <?php body_class('blog') ?>> only returns <body class="logged-in"> or just <body> if I'm not logged in.

I've tried: 

<body <?php if ( is_home()) {
    echo 'class="blog"';
} else {
    body_class(); }?>>

It sort of works but it replaces the "logged-in" class entirely. There has to be a way to append classes to the body tag for posts pages right?

Improve this question
1
  • Note that posts page should have blog class by default. If it doesn't you might have theme or something else messing up context.
    – Rarst
    Commented Oct 12, 2017 at 11:57

2 Answers 2

Reset to default
1

In your theme's functions file, use the body_class filter to add new classes:

function wpse_282694_body_class( $classes ) {
    if ( is_home() ) {
        $classes[] = 'blog';
    }

    return $classes;
}
add_filter( 'body_class', 'wpse_282694_body_class' );

If your category archives, tag archives, date archives and search results also need the same styling, which is fairly commin, check for each of them like so:

if ( is_home() || is_date() || is_tag() || is_category() || is_search() ) {}

Note that I didn't use is_archive(), because that would also affect any custom post types you might be using.

Improve this answer
0
-1

You can pass your class as argument

<body <?php if ( is_home()) { body_class('my-class'); } else { body_class(); }?>>
Improve this answer
2
  • This works for other pages but not the Latest Posts Page.
    – Dominic Neo
    Commented Oct 12, 2017 at 11:17
  • Check edited answer
    – Piyush Rawat
    Commented Oct 12, 2017 at 11:39

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.