Parfois, la façon la plus simple et rapide de modifier l’apparence de notre site WordPress selon le rôle utilisateur est d’utiliser du code CSS qui diffère d’un rôle à l’autre. Le problème? Il n’y a pas de façon native dans WordPress d’attribuer une classe CSS selon le rôle de l’utilisateur connecté. La solution? Ajouter le rôle comme classe CSS du body!
Voici comment faire
Vous n’avez qu’à coller ce code dans le fichier functions.php de votre thème enfant, ou encore dans un fichier de plugin personnalisé.
/**
* Add User Role Class to Body
*/
function print_user_classes() {
if ( is_user_logged_in() ) {
add_filter('body_class','class_to_body');
add_filter('admin_body_class', 'class_to_body_admin');
}
}
add_action('init', 'print_user_classes');
/// Add user role class to front-end body tag
function class_to_body($classes) {
global $current_user;
$user_role = array_shift($current_user->roles);
$classes[] = $user_role.' ';
return $classes;
}
/// Add user role class and user id to front-end body tag
// add 'class-name' to the $classes array
function class_to_body_admin($classes) {
global $current_user;
$user_role = array_shift($current_user->roles);
/* Adds the user id to the admin body class array */
$user_ID = $current_user->ID;
$classes = $user_role.' '.'user-id-'.$user_ID ;
return $classes;
return 'user-id-'.$user_ID;
}
Source : lakewood.media