Wenn wir mit Wordpress arbeiten, ist es möglich, dass wir unsere Seite mit allen möglichen Details personalisieren möchten. Eine der am häufigsten von Kunden nachgefragten Anpassungen ist die Anmeldung. Standardmäßig ist das Design, das uns Wordpress für den Login bietet, recht einfach und sauber. Aus diesem Grund möchten wir vielleicht eine persönlichere Note einbringen, wie beispielsweise unsere Marke.
Wenn Sie ein in Wordpress entwickeltes Blog haben, wissen Sie, dass Sie zur Verwaltung auf eine URL wie http://www.midominio.com/wp-admin zugreifen müssen, die die Anmeldeseite des Installationsadministrators anzeigt; Dies beinhaltet standardmäßig ein Wodpress-Logo, das wir ändern können. Aber nicht nur das, wir können auch den Link, auf den er zeigt, wenn Sie darauf klicken, sowie seinen Tooltip (das Poster, das angezeigt wird, wenn der Mauszeiger über das Logo platziert wird) ändern.
Es gibt zwei Möglichkeiten, diese Anpassung durchzuführen: durch Plugins spezialisiert oder ein Stück hinzufügen Code in die entsprechende Installationsdatei.
Bei der Durchführung von Anpassungen in WordPress Es ist einfacher mit einem Plugin, die Wahrheit ist, dass diese sich direkt auf die Ladezeit unserer Seite auswirken, so dass es einfacher ist, diese Art von Aktionen durch "Berühren" des Codes auszuführen, wenn sie in unserer Reichweite sind.
In diesem Tutorial werden wir sehen, wie es direkt geht Hinzufügen der drei entsprechenden PHP-Code-Snippets zu jeder der Anpassungen, die wir durchführen werden:
Anpassungen
- Ändern Sie das Logo.
- Logo-Link ändern.
- Passen Sie den Logo-Tooltip an.
1. Logo ändern
Schritt 1
Als erstes müssen wir das Bild vorbereiten, das wir als Logo verwenden werden. Dies sollte quadratisch sein, von 80 x 80 Pixel und im Format .png.webp, am besten mit dem Transparenter Hintergrund, da die Anmeldeseite gräulich ist und sich auf diese Weise perfekt in sie "einfügt".
Schritt 2
Sobald wir das Bild haben, das wir als Logo verwenden werden, das in unserem Beispiel heißt logo.png.webp, wir müssen es im Ordner speichern Bilder zu unserem aktuellen Thema ( \ WP-Inhalt \ Themen \aktuelles Thema\ Bilder) wo aktuelles Thema es entspricht dem Namen des Themes, das Sie in Ihrer Installation aktiv haben.
Wir können diesen Prozess sowohl über einen Kunden durchführen FTP wie durch die Dateimanager hosten, falls du es hast.
Schritt 3
Nun muss der Datei der entsprechende PHP-Code hinzugefügt werden function.php unseres aktiven Themes. Der schnellste Weg, dies zu tun, ist die Verwendung des eigenen Dateieditors von Wordpress. Führen Sie dazu in der Wordpress-Installation folgende Schritte aus: Klicken Sie auf das Menü Anpassen und dann ungefähr Editor. Klicken Sie nun in der linken Spalte auf das Funktionen.php-Datei und scrollen Sie bis zum Ende.
Um das anzuzeigende Logo anzugeben, fügen Sie den folgenden Code hinzu. Im Code-Snippet müssen Sie den Text ersetzen logo.png.webp unter dem Namen, den Sie Ihrem eigenen Logo gegeben haben
// die Login-Logofunktion anpassen my_custom_login_logo () {echo ''; } add_action ('login_head', 'my_custom_login_logo');
2. Logo-Link ändern
Um die mit dem Seitenlogo verknüpfte URL zu ändern, müssen Sie auch der Datei hinzufügen Funktionen.php das folgende Codestück:
// Logo-Link-Funktion anpassen put_my_url () {return ('http://www.solvetic.com'); // Geben Sie hier die URL an, auf die das Logo verweist} add_filter ('login_headerurl', 'put_my_url');
3. Anpassen des Logo-Tooltips
Schließlich und damit die Personalisierung der Anmeldeseite abgeschlossen ist, ändern wir den Text, der angezeigt wird, wenn Sie mit der Maus über das Bild des Logos fahren, das standardmäßig "Powered by WordPress" lautet.
Dazu müssen Sie der Datei ein letztes Codefragment hinzufügen Funktionen.php des aktiven Themas:
// Logo-Link-Funktion anpassen put_my_url () {return ('http://www.solvetic.com'); // Geben Sie hier die URL an, auf die das Logo verweist} add_filter ('login_headerurl', 'put_my_url');
Nach Abschluss der Bearbeitung müssen die vorgenommenen Änderungen gespeichert werden, damit sie wirksam werden. Klicken Sie dazu auf die Schaltfläche Update-Datei gefunden am Ende des Editors. Wenn Sie jetzt auf Ihre Wordpres-Anmeldeseite zugreifen, können Sie sehen, wie sie nach den vorgenommenen Änderungen aussieht.
MerkenSie können diese "Tricks" ausprobieren, ohne befürchten zu müssen, Ihre Site in Wordpress mit einer lokalen Installation zu dekonfigurieren, wie im Tutorial So erhalten Sie eine portable Installation von WordPress beschrieben
Kostenlose Wordpress-Vorlagen herunterladen
Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben
