Die Anpassung des WordPress-Anmeldebildschirms ist eine der einfachsten Möglichkeiten, Ihre Website zu personalisieren oder die Markenkonsistenz zu verbessern. Egal, ob Sie eine Website für einen Kunden erstellen oder Ihr eigenes Projekt verwalten, das Ersetzen des Standard-WordPress-Logos durch Ihr eigenes ist schnell und effektiv. In diesem Tutorial zeigen wir Ihnen, wie Sie das WordPress-Login-Logo ändern können – ohne Programmierkenntnisse.

Methode 1: Verwenden Sie ein Plugin (für Anfänger geeignet)

Der einfachste Weg, das Login-Logo zu ändern, ist die Verwendung eines Plugins.

Schritte:

  • Gehen Sie in Ihrem WordPress-Dashboard zu Plugins → Neu hinzufügen.
  • Suchen Sie nach LoginPress und installieren Sie es.
  • Aktivieren Sie das Plugin.
  • Navigieren Sie zu LoginPress → Customizer.
  • Klicken Sie auf Logo und laden Sie Ihr eigenes Bild hoch.
  • Speichern Sie die Änderungen.

Das Plugin ersetzt automatisch das Standardlogo auf Ihrer Login-Seite unter yourdomain.com/wp-login.php.

Methode 2: Manuelles Ändern des Logos (fortgeschrittene Benutzer)

Sie möchten lieber auf Plugins verzichten? Sie können das Logo manuell ändern, indem Sie die functions.php Ihres Themes bearbeiten.

Schritte:

  1. Laden Sie Ihr Logo (idealerweise 80x80px) in den Bilderordner Ihres Themes oder in die Medienbibliothek hoch.
  2. Öffnen Sie die Datei functions.php in Ihrem Theme-Verzeichnis.
  3. Fügen Sie den folgenden Code ein:
function custom_login_logo() {
    echo '
    <style type="text/css">
        h1 a {
            background-image: url(' . get_stylesheet_directory_uri() . '/images/custom-logo.png) !important;
            background-size: contain !important;
            width: 100% !important;
        }
    </style>';
}
add_action('login_head', 'custom_login_logo');

💡 Sie können auch wp_get_attachment_url() verwenden, wenn Sie das Logo über die Medienbibliothek hochgeladen haben.

Bonus: Login-URL-Link ändern

Standardmäßig leitet das Login-Logo zu wordpress.org weiter. Sie können es auf Ihre Homepage ändern:

function custom_login_logo_url() {
    return home_url();
}
add_filter('login_headerurl', 'custom_login_logo_url');

Und passen Sie den Titel (Hover-Text) an:

function custom_login_logo_url_title() {
    return 'Willkommen auf Ihrer Website!';
}
add_filter('login_headertext', 'custom_login_logo_url_title');

Tipps für beste Ergebnisse

  • Verwenden Sie ein transparentes PNG-Logo für eine saubere Ästhetik.
  • Halten Sie das Logo unter 100 KB, um die Ladezeit zu verkürzen.
  • Wenn Sie ein Child-Theme verwenden, nehmen Sie alle Änderungen dort vor, damit sie nach Aktualisierungen nicht verloren gehen.

Schlussfolgerung

Das Ersetzen des standardmäßigen WordPress-Login-Logos dauert nur ein paar Minuten und verbessert sofort das Branding Ihrer Website. Egal, ob Sie sich für ein Plugin entscheiden oder den manuellen Weg gehen, beide Methoden sind einfach und effektiv.