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.