Add CSS Class on WordPress Body Tag

css class

Insert code inside functions.php to initiate function that add class base on current user role:

/**
 * WordPress function that add class on body tag by current user role.
 */
function wp_add_user_role_to_body( $classes ) {
    global $current_user;
    $current_user_role  = $current_user->roles;
    $current_user_class = 'role-' . $current_user_role[0];

    // Check if user can view backend.
    if( is_admin() || current_user_can( 'edit_dashboard' ) || 
        is_customize_preview() ) {
        return $classes . $current_user_class;
    }

    $classes[] = $current_user_class;
    return $classes;
}

// WordPress filter add class - frontend.
add_filter( 'body_class', 'wp_add_user_role_to_body' );

// WordPress filter add class - admin backend.
add_filter( 'admin_body_class', 'wp_add_user_role_to_body' );

Stay in the loop with our web development newsletter - no spam, just juicy updates! Join us now. Join our web development newsletter to stay updated on the latest industry news, trends, and tips. No spam, just juicy updates delivered straight to your inbox. Don't miss out - sign up now!


We’ve tried our best to explain everything thoroughly, even though there’s so much information out there. If you found our writing helpful, we’d really appreciate it if you could buy us a coffee as a token of support.

Also, if you’re interested in learning more about WordPress, Javascript, HTML, CSS, and programming in general, you can subscribe to our MailChimp for some extra insights.

Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.