So passen Sie die WordPress-Anmeldeseite an

Suchen Sie nach einer einfachen Möglichkeit, Ihre Anmeldeseite zu bearbeiten? Wir geben dir Deckung. In diesem Artikel zeigen wir Ihnen verschiedene Möglichkeiten, die WordPress-Anmeldeseite anzupassen und eleganter zu gestalten.

Was ist die WordPress-Anmeldeseite?

Wie der Name schon sagt, ist die WordPress-Anmeldeseite die Seite, auf der Sie Ihren Benutzernamen und Ihr Passwort eingeben müssen, um sich anzumelden und auf Ihr WordPress-Dashboard zuzugreifen. Je nachdem, welcher Benutzertyp Sie sind und welche Berechtigungen Sie haben, haben Sie Zugriff auf verschiedene Teile des Dashboards.

Die meisten Websites verlassen die Standard-Anmeldeseite, da diese normalerweise von Besuchern nicht angezeigt wird. Um jedoch die vollständige Kontrolle über Ihre Website zu übernehmen und sie sicherer zu machen, sollten Sie die Anmeldeseite anpassen.

Warum sollten Sie die Anmeldeseite ändern?

Die standardmäßige WordPress-Anmeldeseite sieht recht einfach und einfach aus. Außerdem könnte es sich um die Anmeldeseite einer beliebigen Website handeln. Es gibt keinerlei Personalisierung.

Wenn Sie sich jedoch die Anmeldeseite einer bekannten Marke wie OptinMonster ansehen, sehen Sie, dass sie so aussieht:

Die Anmeldeseite ist vollständig angepasst und Sie können sofort erkennen, dass sie zu OptinMonster gehört.

Es gibt mehrere Gründe, warum Sie Ihre WordPress-Anmeldeseite anpassen sollten. Wenn Sie beispielsweise einen E-Commerce-Shop oder eine Mitglieder-Website betreiben, ist es eine gute Idee, die Anmeldeseite anzupassen. Käufer müssen sich bei ihren Konten anmelden, um eine Transaktion abzuschließen oder auf ihre Mitgliedschaftsvorteile zuzugreifen, sodass die Anzeige der Standard-Anmeldeseite möglicherweise nicht professionell aussieht. Wenn Sie ein Partnerprogramm haben, ist es ebenfalls eine gute Option, die Anmeldeseite zu bearbeiten und anzupassen.

Durch Anpassen der Anmeldeseite können Sie Ihre Website außerdem sicherer gegen Hacker machen.

Es gibt viele Möglichkeiten, die WordPress-Anmeldeseite anzupassen. Sie können Ihr Logo, Ihren Markennamen, Ihre Markenfarben und sogar Text hinzufügen, um bei Ihren Benutzern Eindruck zu hinterlassen. Die meisten Websites tun dies nicht. Wenn Sie sich also ein wenig Mühe geben, werden Sie sich von den meisten Websites abheben.

Sehen wir uns nun die verschiedenen Methoden zum Bearbeiten der Anmeldeseite an.

So passen Sie die WordPress-Anmeldeseite an

Es gibt drei Möglichkeiten, die Anmeldeseite anzupassen:

1. Plugins verwenden
2. Programmatisch
3. Mit Seitenerstellern

Sehen wir uns unten die einzelnen Methoden an, damit Sie die für Sie am besten geeignete auswählen können.

1) Bearbeiten Sie die Anmeldeseite mit Plugins

Es gibt viele Plugins zum Anpassen der WordPress-Anmeldeseite. Einige der besten sind:

• Theme My Login (eingeschränkte Anpassung)
• Custom Login Page Customizer (in hohem Maße anpassbar)
• CSS Hero (dediziertes Anpassungs-Plugin)
• WPForms (Formular-Plugin mit erweiterten Funktionen)
• SeedProd (Komplettlösung für Landingpages)

Für dieses Tutorial verwenden wir Theme My Login und Custom Login Page Customizer. Sehen wir uns den Schritt-für-Schritt-Prozess an.

1.1) Thema Mein Login

Theme My Login ist ein kostenloses Plugin zum Erstellen benutzerdefinierter Anmeldeseiten in WordPress. Ohne zusätzliche CSS-Snippets können Sie das Design der Website an die Anmeldeseite anpassen.

Installieren und aktivieren Sie zunächst das Plugin. Gehen Sie in Ihrem WordPress-Dashboard zu Plugins > Neu hinzufügen , suchen Sie nach dem Plugin und installieren Sie es.

