Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Erstellen einer benutzerdefinierten WordPress-Login-Seite (ultimative Anleitung) 2024

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Möchten Sie eine individuelle WordPress-Login-Seite für Ihre Website erstellen?

Wenn Sie eine WordPress-Mitgliedswebsite oder einen Online-Shop betreiben, werden viele Nutzer Ihre Anmeldeseite häufig sehen. Durch die Anpassung der Standard-WordPress-Anmeldeseite können Sie eine bessere Benutzererfahrung bieten.

In diesem ultimativen Leitfaden zeigen wir Ihnen verschiedene Möglichkeiten, eine benutzerdefinierte WordPress-Anmeldeseite zu erstellen. Sie können diese Anleitung auch für die Erstellung einer benutzerdefinierten WooCommerce-Anmeldeseite verwenden.

How to Create a Custom WordPress Login Page (Ultimate Guide)

Das werden Sie in diesem Leitfaden erfahren:

Warum eine eigene WordPress-Anmeldeseite erstellen?

Ihre WordPress-Website verfügt über ein leistungsstarkes Benutzerverwaltungssystem. Es ermöglicht Benutzern, Konten in eCommerce-Shops, Mitglieder-Websites und Blogs zu erstellen.

Standardmäßig zeigt die Anmeldeseite das WordPress-Branding und -Logo. Das ist in Ordnung, wenn Sie die einzige Person mit Admin-Zugang sind oder nur sehr wenige Benutzer haben.

Standard WordPress login screen example

Wenn Ihre Website jedoch die Möglichkeit bietet, sich zu registrieren und anzumelden, dann bietet eine benutzerdefinierte Anmeldeseite ein besseres Benutzererlebnis.

Einige Nutzer könnten misstrauisch werden, wenn Ihr WordPress-Anmeldebildschirm nicht wie Ihre Website aussieht. Sie werden sich wahrscheinlich wohler fühlen, wenn Sie Ihr Unternehmenslogo und -design verwenden.

Und schließlich enthält der Standard-Anmeldebildschirm nichts weiter als das Anmeldeformular. Wenn Sie eine benutzerdefinierte Anmeldeseite erstellen, können Sie den Platz nutzen, um andere Seiten oder spezielle Angebote zu bewerben.

Sehen wir uns also einige Beispiele für benutzerdefinierte WordPress-Anmeldeseiten an.

WordPress Login Seite Design Beispiele

Website-Besitzer können die WordPress-Anmeldeseite mit verschiedenen Stilen und Techniken anpassen.

Einige erstellen eine benutzerdefinierte Anmeldeseite, die das Thema und die Farben ihrer Website verwendet. Andere ändern die Standard-Anmeldeseite, indem sie einen benutzerdefinierten Hintergrund, Farben und ein Logo hinzufügen.

Hier sind einige Beispiele dafür, was möglich ist.

WPForms

WPForms Custom Login Page

WPForms ist das beste WordPress-Kontaktformular-Plugin auf dem Markt. Ihr Plugin enthält auch ein Add-on, um schöne WordPress Anmelde- und Registrierungsformulare zu erstellen, die wir Ihnen später in diesem Artikel zeigen werden.

Die benutzerdefinierte Anmeldeseite verwendet ein zweispaltiges Layout. Die linke Spalte enthält das Anmeldeformular, und die rechte Spalte wird verwendet, um Werbeaktionen und andere Aufrufe zum Handeln hervorzuheben.

Auf der oben gezeigten Anmeldeseite werden die Nutzer über neue Funktionen informiert. Die Seite verwendet ein individuelles Branding, eine Hintergrundillustration und Markenfarben, um ein einzigartiges Anmeldeerlebnis zu schaffen.

Jacquelynne Steves

Jacquelynne Steves Custom Login Page

Jacquelynne Steeves ist eine Kunsthandwerk-Website, auf der die Autorin Inhalte über die Dekoration von Häusern, die Herstellung von Quilts, Mustern, Stickereien und mehr veröffentlicht.

Die Anmeldeseite verwendet ein benutzerdefiniertes Hintergrundbild, das zum Thema der Website passt, und das Anmeldeformular auf der rechten Seite.

Kirche Motion Graphics

Church Motion Graphics Custom Login Page

Die Anmeldeseite dieser Firma für Grafikanimationen verwendet einen farbenfrohen Hintergrund, der das Geschäftsfeld des Unternehmens widerspiegelt.

Es werden dieselben Kopf- und Fußzeilen sowie Navigationsmenüs auf dem Anmeldebildschirm verwendet. Das Anmeldeformular selbst ist recht einfach und hat einen hellen Hintergrund.

MITSloan Management Review

MITSloan Custom Login Page

MITSloan Management Review verwendet ein Popup-Modal, um ein Anmelde- und Registrierungsformular anzuzeigen.

