Wenn du ein Child-Theme verwendest, kannst du das in die Datei functions.php deines Child-Themes einfügen:
function custom_login_logo() {
?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url('https://deine-domain.de/wp-content/uploads/dein-logo.png');
height: 100px;
width: 300px;
background-size: contain;
background-repeat: no-repeat;
padding-bottom: 10px;
}
</style>
<?php
}
add_action('login_enqueue_scripts', 'custom_login_logo');
Das hier passt vom Namen her perfekt: https://de.wordpress.org/plugins/ideal-wp-login-logo-changer/ – ist nur nicht auf deutsch verfügbar.
Es gibt aber auch eine Menge andere Möglichkeiten: https://de.wordpress.org/plugins/tags/login-logo/
Ich hatte das immer mit einem eigenen Code-Snippet gelöst, mittlerweile nutze ich öfters ein kostenpflichtiges Plugin, mit dem (unter anderem) die gesamte Login-Seite gestylt werden kann.
Das Code-Snippet hatte ich als mu-plugin installiert oder besser gesagt hochgeladen.
/*-----------------------------------------------------------------------------------*/
/* Custom logos
/*-----------------------------------------------------------------------------------*/
function custom_login_logo() {
echo '<style type="text/css">
.login h1 a { background-image:url('.get_site_url().'/wp-content/uploads/logo.png) !important;
max-width: 267px; max-height: 100%; height: 129px; width: 100%; background-size: 100% auto; }
#login { padding: 2% 0 0; }
</style>';
}
add_action('login_head', 'custom_login_logo');
function my_login_logo_url() {
return get_bloginfo( 'url' );
}
add_filter( 'login_headerurl', 'my_login_logo_url' );
function my_login_logo_url_title() {
return 'Zur Startseite';
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );
Man muss dort bei height die Höhe des Bildes eintragen, bei max-width die Breite, der Rest kann bleiben.
Der Wert padding: 2% 0 0; schafft nach oben 2% Abstand, Mit den Werten kannst du experimentieren padding: 2% (=oben) 0 (=links und rechts) 0 (=unten);. Das Logo wird als logo.png in das Verzeichnis wp-content/uploads hochgeladen. Wenn dein Logo anders benannt ist, dann musst du das im Code ändern.
Erstelle in Notepad++ (nicht Notepad von Windows) eine neue Datei, füge den bearbeiteten Code hinein, speichere die Datei als z. B. custom-code.php ab. Die Endung php ist obligatorisch. Nun musst du per FTP auf deinen Server zugreifen, navigiere in der WordPress-Installation zum Verzeichnis wp-content, lege in dem Verzeichnis wp-content einen neuen Ordner mu-plugins (der muss genauso heißen) an und lade in den Ordner mu-plugins die Datei custom-code.php hoch.
Keine Sorge, wenn du irgendeinen Fehler gemacht hast, brauchst du nur die Datei wieder zu entfernen, oder besser: bearbeiten, bis sie korrekt ist.
Thread-Starter
Karl
(@zittau)
@bscu
@threadi
@la-geek
Danke für Eure blitzschnellen Antworten. Das seh‘ ich mir gleich mal an.
Thread-Starter
Karl
(@zittau)
Euch großen, herzlichen Dank! Mit kleinenFeinjustierungen im Code-Snippet klappte es auf Anhieb …