Nach der Aktivierung sehen Sie auf der linken Seite die Einstellungen des Plugins.

Die wichtigsten Konfigurationen, die Sie sehen werden, sind:

• Allgemein
• Anmeldung
• Anmeldung
• Schnecken

Unter diesen Optionen sehen Sie einige Unterkonfigurationen. Theme My Login bietet nicht viele Anpassungsoptionen, aber sie reichen für diejenigen aus, die einige grundlegende Änderungen vornehmen möchten.

Scrollen Sie nach unten zum Abschnitt „Slugs“ und Sie sehen alle verfügbaren Permalinks, die Sie verwenden und ändern können.

Wenn Sie mit der Änderung fertig sind, speichern Sie Ihre Änderungen und überprüfen Sie die Anmeldeseite im Frontend.

Das Plugin ist auch für WordPress-Shortcodes optimiert, mit denen Sie die Seiten für Anmeldung, Registrierung, Dashboard oder verlorenes Passwort in Ihre Posts/Seiten einbetten können.

Einige der verfügbaren Shortcodes sind:

• [theme-my-login] – Anmeldeseite
• [theme-my-login action=”register”] – Registrierungsseite
• [theme-my-login action=”lostpassword”] ​​– Seite mit verlorenem Passwort
• [theme-my-login action=”resetpass”] – Seite zum Zurücksetzen des Passworts

Fügen Sie einfach den gewünschten Shortcode im klassischen Editor oder Gutenberg-Editor hinzu und veröffentlichen (oder aktualisieren) Sie die Seite.

Das ist es! So können Sie die WordPress-Anmeldeseite mit Theme My Login bearbeiten. Wenn sich Ihre Benutzer häufig anmelden müssen, empfehlen wir Ihnen, die Anmeldeseite zu Ihrem WordPress-Menü hinzuzufügen.

1.2) Benutzerdefinierter Anmeldeseiten-Customizer

Wenn Sie erweiterte Funktionen, aber dennoch ein kostenloses Plugin wünschen, ist Custom Login Page Customizer genau das Richtige für Sie. Es ist ein weiteres spezielles Tool, mit dem Sie die WordPress-Anmeldeseite bearbeiten können, ohne Code zu verwenden.

Zuerst müssen Sie das Plugin auf Ihrer Website installieren und aktivieren, indem Sie zu Plugins > Add New gehen.

Auf der linken Seite sehen Sie die Einstellungen. Klicken Sie auf Customizer und Sie werden zum WordPress Customizer weitergeleitet, wo Sie alles verwalten können.

Alternativ können Sie auf den Customizer über den Abschnitt Aussehen zugreifen, indem Sie die Option Login Customizer auswählen.

Auf der linken Seite sehen Sie alle verfügbaren Optionen, während Sie auf der rechten Seite eine Vorschau des Anmeldeformulars sehen können.

Die Optionen, die Sie im Anmeldeformular anpassen können, sind:

• Vorlagen
• Hintergrund
• Logo
• Bilden
• Felder
• Taste
• Andere
• Benutzerdefiniertes CSS und JavaScript

Wenn Sie keine Zeit damit verbringen möchten, Ihre Anmeldeseite von Grund auf neu zu gestalten, können Sie eine der Vorlagen verwenden.

Alternativ können Sie sich die verschiedenen Optionen ansehen und Ihre Anmeldeseite genau so gestalten, wie Sie es möchten. Für dieses Tutorial ändern wir das Logo, die Farben und fügen ein Hintergrundbild hinzu. Wenn Sie mit Ihrem Design zufrieden sind, speichern Sie die Aktualisierungen.

Darüber hinaus können Sie der Anmeldeseite benutzerdefinierten CSS- oder JavaScript-Code hinzufügen, was eine sehr interessante Option für diejenigen mit Programmierkenntnissen sein kann.

Wenn Sie also jetzt das Frontend überprüfen, sehen Sie Ihre angepasste WordPress-Anmeldeseite.

Weitere Informationen zu Plugins zum Bearbeiten der Anmeldeseite finden Sie in diesem Beitrag.

Wie Sie sehen können, ist das Bearbeiten der Anmeldeseite mit Plugins einfach. Wenn Sie jedoch wissen, wie man codiert, möchten Sie es möglicherweise programmgesteuert anpassen.