Der Vorteil eines Popup-Fensters ist, dass sich die Nutzer anmelden können, ohne die Seite zu verlassen. Es erspart ihnen das Laden einer neuen Seite und bietet ein schnelleres Nutzererlebnis.

Sind Sie nun bereit zu lernen, wie man eine benutzerdefinierte Anmeldeseite in WordPress erstellt?

Erstellen einer WordPress-Anmeldeseite mit dem Theme My Login (kostenlos)

Theme My Login ist ein kostenloses Plugin, das Ihre Login-Seite an Ihr WordPress-Theme anpasst. Es ist nicht sehr anpassbar, aber es ersetzt die standardmäßige Anmeldeseite mit WordPress-Branding und lässt sie etwas professioneller aussehen.

Als erstes müssen Sie das Theme My Login Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung erstellt Theme My Login automatisch URLs für Ihre benutzerdefinierten Aktionen Login, Logout, Registrierung, Passwort vergessen und Passwort zurücksetzen.

Sie können diese WordPress-Anmelde-URLs anpassen, indem Sie die Seite Theme My Login “ General besuchen. Scrollen Sie nach unten zum Abschnitt „Slugs“, um die URLs zu ändern, die das Plugin für Login-Aktionen verwendet.

Theme My Login Pages

Theme My Login ermöglicht es Ihnen auch, Shortcodes zu verwenden, um benutzerdefinierte Anmelde- und Registrierungsseiten zu erstellen. Sie können einfach eine Seite für jede Aktion erstellen und dann den Seiten-Slug hier hinzufügen, damit das Plugin die Benutzer richtig finden und weiterleiten kann.

Beginnen wir mit der Anmeldeseite.

Gehen Sie zu Seite “ Neu hinzufügen, um eine neue WordPress-Seite zu erstellen. Als Nächstes müssen Sie Ihrer Seite einen Titel geben und dann den folgenden Shortcode [theme-my-login] in die Seite eingeben.

Adding Theme My Login Shortcode to a Page

Sie können Ihre Seite jetzt veröffentlichen und eine Vorschau anzeigen, um Ihre benutzerdefinierte Anmeldeseite in Aktion zu sehen.

So sieht es auf unserer WordPress-Test-Website aus.

Theme My Login Preview

Wiederholen Sie den Vorgang einfach, um weitere Seiten zu erstellen, indem Sie den folgenden Shortcode verwenden:

[theme-my-login action="register"] Für das Anmeldeformular

[theme-my-login action="lostpassword"]Für die Seite mit dem verlorenen Passwort

[theme-my-login action="resetpass"] Für die Seite „Passwort zurücksetzen

Erstellen einer benutzerdefinierten WordPress Login-Seite mit WPForms

WPForms ist das beste WordPress-Formularerstellungs-Plugin auf dem Markt. Es ermöglicht Ihnen die einfache Erstellung benutzerdefinierter Anmelde- und Registrierungsformulare für Ihre Website.

WPForms ist ein Premium-WordPress-Plugin, und Sie benötigen mindestens deren Pro-Plan, um auf das User Registration Add-on zuzugreifen. WPBeginner-Benutzer können einen Rabatt von 50% erhalten, indem sie unseren WPForms-Gutscheincode verwenden: SAVE50

Als Erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie die Seite WPForms “ Einstellungen besuchen, um Ihren Lizenzschlüssel einzugeben. Sie können diese Informationen in Ihrem Konto auf der WPForms Website finden.

Enter Your WPForms License Key

Nachdem Sie den Lizenzschlüssel eingegeben haben, können Sie Add-ons installieren.

Gehen Sie weiter und besuchen Sie die WPForms “ Addons Seite und suchen Sie die User Registration Addon.

Install WPForms User Registration Addon

Klicken Sie anschließend auf die Schaltfläche „Addon installieren“, um das Addon herunterzuladen und zu aktivieren. Jetzt können Sie Ihre eigenen Anmeldeformulare erstellen.

Gehen Sie zu WPForms “ Add New page und scrollen Sie nach unten zur Vorlage „User Login Form“. Um fortzufahren, müssen Sie auf die Schaltfläche „Vorlage verwenden“ klicken.

Select the WPForms User Login Form Template

WPForms lädt das Benutzeranmeldeformular mit den erforderlichen Feldern.

Sie können auf die Felder klicken, um eine eigene Beschreibung oder einen eigenen Text zu den Feldern hinzuzufügen.

WPForms Form Builder

Sie können auch andere Einstellungen ändern.

Der Standardtitel der Schaltfläche lautet zum Beispiel „Absenden“. Sie können auf die Schaltfläche klicken und dann den Text in „Anmelden“ ändern.

Customizing the WPForms Button Text

Sie können auch entscheiden, was passiert, wenn ein Benutzer erfolgreich angemeldet ist.

