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' );
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.