2) Passen Sie die WordPress-Anmeldeseite programmgesteuert an

Wenn Sie es vorziehen, keine Tools von Drittanbietern zu installieren und Ihre eigene Lösung zu programmieren, können Sie die Anmeldeseite programmgesteuert bearbeiten. Sie können den Code in die Datei functions.php des Themes einfügen oder ein seitenspezifisches Plugin verwenden. Für diese Demo verwenden wir das Code Snippets-Plugin.

HINWEIS : Wenn Sie die Datei functions.php direkt vor dem Start bearbeiten, empfehlen wir Ihnen, eine vollständige Sicherung Ihrer Website zu erstellen und ein untergeordnetes Thema zu erstellen.

Installieren und aktivieren Sie zunächst Code-Snippets auf Ihrer Website.

Sehen wir uns nun einen Beispielcode an, den Sie verwenden können.

 Funktion quadlayers_login_logo() { ?>
 <style type="text/css">
 #login h1 a, .login h1 a {
 Hintergrundbild: url(https://www.example.com/image.png);
 Höhe: 100 Pixel;
 Breite: 300px;
 Hintergrundgröße: 300px 100px;
 Hintergrundwiederholung: keine Wiederholung;
 Polsterung unten: 10px;
 }
 </style>
 <?php }
 add_action( 'login_enqueue_scripts', 'quadlayers_login_logo' );

Wenn Sie sich den Code kurz ansehen, sehen Sie, dass wir ein Logo mit bestimmten Abmessungen hinzufügen. Sie werden auch sehen, dass es einen Link gibt. Das ist die URL Ihres Logos, stellen Sie also sicher, dass Sie die URL entsprechend anpassen, um Ihr Logo anzuzeigen.

So finden Sie eine Bild-URL

Das Finden einer Bild-URL ist ganz einfach. Nachdem Sie das Bild auf Ihre Website hochgeladen haben, öffnen Sie die Medienbibliothek und wählen Sie das Bild aus. Auf der rechten Seite sehen Sie die Bild-URL.

Kopieren Sie die Datei-URL und fügen Sie sie in den Code ein. Der endgültige Code, der das obige Bild verwendet, lautet beispielsweise:

 Funktion quadlayers_login_logo() { ?>
 <style type="text/css">
 #login h1 a, .login h1 a {
 Hintergrundbild: url(http://demo-inc.local/wp-content/uploads/2021/07/logo-wpf.png);
 Höhe: 100 Pixel;
 Breite: 300px;
 Hintergrundgröße: 300px 100px;
 Hintergrundwiederholung: keine Wiederholung;
 Polsterung unten: 10px;
 }
 </style>
 <?php }
 add_action( 'login_enqueue_scripts', 'quadlayers_login_logo' );

Sie können auch die Abmessungen anpassen, aber kopieren Sie den Code vorerst einfach mit Ihrer eigenen Bild-URL. Jetzt müssen Sie mit dem Code Snippets-Plugin ein neues Snippet erstellen. Gehen Sie zu Snippets > Neu hinzufügen , fügen Sie den Code ein und aktivieren Sie das Snippet.

Überprüfen Sie nun die Anmeldeseite in einem Inkognito-Fenster und Sie sehen das neue Logo.

Wenn Sie den Code noch einmal überprüfen, werden Sie feststellen, dass es ein bisschen CSS gibt, um ihm einen bestimmten Stil zu verleihen. Wenn Sie möchten, können Sie den Code <style type=”text/css”></style> entfernen und den folgenden CSS-Code zum Stylesheet Ihres Designs oder innerhalb des Customizers hinzufügen.

 #login h1 a, .login h1 a {
 Hintergrundbild: url(http://demo-inc.local/wp-content/uploads/2021/07/logo-wpf.png);
 Höhe: 100 Pixel;
 Breite: 300px;
 Hintergrundgröße: 300px 100px;
 Hintergrundwiederholung: keine Wiederholung;
 Polsterung unten: 10px;
 }

Denken Sie daran, dass Sie den CSS-Code gemäß Ihren Anforderungen bearbeiten müssen. Die Klassen, an denen Sie arbeiten müssen, sind:

 #login h1 a

und

 .login h1 a

Wir haben das WordPress-Logo erfolgreich geändert, aber die Logo-URL verweist immer noch auf die Domain WordPress.org. Sie können dies jedoch leicht ändern, indem Sie der Datei functions.php ein kleines PHP-Skript hinzufügen oder Code-Snippets verwenden.

