WordPress login pagina aanpassen zonder plugin
De standaard WordPress loginpagina werkt prima, maar ziet er vaak erg basic uit. Daarnaast kan het handig zijn om kleine aanpassingen te doen zoals een eigen logo, een aangepaste redirect of een extra beveiligingslaag.
Met een paar eenvoudige snippets kun je de WordPress loginpagina aanpassen zonder dat je hiervoor een plugin nodig hebt. In dit artikel vind je praktische voorbeelden die je direct kunt toepassen.
1. WordPress login logo aanpassen zonder plugin
Met deze snippet vervang je het standaard WordPress logo op de loginpagina door een eigen logo.
Dit kan handig zijn wanneer je de loginpagina wilt aanpassen aan je eigen website of branding.
Upload eerst je logo naar de WordPress mediabibliotheek. Kopieer daarna de URL van de afbeelding
en vervang in de snippet het pad bij background-image met de URL van jouw logo.
Na het toevoegen van deze code wordt op /wp-login.php niet langer het WordPress logo weergegeven,
maar het logo van je eigen website.
Let op: zonder een geldig afbeeldingspad blijft het WordPress logo zichtbaar.
/**
* Eigen logo op WordPress login pagina
*/
function ucweb_login_logo() {
$logo = 'https://jouwdomein.nl/wp-content/uploads/login-logo.png';
echo '';
}
add_action('login_enqueue_scripts','ucweb_login_logo');2. Login logo laten linken naar je eigen website
Standaard verwijst het WordPress login logo naar wordpress.org. Met deze snippet laat je het logo teruglinken naar je eigen homepage.
/**
* Login logo link aanpassen
*/
add_filter('login_headerurl', function() {
return home_url();
});3. Login logo titel aanpassen
De tekst die verschijnt wanneer je over het logo beweegt kun je ook aanpassen. Hier wordt automatisch de sitenaam gebruikt.
/**
* Login logo title aanpassen
*/
add_filter('login_headertext', function() {
return get_bloginfo('name');
});4. Login errors verbergen
Standaard geeft WordPress vrij duidelijke foutmeldingen bij verkeerde loginpogingen. Met deze snippet toon je een algemenere melding, wat iets veiliger is.
/**
* Login errors verbergen
*/
add_filter('login_errors', function(){
return 'Login gegevens onjuist.';
});5. Ingelogde gebruikers direct naar dashboard sturen
Met een aangepaste redirect kun je gebruikers na het inloggen direct naar het dashboard of een andere gewenste pagina sturen.
/**
* Redirect na login
*/
add_filter('login_redirect', function($redirect_to, $request, $user){
if(isset($user->roles) && is_array($user->roles)){
return admin_url();
}
return $redirect_to;
}, 10, 3);6. Aangepaste achtergrondkleur op de loginpagina
Ook zonder plugin kun je de loginpagina visueel verbeteren. Met deze snippet geef je de achtergrond een eigen kleur die beter bij je merk past.
/**
* Loginpagina achtergrondkleur aanpassen
*/
add_action('login_enqueue_scripts', function() {
echo '';
});7. Eigen login bericht toevoegen
Wil je bezoekers een korte uitleg of welkomtekst tonen boven het loginformulier, dan kun je dat met een extra bericht doen.
/**
* Eigen login bericht toevoegen
*/
add_filter('login_message', function($message) {
$message .= 'Log in om verder te gaan naar het dashboard.
';
return $message;
});