Gehen Sie auf die Registerkarte Einstellungen “ Bestätigung und wählen Sie eine Aktion aus. Sie können den Benutzer zu einer anderen URL umleiten, ihn zur Homepage weiterleiten oder ihm einfach eine Nachricht anzeigen, dass er jetzt angemeldet ist.

Redirect Logged In Users

Wenn Sie mit den Formulareinstellungen zufrieden sind, klicken Sie einfach auf die Schaltfläche „Speichern“ in der oberen rechten Ecke des Bildschirms und schließen Sie das Formularerstellungsprogramm.

Hinzufügen Ihres benutzerdefinierten Anmeldeformulars zu einer WordPress-Seite

WPForms macht es super einfach, Ihre benutzerdefinierte Login-Formular auf jedem WordPress Post oder Seite hinzufügen.

Bearbeiten Sie einfach die Seite, auf der Sie das Anmeldeformular hinzufügen möchten, oder erstellen Sie eine neue Seite. Fügen Sie dann auf dem Bildschirm zur Seitenbearbeitung den WPForms-Block zu Ihrem Inhaltsbereich hinzu.

Add the WPForms Block to Any Post or Page and Select the User Login Form

Als nächstes wählen Sie das Anmeldeformular aus, das Sie zuvor erstellt haben, und der WPForms-Block wird es automatisch in den Inhaltsbereich laden.

Sie können nun mit der Bearbeitung der Seite des Anmeldeformulars fortfahren. Fügen Sie ruhig weiteren Text oder Werbeblöcke hinzu. Wenn Sie fertig sind, vergessen Sie nicht, Ihre Änderungen zu speichern und zu veröffentlichen.

Sie können nun Ihre Website besuchen, um Ihre Anmeldeseite in Aktion zu sehen.

WPForms login form preview

Erstellen einer benutzerdefinierten WordPress Login-Seite mit SeedProd (empfohlen)

Standardmäßig verwendet Ihre benutzerdefinierte WordPress-Anmeldeformularseite die Seitenvorlage und Stile Ihres Themes. Sie enthält die Navigationsmenüs, die Kopfzeile, die Fußzeile und die Widgets der Seitenleiste Ihres Themes.

Wenn Sie die gesamte Seite komplett übernehmen und von Grund auf neu gestalten möchten, können Sie ein WordPress Page Builder Plugin verwenden.

SeedProd ist der beste Landing Page Builder für WordPress. Er ist anfängerfreundlich und bietet einen Drag-and-Drop-Builder, mit dem Sie jede Art von Landing Page erstellen können, einschließlich einer Login-Seite, einer Seite für die nächste Version, einer Seite für den Wartungsmodus und mehr.

Für diesen Artikel werden wir die SeedProd Pro-Version verwenden, da sie eine Vorlage für die Anmeldeseite und erweiterte Seitenblöcke zur Anpassung enthält.

Es gibt auch eine kostenlose Version von SeedProd, die jedoch nicht die Möglichkeit bietet, eine Login-Seite für Ihre WordPress-Website zu erstellen.

Zunächst müssen Sie das SeedProd-Plugin auf Ihrer Website installieren. Weitere Einzelheiten finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Sobald das Plugin aktiviert ist, werden Sie in Ihrem WordPress-Administrationsbereich zu SeedProd weitergeleitet.

Hier müssen Sie Ihren Lizenzschlüssel eingeben, den Sie ganz einfach über Ihr SeedProd-Konto abrufen können. Wenn Sie den Schlüssel eingegeben haben, klicken Sie auf die Schaltfläche „Schlüssel überprüfen“.

SeedProd license key

Danach sind Sie bereit, Ihre Anmeldeseite in SeedProd zu erstellen.

Um zu beginnen, gehen Sie zu SeedProd “ Landing Pages und wählen Sie dann die Option „Login Page“, indem Sie auf die Schaltfläche „Set up a Login Page“ klicken.

Select Login Page

Auf dem nächsten Bildschirm können Sie eine Vorlage für Ihre Anmeldeseite auswählen. Es gibt auch die Möglichkeit, eine Seite von Grund auf neu zu erstellen, indem Sie die leere Vorlage verwenden.

Wir empfehlen jedoch, eine Vorlage zu verwenden, da es einfacher und schneller ist, die Anmeldeseite anzupassen.

Choose a Template for Your SeedProd Login Page

Wenn Sie eine Vorlage auswählen, erscheint ein Popup-Fenster, in dem Sie einen Seitennamen für Ihre Anmeldeseite eingeben können. SeedProd wird den Seitennamen als URL für Ihre Landing Page verwenden.

Sobald Sie diese Angaben eingegeben haben, klicken Sie auf die Schaltfläche „Speichern und mit der Bearbeitung der Seite beginnen“.