Erstellen Sie mit dem Code-Snippets-Plugin ein neues Snippet und fügen Sie den folgenden Code ein.

 Funktion quadlayers_login_logo_url() {
 Rückkehr home_url();
 }
 add_filter( 'login_headerurl', 'quadlayers_login_logo_url' );

 Funktion quadlayers_login_logo_url_title() {
 geben Sie „Name und Informationen Ihrer Website“ zurück;
 }
 add_filter( 'login_headertitle', 'quadlayers_login_logo_url_title' ); 

Nach Aktivierung des PHP-Snippets ist die Logo-URL Ihr Domainname.

Dies sind nur einige Anpassungen, aber Sie können noch viel mehr tun. Wir empfehlen Ihnen, mit dem Code herumzuspielen und die Anmeldeseite genau so zu bearbeiten, wie Sie es möchten.

3) Mit Seitenerstellern

Eine andere Möglichkeit, die WordPress-Anmeldeseite anzupassen, ist die Verwendung eines speziellen Seitenerstellers. Es gibt viele Seitenersteller, die Sie verwenden können, aber für dieses Tutorial verwenden wir SeedProd.

SeedProd ist ein Freemium-Tool, mit dem Sie hochwertige Zielseiten erstellen können. Wenn Sie seine Vorlagen verwenden möchten, müssen Sie die Premium-Version erwerben, die bei 39,50 USD pro Jahr beginnt.

Nachdem Sie das Plugin aktiviert haben, müssen Sie den Lizenzschlüssel verifizieren.

Dadurch erhalten Sie Zugriff auf alle vorgefertigten Vorlagen. Nachdem Sie den Schlüssel überprüft haben, gehen Sie zu SeedProd > Seiten und wählen Sie die Option Anmeldeseite.

Auf dem Bildschirm sehen Sie alle verfügbaren Login-Vorlagen. Sie können entweder eine dieser vorgefertigten Vorlagen auswählen oder eine neue von Grund auf neu erstellen.

Für dieses Tutorial wählen wir eine der Vorlagen aus. Nachdem Sie eine Vorlage ausgewählt haben, benennen Sie sie.

Danach werden Sie zum Seitenersteller weitergeleitet.

Auf der linken Seite sehen Sie alle Elemente, mit denen Sie die Anmeldeseite bearbeiten können, und auf der rechten Seite sehen Sie die Vorschau der Seite. Um Elemente hinzuzufügen und die Anmeldeseite anzupassen, ziehen Sie die Elemente einfach aus der linken Spalte und legen Sie sie im Vorschauassistenten ab.

Standardmäßig enthält die von uns gewählte Anmeldevorlage ein Hintergrundbild, ein Anmeldeformular und einige Textinhalte. Sie können jedes dieser Elemente bearbeiten, indem Sie darauf klicken. Um beispielsweise das Anmeldeformular zu bearbeiten, wählen Sie es aus und im linken Bereich sehen Sie die Konfigurationsoptionen.

Nachdem Sie die Seite geändert haben, veröffentlichen Sie sie.

Überprüfen Sie nun die Seite vom Frontend aus, und Sie sehen die neu angepasste Anmeldeseite.

Stellen Sie sicher, dass Sie die Seiten-URL zu Ihrem WordPress-Menü oder einem Seitenleisten-Widget hinzufügen, damit sich Benutzer mit der neuen URL anmelden können.

Die meisten WordPress Page Builder-Plugins verfügen über diese Funktion, daher sollten Sie dies unabhängig vom verwendeten Tool tun können.

So finden Sie die URL der WordPress-Anmeldeseite

Das Finden der WordPress-Anmelde-URL ist einfach. Wenn Sie eine bloße WordPress-Installation haben, können Sie /wp-admin/ am Ende der Domain hinzufügen und es wird Sie zum WordPress-Dashboard umleiten. Wenn dies nicht der Fall ist, kannst du /wp-login.php am Ende des Domainnamens hinzufügen. Wenn Ihr Domänenname beispielsweise example.com lautet, geben Sie www.example.com/wp-admin/ oder www.example.com/wp-login.php in den Browser ein.

In den meisten Fällen funktionieren diese beiden Methoden. Alternativ können Sie auch versuchen, /admin/ oder /login/ am Ende des Domainnamens hinzuzufügen.

