So legst du ein eigenes Logo für deinen Login-Bereich fest

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);
}

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.