Enter a Page Name and Page URL

Jetzt können Sie Ihre Anmeldeseite mit dem Drag-and-Drop-Builder von SeedProd auf der Registerkarte Design bearbeiten. Mit dem Builder können Sie ganz einfach jeden Seitenblock zur Seite hinzufügen, indem Sie ihn aus dem linken Menü ziehen und an einer beliebigen Stelle auf der Seite platzieren.

Sie können zum Beispiel einen Text, ein Video oder eine neue Schaltfläche zu Ihrer Anmeldeseite hinzufügen. Im Abschnitt „Erweiterte Blöcke“ gibt es weitere Anpassungsmöglichkeiten, wie z. B. einen Countdown-Timer oder Symbole für die soziale Vernetzung.

Mit SeedProd können Sie sogar bestehende Seitenblöcke in der Vorlage entfernen. Klicken Sie einfach auf das Mülleimersymbol, um den Seitenblock zu löschen.

Edit Your Login Page

Wenn Sie auf der Anmeldeseite auf einen beliebigen Bereich klicken, werden weitere Optionen zur Anpassung angezeigt.

Sie können zum Beispiel den Text und die Farbe der Felder ändern, eine andere Schriftart wählen, die Farbe der Schaltfläche bearbeiten und vieles mehr.

Edit the Page Section

Wenn Sie mit dem Design der Anmeldeseite zufrieden sind, klicken Sie oben auf die Registerkarte „Verbinden“.

Sie können jetzt verschiedene E-Mail-Marketingdienste wie Constant Contact, Drip und andere miteinander verbinden.

Connect Email Marketing Services

Danach müssen Sie auf die Registerkarte Seiteneinstellungen wechseln. Unter den allgemeinen Einstellungen können Sie mit SeedProd den Seitentitel bearbeiten und den Status der Seite von Entwurf auf Veröffentlichung ändern.

Sie können auch die Option wählen, einen SeedProd-Link zu verwenden und Ihren SeedProd-Affiliate-Link hinzufügen, um mehr Geld online zu verdienen.

SeedProd Page Settings

Wenn Sie Ihre Anmeldeseite für Suchmaschinen optimieren möchten, gehen Sie zu den SEO-Einstellungen. Hier finden Sie eine Schaltfläche, mit der Sie das All In One SEO-Plugin installieren können.

All in One SEO for WordPress (AIOSEO) ist das beste WordPress SEO-Plugin, mit dem Sie Ihre WordPress-Website für Suchmaschinen und Social Media-Plattformen optimieren können.

Wie Sie es am besten nutzen, erfahren Sie in unserem Leitfaden zur richtigen Einrichtung von All In One SEO für WordPress.

SeedProd SEO Page Settings

Danach können Sie auf der Registerkarte Skripteinstellungen verschiedene Codeschnipsel zu Ihrer Anmeldeseite hinzufügen.

Sie können hier zum Beispiel Google Analytics-Code, Facebook-Pixel oder andere Tracking-Codes hinzufügen.

Add Scripts to Your SeedProd Login Page

Nachdem Sie nun die Seiteneinstellungen geändert haben, klicken Sie oben auf die Schaltfläche „Speichern“.

Als Nächstes müssen Sie Ihre Anmeldeseite aktiv machen. Dazu können Sie den Landing Page Builder verlassen und dann zu SeedProd “ Landing Pages gehen.

Dort sollten Sie auf den Schalter klicken, um den Status der Seite von „Inaktiv“ auf „Aktiv“ zu ändern.

Make Your SeedProd Login Page Active

Sie können nun die URL Ihrer Anmeldeseite aufrufen und sie in Aktion sehen.

Dies ist ein Screenshot des Anmeldebildschirms auf unserer Demoseite.

SeedProd Login Page Preview

Alternativ: Sie können auch Thrive Architect verwenden, um eine attraktive Anmeldeseite zu gestalten. Es ist ein weiteres großartiges Drag-and-Drop-Page-Builder-Plugin, das wir für die Erstellung benutzerdefinierter Seiten empfehlen.

Es enthält mehr als 300 professionell gestaltete Vorlagen, mit denen Sie eine Anmeldeseite erstellen können, die wie die folgende aussehen könnte.

Preview login page

Wenn WordPress-Page-Builder-Plugins nicht Ihr Ding sind, dann können Sie benutzerdefinierte CSS verwenden, um das Formular und die Anmeldeseite selbst zu gestalten.

Sie müssen nicht immer eine komplett eigene WordPress-Anmeldeseite für Ihre Website erstellen. Viele Websites ersetzen das WordPress-Logo und die Logo-URL und verwenden weiterhin die Standard-Anmeldeseite.

