Was Sie vielleicht nicht über WordPress wissen, ist, dass Sie die WordPress-Login-Seite anpassen können. Das ist eine Sache, um die sich nur wenige kümmern, die aber eine wichtige Funktion ist, die Sie sich ansehen sollten.
In diesem Artikel werden wir die Anwendung der WordPress-Login-Seite beleuchten, warum sie wichtig ist und wie man sie anpasst. Dies wird ein unterhaltsamer und informativer Artikel für Sie sein.
Also, fangen wir an!
Was ist die WordPress Login-Seite
Eine Anmeldeseite ist etwas, auf das der Website-Administrator oder die Benutzer zugreifen, um auf die Backend-Dienste der Website zuzugreifen. WordPress hat aus demselben Grund eine Standard-Login-Schnittstelle.
Um auf diese Seite zuzugreifen, müssen Sie bestimmte Wörter am Ende der Linkadresse Ihrer Website hinzufügen. Zum Beispiel: www.mysite.com/wp-admin.
Normalerweise sollte diese Seite nur für den Administrator zugänglich sein. Im Falle einer Mehrbenutzer-Website können viel mehr Benutzer für diese Seite freigeschaltet werden.
Auf jeden Fall gibt es 2 Gründe für die Anpassung der Anmeldeseite:
- Aus Sicherheitsgründen: Die Login-Seite einer Website ist ein direkter Zugang für jedermann. Natürlich ist es eine passwortgeschützte Schnittstelle. Egal wer es ist, er kann nicht darauf zugreifen, es sei denn, er kennt die Sicherheitscodes. Sobald die Hacker aber anfangen, sie zu erraten, kann Ihre Website in eine sehr gefährliche Situation geraten. Daher ist es wichtig, diesen Teil abzusichern.
- Für Branding: Eine Website stellt das Image eines Unternehmens dar. Je größer die Marke, desto sorgfältiger ist die Struktur der Website. So kann eine gut gebrandete Website auf WordPress die Anmeldeseite für Branding-Zwecke anpassen.
Eigentlich können Sie die Anmeldeseite ohne Drittanbieter-Plugins anpassen. Das ist eine Aufgabe für Entwickler. Aber Sie können das tun, wenn Sie genau wissen, was zu tun ist. Und das werden wir Ihnen hier zeigen.
Einige Beispiele für Anmeldeseiten
Die meisten Marken-Websites haben individuelle Login-Schnittstellen. Jede von ihnen hat ihre eigene Persönlichkeit und ihren eigenen Stil.
Werfen Sie einen Blick auf die Anmeldeseite von Amazon. Sie enthält das Markenlogo, eine Anmelde- und eine Anmeldungsschnittstelle sowie einige Informationen. Sie hat den gleichen weißen Hintergrund wie die Hauptwebsite.
Im Fall von Facebook hat die Anmeldeseite eine Kopfzeile zusammen mit dem Hauptteil des Inhalts. Die Seite sagt den Besuchern genau, worum es sich handelt.
Jetzt wissen Sie, wie bekannte Marken ihre Anmeldeseite gestalten. Lassen Sie uns in die Tiefe gehen und die Anpassung vornehmen.
Anpassen für Sicherheit
Auch wenn ein Hacker ohne den Zugangscode nicht in Ihre Website eindringen kann, bedeutet das nicht, dass die Angriffe aufhören werden.
Wenn jemand versucht, auf die Anmeldeseite der Website zuzugreifen, werden im Backend mehrere Skripte generiert und ausgeführt. Ein Hacker kann innerhalb einer Sekunde mehrere Zugriffsaufforderungen auslösen. Dies kann dazu führen, dass Ihre Website taumelt und langsam wird.
Obwohl die meisten Websites über ein IP-Sperrsystem verfügen, um dies zu verhindern, reicht es nicht aus, um einen verteilten Angriff zu verhindern. Um dies zu verhindern, müssen Sie die WordPress-Anmeldeseite anpassen.
Sie können die URL der Anmeldeseite von wp-admin in anything-login ändern. Auf diese Weise erzeugen Sie eine eindeutige URL, die von Hackern nicht erraten werden kann.
Ich zeige Ihnen, wie man das macht.
Folgen Sie dem Prozess
Gehe zu Dashboard> Erscheinungsbild> Themen-Editor
Wählen Sie Ihr Arbeitsthema und klicken Sie auf die Schaltfläche Thema Funktion Datei.
function redirect_to_null_page(){
$new_login= 'logmein';
if(strpos($_SERVER['REQUEST_URI'], $new_login) === false){
wp_safe_redirect( home_url( 'Not Found' ), 302 );
exit(); } }
add_action( 'login_head', 'redirect_to_null_page');
function redirect_to_actual_login(){
$new_login = 'logmein';
if(parse_url($_SERVER['REQUEST_URI'],PHP_URL_QUERY) == $new_login&& ($_GET['redirect'] !== false)){
wp_safe_redirect(home_url("wp-login.php?$new_login&redirect=false"));
exit(); } }
add_action( 'init', 'redirect_to_actual_login');Fügen Sie diese Zeilen in die Datei function.php ein, um die Anpassung der WordPress-Anmeldeseite zu beenden.
Jetzt können die Nutzer über den Link zur Anmeldeseite gehen: ihrewebsite.de/wp-admin.php?logmein anstelle von ihrewebsite.de/wp-admin.
Der Code leitet die eigentliche Anmeldeseite auf den neu hinzugefügten Pfad um und schickt den bisherigen Link auf eine leere Seite. Auf diese Weise ist Ihre Anmeldeseite vor DDoS-Angriffen sicher.
Anpassen der WordPress-Anmeldeseite für Branding
Die Standardoberfläche der Anmeldeseite ist für jede normale Website in Ordnung. Aber eine Marken-Website, die häufig Nutzer einbindet, braucht eine angepasste Login-Schnittstelle.
Es gibt ein paar Dinge, die Sie auf der Anmeldeseite ohne Plugins von Drittanbietern anpassen können. Sie können das Logo, den Hintergrund der Seite, die Eingabefelder, Infolinks usw. ändern. Hier zeigen wir Ihnen, wie Sie das Logo einfügen und das Hintergrundbild der Anmeldeseite ändern können.
Logo ändern
function wpb_login_logo() { ?>
#login h1 a, .login h1 a {
background-image: url(http://logo.png);
height:100px; width:300px;
background-size: 300px 100px;
Hintergrund-Wiederholung: no-repeat;
padding-bottom: 10px; }
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );Fügen Sie diese Codezeilen innerhalb der themenbezogene funktion.php Datei. Wählen Sie die PNG-Datei des Logos aus und laden Sie sie in die Dateimedien in Ihrem Dashboard hoch. Kopieren Sie dann die URL für diese Datei und fügen Sie sie in das Feld background-image: url(http://logo.png); Logo URL.
Nun wird das Standard-WordPress-Logo verschwinden und stattdessen wird Ihr Markenlogo angezeigt.
Hintergrundbild ändern
function login_background_image() {
echo '
body.login{
background-image: url( "http://bgimage.png" )!important;
}
';
}
add_action('login_head', 'login_background_image');Ähnlich wie bei der Änderung des Logos können Sie auch das Hintergrundbild ändern, indem Sie diese Zeilen in das Bild einfügen function.php Datei. Wie zuvor laden Sie das Bild in die Mediathek hoch und fügen den Link in den Code ein. Das war's!
So können Sie eine individuelle WordPress-Anmeldeseite selbst erstellen. Übrigens, wenn Sie eine benutzerdefinierte Anmeldeseite erstellen möchten, können Sie Hilfe von diesem Blog nehmen hier. Es hat die Worte der Entwickler, die WordPress entwickelt haben.
Bonus: Wenn Sie sich auch mit solchen benutzerdefinierten Codes nicht wohl fühlen, können Sie einfach Elementor-Zusätze zum Anpassen aller Ihrer WordPress-Seiten wie Home, Produkte, Kasse mit Widgets und fortschrittlichen, vorgefertigten Vorlagen.
Schlussfolgerung
Die Anpassung einer Website ist nicht sehr schwierig, wenn Sie WordPress verwenden. Wir sind Teil der Gemeinschaft, die neuen Benutzern hilft, WordPress besser zu verstehen. Deshalb veröffentlichen wir diese Tipps und Tweaks-Blogs zum Nutzen unserer lieben Zuschauer.
Vielen Dank, dass Sie bei uns geblieben sind und uns mit Ihrer ehrlichen Meinung unterstützen. Wenn Sie eine zusätzliche Minute Zeit haben, besuchen Sie bitte unsere Element Pack Plugin, das entwickelt wurde für Elementor Seitenerstellung. Es enthält über 180 wichtige Widgets für die Gestaltung Ihrer Traum-Website.
Nochmals vielen Dank für das Lesen dieses Blogs.