Denken Sie daran, dass Sie, wenn der Website-Administrator einen benutzerdefinierten Anmeldepfad konfiguriert hat, ihn kontaktieren und ihn danach fragen müssen.

Nachdem Sie nun die URL der Anmeldeseite gefunden haben, sehen wir uns an, wie Sie die Anmelde-URL ändern können.

So ändern Sie die WordPress-Anmelde-URL

WordPress ist das beliebteste CMS der Welt und daher die bevorzugte Plattform für Hacker. Die Anmeldeseite gehört zu den Seiten, die mehr Angriffen ausgesetzt sind, daher empfiehlt es sich aus Sicherheitsgründen, die URL der Anmeldeseite zu ändern. Dadurch können Sie verhindern, dass unbefugte Benutzer auf die Anmeldeseite zugreifen und zufällige Kombinationen aus Benutzername und Passwort ausprobieren.

In diesem Abschnitt zeigen wir Ihnen, wie Sie die standardmäßige WordPress-Anmelde-URL ändern können.

Um diesen Vorgang so einfach wie möglich zu gestalten, verwenden wir das WPS Hide Login-Plugin. Es ist eines der bekanntesten Sicherheitstools und 100 % kostenlos. Installieren und aktivieren Sie zunächst das Plugin auf Ihrer Website.

Danach sehen Sie die Einstellungen der Plugins im Abschnitt Einstellungen .

Erstellen einer neuen Anmeldeseiten-URL

Sie können die Einstellungen des Plugins öffnen oder zu den allgemeinen Einstellungen gehen und die Anmelde-URLs von dort aus ändern. Wir empfehlen jedoch, die Einstellung des Plugins zu verwenden, da sie Ihnen mehr Anpassungsoptionen bietet.

• Anmelde-URL: Dies ist Ihre neue WordPress-Admin-URL. Standardmäßig fügt das Plugin Login als Permalink hinzu. In diesem Fall wäre die neue Anmelde-URL www.example.com/login . Es wird nicht empfohlen, die Anmeldung als standardmäßigen WordPress-Administrationspfad beizubehalten. Stattdessen sollten Sie einen eindeutigen Pfad hinzufügen. Wenn Sie beispielsweise mainentry als Anmeldepfad hinzufügen, lautet die URL der Anmeldeseite www.example.com/mainentry .
• Umleitungs-URL: Hier ist eine weitere nützliche Option zum Umleiten nicht autorisierter Benutzer von der wp-admin- Seite. Wie Sie wissen, enthält WordPress den wp-admin- Permalink für die Anmeldeseite. Wenn Sie es deaktivieren, müssen Sie eine Umleitung einrichten, damit der gesamte nicht autorisierte Datenverkehr an diese bestimmte Seite weitergeleitet wird. Sie können sie beispielsweise an eine 404-Fehlerseite oder einen benutzerdefinierten Blogbeitrag/eine benutzerdefinierte Blog-Seite weiterleiten.

Ändern Sie einfach die Einstellungen des Plugins entsprechend und speichern Sie die Einstellungen. Sie sehen die Bestätigung der neuen Anmelde-URL.

Sie haben die WordPress-Standard-Anmelde-URL erfolgreich geändert. Um die neue Konfiguration zu testen, öffnen Sie ein Inkognito-Fenster und geben Sie die Standard-WordPress-Anmelde-URL ( www.yourdomain.com/wp-admin ) ein. Wenn alles richtig funktioniert, werden Sie auf die 404-Seite weitergeleitet, die wir als Weiterleitungs-URL konfiguriert haben. Um auf die Anmeldeseite zuzugreifen, müssen Sie die neue Anmelde-URL eingeben, die Sie gerade erstellt haben.

Wenn Sie nach einer detaillierteren Anleitung zum Anpassen der Anmeldeseiten-URL suchen, sehen Sie sich diese vollständige Anleitung an.

Stellen Sie die Anmelde-URL wieder her

Was passiert, wenn Sie die Anmelde-URL ändern, aber dann vergessen? Die gute Nachricht ist, dass es eine einfache Lösung gibt. Verbinden Sie einfach einen FTP-Client wie FileZilla mit Ihrem Server, greifen Sie auf den WPS Hide Login-Plugin-Ordner zu und löschen Sie ihn. Danach ist die Anmelde-URL die Standard-URL ( wp-admin ).

So begrenzen Sie die Anmeldeversuche