Wenn Sie das WordPress-Logo auf dem Anmeldebildschirm durch Ihr eigenes Logo ersetzen möchten, können Sie ganz einfach ein WordPress-Plugin verwenden oder eigenen Code hinzufügen. Wir zeigen Ihnen beide Methoden, und Sie können diejenige verwenden, die Ihnen am besten passt.

Methode 1: Ändern des WordPress-Login-Logos und der URL mithilfe eines Plugins

Als erstes müssen Sie das Colorlib Login Customizer Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung fügt das Plugin einen neuen Menüpunkt in den WordPress-Theme-Customizer ein. Navigieren Sie einfach zu Erscheinungsbild “ Anpassen und klicken Sie auf den neuen Punkt „Colorlib Login Customizer“, um den Login Customizer zu starten.

Beachten Sie, dass Ihnen diese Option nicht zur Verfügung steht, wenn Sie ein Block-Theme verwenden. In diesem Fall empfehlen wir die Verwendung der Code-Methode.

The Colorlib Login Customizer Plugin Adds a New Item to the Theme Customizer

Der Login Customizer lädt Ihren Standard-WordPress-Login-Bildschirm mit Anpassungsoptionen auf der linken Seite und einer Live-Vorschau auf der rechten Seite.

Um das WordPress-Logo durch Ihr eigenes zu ersetzen, klicken Sie auf die Registerkarte „Logo-Optionen“ auf der rechten Seite.

Colorlib Login Customizer

Von hier aus können Sie das WordPress-Logo ausblenden, Ihr eigenes benutzerdefiniertes Logo hochladen und die URL und den Text des Logos ändern.

Sie können auch die Größe und Farbe des Textes sowie die Breite und Höhe des individuellen Logos anpassen.

Upload Custom Logo to Login Page

Das Plugin ermöglicht es Ihnen auch, die Standard-WordPress-Anmeldeseite vollständig anzupassen. Sie können Spalten und Hintergrundbilder hinzufügen, die Farben des Anmeldeformulars ändern und vieles mehr.

Grundsätzlich können Sie eine benutzerdefinierte WordPress-Anmeldeseite erstellen, ohne die standardmäßige WordPress-Anmelde-URL zu ändern.

Sobald Sie fertig sind, klicken Sie einfach auf die Schaltfläche „Veröffentlichen“, um Ihre Änderungen zu speichern. Sie können nun die WordPress-Anmeldeseite besuchen, um Ihr benutzerdefiniertes Anmeldeformular in Aktion zu sehen.

Colorlib Login Customizer Preview

Methode 2: Ändern des WordPress-Login-Logos und der URL mit Code

Mit dieser Methode können Sie das WordPress-Logo auf dem Anmeldebildschirm manuell durch Ihr eigenes benutzerdefiniertes Logo ersetzen, ohne ein Plugin zu benötigen. Sie ist auch für Block-Themes geeignet.

Zunächst müssen Sie Ihr individuelles Logo in die Mediathek hochladen. Gehen Sie einfach auf Medien “ Neue Seite hinzufügen und laden Sie Ihr benutzerdefiniertes Logo hoch.

Sobald Sie das Bild hochgeladen haben, klicken Sie auf den Link „Bearbeiten“ neben dem Bild. Daraufhin wird die Seite „Medien bearbeiten“ geöffnet, auf der Sie die URL der Datei kopieren und an einem geeigneten Ort einfügen müssen, z. B. in eine leere Textdatei auf Ihrem Computer.

Als Nächstes müssen Sie den folgenden Codeschnipsel in die Datei functions.php Ihres Themes einfügen oder das WPCode-Plugin verwenden, um ganz einfach benutzerdefinierten Code hinzuzufügen, ohne Ihre Website zu beschädigen (empfohlen):

function wpb_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(http://path/to/your/custom-logo.png);
        height:100px;
        width:300px;
        background-size: 300px 100px;
        background-repeat: no-repeat;
        padding-bottom: 10px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

Vergessen Sie nicht, die Hintergrundbild-URL in Zeile 4 durch die zuvor kopierte Datei-URL zu ersetzen. Sie können auch andere CSS-Eigenschaften an Ihr individuelles Logobild anpassen.

Sie können nun die WordPress-Anmeldeseite besuchen, um Ihr individuelles Logo in Aktion zu sehen.

WordPress Login Page With Custom Logo

Dieser Code ersetzt jedoch nur das WordPress-Logo. Er ändert nicht den Logo-Link, der auf die WordPress.org-Website verweist.

Das sollten wir ändern.

Fügen Sie einfach den folgenden Code in die Datei functions.php Ihres Themes oder in WPCode ein. Sie können ihn direkt unter dem Code einfügen, den Sie zuvor hinzugefügt haben:

function wpb_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'wpb_login_logo_url' );
 
function wpb_login_logo_url_title() {
    return 'Your Site Name and Info';
}
add_filter( 'login_headertitle', 'wpb_login_logo_url_title' );

