Um auf der Login-Seite ein eigenes Logo einzufügen, solltest du zunächst die Datei custom-login.css
im Verzeichnis deines aktiven Themes anlegen. Die Datei wird auf der Login-Seite eingebunden, indem du folgende Zeilen in die Datei functions.php
einfügst:
/**
* Custom Login Styles
* https://wp-bibel.de/snippet/eigenes-logo-fuer-deinen-login-bereich/
*/
function wp_bibel_de_custom_login_logo() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/custom-login.css" />';
}
add_action('login_head', 'wp_bibel_de_custom_login_logo');
Jetzt kannst du eigene Styles für deinen Login-Bereich in der Datei custom-login.css
festlegen. Wenn du ein eigenes Logo anzeigen möchtest, kannst du das Hintergrundbild des Elements #login h1 a
mit deinem eigenem Logo überschreiben:
#login h1 a {
background-image: url(https://example.org/path/to/logo.png);
}