Eine weitere interessante Möglichkeit, die Sicherheit Ihrer Website zu verbessern, besteht darin, Anmeldeversuche zu begrenzen. Standardmäßig erlaubt WordPress unbegrenzte Anmeldeversuche, die Hackern eine gute Chance geben, auf Ihre Website zuzugreifen. Da es keine eingebaute Option zur Begrenzung der Anmeldeversuche gibt, müssen wir ein Plugin eines Drittanbieters verwenden. In diesem Abschnitt zeigen wir Ihnen, wie Sie die Anmeldeversuche mit Limit Login Attempts Reloaded einschränken können.

Installieren und aktivieren Sie zunächst das Plugin auf Ihrer Website.

Auf der linken Seite sehen Sie die Konfigurationsoptionen des Plugins. Öffnen Sie es und Sie werden zum Dashboard des Plugins weitergeleitet, wo Sie sehen werden, dass wir keine fehlgeschlagenen Anmeldeversuche haben. Um das Plugin effizienter zu machen, werden wir einige Änderungen an den Einstellungen vornehmen, also gehen Sie zur Registerkarte Einstellungen .

Scrollen Sie nach unten zum Abschnitt mit den App-Einstellungen und Sie werden so etwas sehen:

Das Plugin wird mit einer Grundkonfiguration geliefert. Die aktuelle Konfiguration besagt, dass das Plugin nach vier falschen Kombinationen aus Benutzername und Passwort in Folge die IP des Benutzers für die nächsten 20 Minuten sperrt. Wenn die IP vier aufeinanderfolgende Sperren erhält, erhöht sich die Sperrzeit auf 24 Stunden.

Sie können die Konfiguration gemäß Ihren Anforderungen ändern. Wenn Sie mit den Änderungen zufrieden sind, speichern Sie die Einstellungen.

Das ist es. Wenn jetzt jemand auf der Anmeldeseite die falsche Kombination aus Benutzername und Passwort eingibt, erhalten Sie eine Benachrichtigung im Dashboard des Plugins.

Und der Benutzer sieht auch eine Fehlermeldung auf dem Frontend mit seinen verbleibenden Versuchen.

Dies ist eine großartige Möglichkeit, Ihre WordPress-Site vor Hackern und Brute-Force-Angriffen zu schützen.

Bonus: So ändern Sie die Standardfehlermeldungen

Wir haben mehrere Optionen gesehen, um Ihre Website sicherer zu machen. Aber Sie können noch mehr tun. Gehen wir noch einen Schritt weiter und ändern die Standardfehlermeldungen in WordPress.

Standardmäßig teilt WordPress den Leuten mit, was der eigentliche Fehler auf der Anmeldeseite ist. Wenn beispielsweise jemand einen Benutzernamen eingibt, der nicht existiert, zeigt WordPress eine Meldung an, die besagt, dass der Benutzername nicht registriert ist.

Auf diese Weise weiß der potenzielle Hacker, dass der Benutzername ungültig ist, und kann versuchen, einen anderen Benutzernamen zu verwenden, bis er einen existierenden findet, sodass er dann andere Passwörter ausprobieren kann. Wenn der Benutzername gültig ist, das Passwort jedoch nicht, zeigt WordPress die folgende Meldung auf dem Anmeldebildschirm an.

Dies kann für jemanden aus Ihrer Organisation mit guten Absichten nützlich sein, bietet Hackern jedoch wertvolle Informationen. Um Ihre Website also sicherer zu machen, können Sie die Standardfehlermeldungen ändern.

Ändern der Login-Fehlermeldungen

Um die Login-Fehlermeldungen zu ändern, benötigen Sie keine Plugins. Mit ein paar Zeilen PHP-Code können Sie die Anmeldehinweise/Standardfehlermeldungen deaktivieren.

HINWEIS : Da wir die Datei functions.php bearbeiten, stellen Sie sicher, dass Sie eine vollständige Sicherung Ihrer Website erstellen und ein untergeordnetes Design installieren, bevor Sie beginnen.

Gehen Sie zuerst zum Theme-Editor und öffnen Sie die Datei functions.php Ihres Child-Themes. Kopieren Sie dann den folgenden Code.

 Funktion no_wordpress_errors(){
 return 'Etwas stimmt nicht!';
 }
 add_filter( 'login_errors', 'no_wordpress_errors' );