Vergessen Sie nicht, „Your Site Name and Info“ durch den tatsächlichen Namen Ihrer Website zu ersetzen. Das benutzerdefinierte Logo auf Ihrem Anmeldebildschirm verweist nun auf die Startseite Ihrer Website.

Deaktivieren des Sprachumschalters auf der WordPress-Anmeldeseite

Mit der Veröffentlichung von WordPress 5.9 wurde eine neue Dropdown-Login-Option eingeführt, mit der Benutzer eine neue Sprache auswählen können, wenn sie sich auf einer Website anmelden.

Wenn es mehr als eine aktive Sprache auf der Website gibt, erscheint diese Option.

Login screen language switcher example

Dies eignet sich gut für mehrsprachige Websites und Teams mit verschiedenen Nutzern, die möglicherweise in einer anderen Sprache auf das WordPress-Dashboard zugreifen möchten.

Wenn Sie Ihre Anmeldeseite jedoch einfach halten wollen und Ihre Benutzer nicht häufig die Sprache wechseln müssen, kann das Entfernen der Sprachumschaltung die Anmeldeseite entschlacken. Sie können dies mithilfe eines Plugins oder Codes tun.

Methode 1: Deaktivieren des Sprachumschalters mit einem Plugin

Alles, was Sie tun müssen, ist, das Plugin Disable Login Language Switcher zu installieren und zu aktivieren. Nach der Aktivierung wird die Option zur Sprachumschaltung automatisch entfernt. Es gibt keine zusätzlichen Einstellungen, die Sie konfigurieren müssen.

Wenn Sie nun zu Ihrem Anmeldebildschirm gehen, sehen Sie den Standard-Anmeldebildschirm ohne die Option zur Sprachumschaltung.

Standard WordPress login screen example

Methode 2: Deaktivieren des Sprachumschalters mit Code

Eine weitere Möglichkeit, die Sprachumschaltung zu deaktivieren, ist das Hinzufügen von Code zu WordPress.

Fügen Sie einfach das folgende Code-Snippet in Ihre functions.php-Datei oder in WPCode-Snippets ein. Weitere Informationen finden Sie in unserem Tutorial über das Hinzufügen von benutzerdefinierten Code-Snippets in WordPress:

add_filter( 'login_display_language_dropdown', '__return_false' );

Weitere Details finden Sie in unserer Anleitung zur Deaktivierung des Sprachwechslers auf dem WordPress-Login-Bildschirm.

Das war’s schon. Wir hoffen, dass dieser Artikel Ihnen geholfen hat, verschiedene Möglichkeiten zum Erstellen einer WordPress-Anmeldeseite für Ihre Website kennenzulernen. Vielleicht interessieren Sie sich auch für unseren ultimativen WordPress-Sicherheitsleitfaden mit Tipps zur Verbesserung der Sicherheit Ihres WordPress-Logins oder für unseren Vergleich der besten Live-Chat-Software für kleine Unternehmen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

