WordPress automatically adds ‘home’ class to ‘body’ element for the site’s homepage/front page. Wouldn’t it be handier to have a ‘inner’ body class for all the other pages?
This can be done by adding the following in child theme’s functions.php:
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| add_filter( 'body_class', 'sk_body_class' ); | |
| /** | |
| * Add "inner" class to 'body' element for inner pages | |
| * i.e., for all pages other than site's homepage/front page. | |
| * | |
| * @author Sridhar Katakam | |
| * @link https://sridharkatakam.com/add-inner-body-class-inner-pages-wordpress/ | |
| */ | |
| function sk_body_class( $classes ) { | |
| if ( ! is_front_page() ) { | |
| $classes[] = 'inner'; | |
| } | |
| return $classes; | |
| } |
If the home page is the blog feed, do we also need to specify ! is_home() in the conditional, or will front_page cover that as well?
is_front_page() will cover that as well.
[…] Sridhar Katakam on How to add ‘inner’ body class to all inner pages in WordPress […]
[…] add an inner class to the body element of all pages except that of the homepage per this […]