Wie Sie sehen können, zeigt der Code eine Meldung mit der Aufschrift „ Etwas stimmt nicht! “, wenn die Kombination aus Benutzername und Passwort falsch ist.

Fügen Sie es in die Datei functions.php ein und aktualisieren Sie es.

Öffnen Sie nun ein Inkognito-Fenster und versuchen Sie, mit einem zufälligen Benutzernamen und Passwort auf die WordPress-Admin-Seite zuzugreifen.

Dies hilft Ihnen, Ihre Website sicherer zu machen, da Hacker nicht wissen, ob ein Problem mit dem Benutzernamen oder dem Passwort vorliegt.

CAPTCHA zur Anmeldeseite hinzufügen

Eine andere Möglichkeit, Ihre Anmeldeseite anzupassen, ist das Hinzufügen von CAPTCHA. Dies ist eine hervorragende Lösung für diejenigen, die ihre Anmeldesicherheit verbessern und Bots fernhalten möchten.

Sie können CAPTCHA programmgesteuert oder mit einem speziellen Plugin hinzufügen. Für diese Demo verwenden wir ein Plugin. Weitere Informationen dazu finden Sie in unserer vollständigen Anleitung zum Hinzufügen von CAPTCHA zum WooCommerce-Login.

In diesem Abschnitt verwenden wir reCaptcha von BestWebSoft, ein hervorragendes kostenloses CAPTCHA-Plugin.

Installieren und aktivieren Sie zunächst das Plugin von Ihrem WordPress-Dashboard. Gehen Sie dann zur Google reCAPTCHA-Verwaltungskonsole und schließen Sie die Registrierung ab, indem Sie die erforderlichen Informationen eingeben. Sie müssen den CAPTCHA-Typ auswählen, den Sie verwenden möchten. In unserem Fall verwenden wir reCAPTCHA v2, das am häufigsten verwendet wird.

Kopieren Sie dann den Site-Schlüssel und den geheimen Schlüssel und fügen Sie sie in die reCAPTCHA-Einstellungen in Ihrem WP-Dashboard ein. Stellen Sie sicher, dass Sie dieselbe CAPTCHA-Version ausgewählt haben, die Sie zuvor ausgewählt haben.

Wählen Sie danach die Seiten aus, auf denen Sie das CAPTCHA anzeigen möchten, speichern Sie die Einstellungen und fertig! Ihre Website wird jetzt sicherer sein.

Eine ausführlichere Erklärung finden Sie in der vollständigen Anleitung unter diesem Link.

Fazit

Alles in allem ist die Bearbeitung der Anmeldeseite ein Muss für Mitgliederseiten, E-Commerce-Shops und Websites mit einem Affiliate-Bereich. Wenn man bedenkt, wie viele Angriffe Anmeldeseiten erhalten, sollten Sie sie darüber hinaus personalisieren, um die Sicherheit Ihrer Website zu verbessern.

In diesem Leitfaden haben wir verschiedene Möglichkeiten zum Anpassen der WordPress-Anmeldeseite gesehen. Wenn Sie etwas schnell und einfach wollen, ist die Methode des Plugins der richtige Weg. Custom Login Page Customizer bietet viele Funktionen und ist einfach zu bedienen.

Wenn Sie hingegen über Programmierkenntnisse verfügen, können Sie die Anmeldeseite programmgesteuert bearbeiten und Ihre eigene Lösung codieren.

Schließlich können Sie mit einem Page Builder/Landing Page Builder die Anmeldeseite anpassen, ohne Code schreiben zu müssen. Einer der Hauptvorteile von Seitenerstellungs-Plugins besteht darin, dass Sie die Änderungen in Echtzeit sehen können und dass sie mit mehreren vorgefertigten Vorlagen geliefert werden.

Weitere Möglichkeiten zur Personalisierung Ihrer Website finden Sie in den folgenden Tutorials:

• WordPress-Login funktioniert nicht? Wie man es repariert
• So passen Sie das WordPress-Registrierungsformular an
• Erfahren Sie, wie Sie die WooCommerce-Dankeschön-Seite bearbeiten
• So passen Sie die WooCommerce-Produktseite an
• So bearbeiten Sie die Seite „Mein Konto“ in WooCommerce

Kennen Sie eine andere Möglichkeit, die WordPress-Anmeldeseite anzupassen? Welche Methode werden Sie anwenden? Lassen Sie es uns in den Kommentaren unten wissen.