96 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Mrteesurez says

    As you have said in this article that many people used the default WordPress login page, but I want ask if it is safe ?, because that is the sample page admin also used to login.
    Hope to there will not a hacking attempt ??

  3. Jiří Vaněk says

    This article will be a great use for websites I make for other people, so I can also make a login screen for them according to their wishes. Websites that are then managed by their owners can have a little something extra, which the competition usually does not, and that is always a big advantage. Moreover, I did not expect that it could be this simple.

  4. Moinuddin Waheed says

    Thanks for this helpful guide as I have thought many times over to have different login page than the one comes default with WordPress.
    I was not aware this is this much easy to get without having to do with complex set of code and thinking.
    I will be using seedprod to get the beautiful login page for my websites.

  5. KateOsborn says

    Thank you for your helpful videos. I have successfully installed TML and like the look of the login page. If not logged in, though, and an attempt is made to access different pages from the header, such as a product page, the user is taken to a default login page, not the TML one. How do I fix this? Thank you.

    • WPBeginner Support says

      That would depend on your specific site and if you have a membership plugin or a coming soon plugin that is redirecting your users that could be part of the issue.

      Admin

  6. Ashok Pandit says

    Confused about login url after we use the last method. What would be the login url if we use, „Change WordPress Login Logo and URL without Plugin (Code)“. I want to only to change login url though.

    • WPBeginner Support says

      The third method is for changing the logo URL not the login URL. The login URL would not change with that method.

      Admin

  7. kato d says

    Oh also, could you also show us how to use css to change the button color and text color on the login screen? I would like to make a fancy custom login page but at least changing away from the wordpress blue would look better with our black, white and red logo. thank you, helpful article, appreciate it!

  8. kato d says

    Thank you, very helpful, i used the code method to change the functions.php in my child theme to replace the wordpress logo with our own and it looks better now.

  9. Hasibul Islam says

    Hello there, How can I edit the login page without any plugin!??? With HTML and CSS…and in theme file..where is the login file… which I have to edit!!! Please help me.. thanks

  10. David DLima says

    I do not see the screens as shown in the article. Is there a paid version of this plugin?
    All I can see is the Settings and Extensions options in the TYL admin menu.

    David

    • WPBeginner Support says

      The Theme My Login plugin had a large overhaul after we created this article, we will certainly look into updating this article.

      Admin

  11. David DLima says

    Hi,

    This is an awesome article. I have one doubt in this whole process. How do I validate the username and password ? I do not see anything on that in the article.

    For e,g, how does the form know whether the username and password is valid?

    Regards
    David DLima

  12. kris says

    I’m new to WordPress and am trying to set up a small blog on my own.
    I’m toying with the idea of having readers ’sign or log in‘ to be able to gain access to extra features.

    From what I understand in this thread is how to create the log in form and apply it to your site, but how do you adjust the access to features or essentially what the are logging in for?

    • WPBeginner Support says

      While theme my login was updated after this article was created, both plugins should still be available to use to create a login page.

      Admin

  13. suresh says

    Hi ,

    Thanks for all your replies and videos. Great help! I have three questions, would highly appreciate, if you answer.

    (i)I am also puzzled what could be the use of „login widget“, if it does not include an option for sign-up. So the users, who are not registered, will have to be directed to some other page.

    (ii) How to integrate social login, with the „elementor login wigdget“?

    (iii) Is there no way for creating “ registration form“ using elementor.

    Thanks

    suresh

  14. Josh says

    I’m blown away!

    I’m not a „tech“ guy, but I own 6 or 7 badly, barely managed websites. I have huge aspirations, but not the talent or team to go with it. I may take me until I’m 100, but eventually I’ll build out my vision. I working on it. Regardless, that’s not the point of this post. It’s just to describe me.

    I’m looking for more automation, and specifically was looking for a way to create/buy/obtain a pop-up with social logins (FB & Google) to build my list, which, if you can recommend one, I’d be most appreciative.

    I read one of your articles and as I was leaving, saw you Ultimate toolkit. In just briefly skimming through it, I found answers to several things I’ve wanted to know about and 2 or 3 questions I didn’t even know I had. I know a truly valuable lead magnet when I see one, and I just wanted to take a second to commend you on this one. FREE VALUE!

    Thank you
    Joshua Houston

  15. Kareem says

    Hello,
    When users try to register through TML they don’t receive activation e-mail .. how can i solve that !?

  16. Mukesh Patel says

    Can I customise my default WordPress login page without any plugin. Actually I need only to change WordPress logo on /wp-login page.

  17. BricABrac says

    What I would actually like to do is get users to land on a certain page on my website no matter where they come from or which link they use – even if ti is to one of the other pages on my site.

    Once they have landed, i want to redirect them to the page they chose to visit.

    Can we do this and how?

  18. Nick says

    I want a section where staff can log in to a single page where there will be a form for them to log in their daily work.

    Is this possible and if so which plugin would best suit my needs?

  19. Sierra says

    Hello!

    I’ve created a free resource library for my website and I want to collect emails in exchange for the password in order to grow my email list. I am having such a hard time finding a way to customize a password-entry page because I don’t want anyone to have their own account or anything, I just want them to enter a password that I’ve set so they can gain access to the library. I don’t like the WP password protection feature because I want to be able to collect emails on the same page that they enter the password on so it’s like „If you have the password, enter it here. If you don’t have the password, enter your email and I’ll send it to you.“ Would I be able to do something like that here? Do you have any suggestions? I would so greatly appreciate it because I’ve been stuck on this issue for like 3 days now!

    Thanks so much,

    Sierra

    • WPBeginner Support says

      Hi Sierra,

      If you are using WPForms, then you can redirect users to the download page. You can also send them an email notification with the download link or password. Another solution could be sending the link or the password in an auto reply using your email marketing software. This way you will also be able to verify their email address.

      Hope this helps

      Admin

    • Robert says

      Hi Sierra, I have come across your post. I have just started building my blog, and I am facing the same issue as you have had. Would you mind sharing your advice on how to create a password protected page for users and obtain their email address for the newsletter? Thank you in advance, Rob

  20. Alex says

    This is a great article but how can we do what you currently have at wpbeginner.com/wp-admin

    It asks for a password before loading the page. How can we achieve this?

  21. dean wilson says

    I am using plugin ‚Admin Custom Login‘ and would like this page for normal subscriber login/register. Can I make a menu page in WP with this address?
    Thank you.

  22. Chaz H says

    Hi,

    I’d just like to create a login page and link so users can upload posts and photo’s. I tried TML but nothing seems to happen when I refresh my home page. And my version of WPForms is lite. I don’t have money to purchase the full version if thats what is necessary. Just want my users to have a log in page! And tips

    • WPBeginner Support says

      Hey Chaz,

      Please check your theme my login settings. You can also try updating WordPress permalinks. Simply visit Settings » Permalinks and then click on the save changes button without changing anything.

      Admin

  23. numan malik says

    hi
    i’m trying to find the coding for customize the wrodpress login page using my own custom fields. can u help me what is the code for it?

  24. kris says

    I need help, so I need to be able to add a client login to my website but just for a few pages, I can’t remember how to do this. I don’t build site all the time. I want the site to be free so everyone can look at it I just need a few pages to be for my clients and agents.

  25. siri says

    the username and password for the login page, is that the same for accessing the admin area, or do we need to create a new username and password for the custom login area?

  26. Roger Thomas says

    TML is a nice plugins that’s we are using on our website. However, login page sometimes redirected to home page on our travel website, but whenever cache are deleted, it’s working fine…
    Thanks for your suggestions..

  27. Nishant says

    I was looking for creating own login page template with all the functionalities. Is there any way of creating our own login page template without plugin. Or codex section where we can learn and create our own login template.

  28. clever ubiagege says

    Hi,

    I tried implementing the theme my login plugin to my website, but now I can not even login as an admin. What could be the problem?

    • Saurabh Saneja says

      Hi,

      just you can open from yousite/wp-login.php
      Replace yoursite with whatever is the name of your website.

      If you want to remove the plugin change it name to something else by accessing the plugin through filezilla/winscp or from your cpanel .

  29. Adi Prabhune says

    Hello, just wanted to know if when you create a login like this, if the members of the site are redirected to their own account. I run a tax company and I want my clients to be able to access their account and then upload files through there, as well as see the status of their specific tax return. Their account would have to be linked to their login IDs that way they can see what is specific to them. Please let me know, thank you.

    • Saurabh Saneja says

      From wordpress backend settings ->general

      allow users registration. It will be something like that:

      Registration Settings

      Allow new registrations New registrations settings Registration is disabled.
      User accounts may be registered.
      Logged in users may register new sites.
      Both sites and user accounts can be registered.

  30. Prasad says

    Hi, I have installed the TML plugin but I couldn’t find any shortcodes for ‚Registration‘ & ‚Login‘ pages to show them on the front-end. Please help me. Thanks.

  31. Ewan says

    Installed TML but no Login showing on the website. ( Latest update of WP

    No Page ID available in General settings. so TML does not work.

  32. Steven Denger says

    I have been trying for god knows how many days and today several hours installing and uninstalling login/registration plugins. I have followed every lesson along the way and followed yours closely. But – another total failure. This did not work. It created all the pages but put the profile/registration form on all of them. I give up! How do all of these sites get logins? Because nothing what-so-ever works for me. I can write a book on all the plugins and programs that I have tried. I am not going to hire a web developer to put one in because this task should not be that hard. But I can tell you it must be .

    I will just have to do without like a lot of things in wordpress that are just not accessable to all – just web developers. It is too bad that one cannot have a decent normal site like the web developers can. Doing without a lot of functions is getting to be a real problem with me and wordpress. When the forums do not help – and the plugins don’t work – I just just have to give up and do without.

    • kris says

      it is not hard nor did I use a plugin last time, it is on the menu page but I forgot how to do this, a guy wanted to charge me $80 to do this and I won’t pay either. it is easy I can’t remember how to do it, I have been looking for days.

  33. kathy says

    Go t fed up trying with this., I’m sure it’s a great plugin but it is inconsistent. I cannot find the login page – it appears intermittently and then I cannot get a registration page to work properly.
    Pfft! Tired

  34. Anna says

    waw, thanks for the video, very helpful.

    one further question: I am building a site with a paid membership. I want to customize not only the login page but also the WP default page you get when your are logged in (i.e. with the dashboard on the left etc,…) is there a plugin for that?or coding is necessary?

    Thanks
    Anna

  35. jonny says

    Does anybody know how to move a site that has this plugin installed? When I try to move the site, the login page completely stops working.

    Thanks for any suggestions.

  36. kkramer2195 says

    I came across this plugin recently and LOVE IT!!!! I am trying to figure out how to verify a person is logged in prior to allowing them to write a post using Gravity Forms.

    All forms work properly, I found generic code to redirect to wp-login.php but since I am using the plugin, I want it to redirect to the same as the theme my login screen does.

    Here is sample code: (setup as page_loggedin.php)

    <?php else:
    wp_die('Sorry, you must first log in to view this page. You can register free here.');
    endif; ?>

    I don’t want hard coded site references, so any help with the PHP code will be appreciated! Preferred choice would be if user not logged in the redirect like the plugin does (but I can’t find how it does it yet)

    Ken

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.