←Terug naar het blog

Hoe de rollen van de ingelogde gebruiker als klassen toe te voegen aan het body-element in WordPress

2022-12-23‱1 min leestijd

Om de gebruikersrollen toe te voegen aan de body van je WordPress-pagina's, kun je de body_class hook gebruiken. Deze hook stelt je in staat om aangepaste klassen toe te voegen aan het <body> element van je pagina's.

Voorbeeld van de body_class hook om klassen toe te voegen aan het body-element

Hier is een voorbeeld van hoe je deze hook kunt gebruiken om de gebruikersrollen toe te voegen aan de body van je pagina's:

function add_user_roles_to_body_class( $classes ) {
    $current_user = wp_get_current_user();
    $user_roles = (array) $current_user->roles;
    foreach ( $user_roles as $role ) {
        $classes[] = 'role-' . $role;
    }
    return $classes;
}
add_filter( 'body_class', 'add_user_roles_to_body_class' );

Deze code haalt de rollen van de huidige gebruiker op en voegt voor elke rol een klasse toe aan de body. Als de gebruiker bijvoorbeeld de rollen "editor" en "author" heeft, zal de body de klassen role-editor en role-author hebben.

Je kunt deze klassen vervolgens in je CSS gebruiken om verschillende elementen anders te stylen op basis van de rol van de gebruiker.

Opmerking: Deze code moet worden geplaatst in het functions.php-bestand van je thema of in een aangepaste plugin.

Categorieën:

PHPWordPress