Als je een WordPress membership website runt, dan is het fijn voor je gebruikers om een prominente ‘Uitloggen’ link te hebben. In dit artikel leggen we uit hoe je de Uitloggen link aan het WordPress menu kunt toevoegen.
De Uitloggen link
Normaal gesproken kun je uitloggen door op de Uitloggen link te klikken. Deze zit onder je profielfoto, rechtsboven in de WordPress admin balk. Het enige dat je hoeft te doen is met je muis over je gebruikersnaam heen gaan, en de link verschijnt in het dropdown menu.
Indien jij of de site admin de WordPress admin balk hebben uitgeschakeld, dan zie je die link natuurlijk niet. Maar gelukkig is er wel een directe link te vinden waarmee je kunt uitloggen:
http://voorbeeld.nl/wp-login.php?action=logout
Vergeet niet om voorbeeld.nl door je eigen domeinnaam te vervangen. Als je deze link in je browser intypt, kom je op een pagina terecht waar je moet bevestigen dat je echt wilt uitloggen.
Je kunt deze Uitloggen link ook handmatig op elke gewenste plek op je WordPress site toevoegen.
De Uitloggen link aan het WordPress navigatie menu toevoegen
Ga naar Appearance > Menus in je WordPress admin. Klik op het custom links tabblad en kopieer de Uitloggen link naar het URL veld.
Klik op de ‘Add to menu’ knop. De link verschijnt dan in de rechterkolom. Je kunt de positie aanpassen door de link omhoog of omlaag te slepen. Vergeet niet om op de ‘Save Menu’ knop te klikken als je klaar bent. Als je dan je website bezoekt, zie je de Uitloggen link in je navigatie menu staan.
Er is nu alleen één klein probleempje: de link in het navigatie menu is zichtbaar voor alle gebruikers, ongeacht of ze ingelogd zijn of niet. Het is logischer als de Uitloggen link alleen zichtbaar is voor gebruikers die daadwerkelijk ingelogd zijn. Gelukkig maakt WordPress het heel makkelijk om twee menu’s te creëren: één voor ingelogde gebruikers en één voor uitgelogde gebruikers.
Na het aanmaken van de menu’s voeg je de onderstaande code toe aan het functions.php bestand van je thema:
function my_wp_nav_menu_args( $args = '' ) {
if( is_user_logged_in() ) {
$args['menu'] = 'logged-in';
} else {
$args['menu'] = 'logged-out';
}
return $args;
}
add_filter( 'wp_nav_menu_args', 'my_wp_nav_menu_args' );
Je ingelogde bezoekers zullen nu een ander menu zien dan niet-geregistreerde of uitgelogde bezoekers, mét Uitloggen link!
