So passen Sie die WordPress-Administrator-Anmeldeseite an

WordPress ist ein Open-Source-Content-Management-Tool. Es ist in PHP und MySQL geschrieben. Es wird verwendet, um auf einfache Weise schöne, vollwertige Websites zu erstellen. WordPress kann einfach angepasst werden, indem Änderungen an einfachen PHP-Funktionen vorgenommen werden. In diesen Tutorials lernen Sie einfache Möglichkeiten kennen, die WordPress-Administratorseite anzupassen, indem Sie einen neuen Hintergrund hinzufügen, das Standardlogo ändern,

Voraussetzungen

  • Domainname (z. B. example.com)
  • Texteditor
  • Anmeldeinformationen für den WordPress-Administrator

Schritt 1:

Gehen Sie zu Ihrem aktuellen Theme-Ordner, erstellen Sie einen Ordner und nennen Sie ihn admin-login . Erstellen Sie im Ordner eine Textdatei und speichern Sie sie als my-custom-css.css

Um sicherzustellen, dass WordPress auf diese CSS-Datei zugreift, müssen Sie einige Änderungen an der Datei function.php des WordPress-Themes vornehmen . Auf die function.php kann über das WordPress-Dashboard im Menü „Darstellung“ zugegriffen werden

image1 18

Öffnen Sie die Datei „functions.php“ , fügen Sie die folgende Codezeile hinzu und aktualisieren Sie die Datei

Klartext
In die Zwischenablage kopieren
Code in neuem Fenster öffnen
EnlighterJS 3 Syntax-Highlighter
Funktion my_custom_admin () {
echo ‘<link rel= »stylesheet » type= »text/css » href= »‘ . get_bloginfo ( ‘stylesheet_directory’ ) . ‘/login/my-custom-css.css » />’ ;
}
add_action ( ‘login_head’ , ‘my_custom_admin’ ) ;
function my_custom_admin() { echo ‘<link rel= »stylesheet » type= »text/css » href= »‘ . get_bloginfo(‘stylesheet_directory’) . ‘/login/my-custom-css.css » />’; } add_action(‘login_head’, ‘my_custom_admin’);
Funktion my_custom_admin() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/login/my-custom-css.css" />';
}
add_action('login_head', 'my_custom_admin');

Dadurch wird WordPress angewiesen, beim Laden der Administrator-Anmeldeseite auf unser benutzerdefiniertes CSS zu achten.

Schritt 2:

Sie können das Standard-WordPress-Logo ersetzen und Ihr eigenes benutzerdefiniertes Logo hinzufügen, indem Sie einige Codezeilen zu unserer neu erstellten CSS-Datei hinzufügen.

Klartext
In die Zwischenablage kopieren
Code in neuem Fenster öffnen
EnlighterJS 3 Syntax-Highlighter
.login h1 a {
Hintergrundbild: URL ( ‘my-login-logo.png’ ) ;
}
.login h1 a { background-image: url(‘my-login-logo.png’); }
.login h1 a {
  Hintergrundbild: url('my-login-logo.png');
}

Sie müssen sicherstellen, dass Ihre Logodatei my-logo.png im Ordner „admin-login“ vorhanden ist .

Schritt 3:

Sie können das einfache Hintergrundbild auch durch Ihr eigenes, benutzerdefiniertes Hintergrundbild ersetzen. Fügen Sie dazu Ihrer CSS-Datei einen weiteren Satz Codes hinzu und speichern Sie die Datei.

Klartext
In die Zwischenablage kopieren
Code in neuem Fenster öffnen
EnlighterJS 3 Syntax-Highlighter
Körper. Anmeldung {
Hintergrundbild: URL ( ‘admin-bg.jpg’ ) ;
Hintergrundwiederholung: keine Wiederholung;
Hintergrundanhang: behoben;
Hintergrundposition: Mitte;
}
body.login {
background-image: url(‘admin-bg.jpg’);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
body.login {
  background-image: url('admin-bg.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

Auch hier müssen Sie sicherstellen, dass sich die Datei admin-bg.jpg im Ordner admin-login befindet .

Schritt 4:

Sie können den Logo-Link zu wordpress.org auch in Ihren eigenen Link ändern. Fügen Sie dazu die folgende Codezeile zur Datei function.php Ihres Themes hinzu .

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
// Verwenden Sie Ihren eigenen Logo-Link
Funktion wpc_url_login (){
return „http://www.example.com/“ ; // }
add_filter ( ‘login_headerurl’ , ‘wpc_url_login’ ) ;
// Use your own logo link
function wpc_url_login(){
return « http://www.example.com/ »; // }
add_filter(‘login_headerurl’, ‘wpc_url_login’);
// Use your own logo link
function wpc_url_login(){
  return "http://www.example.com/"; // }
add_filter('login_headerurl', 'wpc_url_login');

Abschluss:

Indem Sie einige Änderungen in der Datei „function.php“ des Themes vornehmen und Ihre eigene CSS-Datei hinzufügen, können Sie die Administrator-Anmeldeseite nach Ihren Wünschen anpassen.

 

Schauen Sie sich diese Top 3 WordPress-Hosting-Dienste an:

A2-Hosting
4.7

1.886 Nutzerbewertungen

2,99 $ /Monat
Startpreis

Besuchen Sie A2 Hosting

Bewertung basierend auf Expertenbewertung
  • Benutzerfreundlich
    4.5
  • Unterstützung
    4,0
  • Merkmale
    4.5
  • Zuverlässigkeit
    4.8
  • Preisgestaltung
    4,0
Hostinger
4.6

2.436 Nutzerbewertungen

2,99 $ /Monat
Startpreis

Besuchen Sie Hostinger

Bewertung basierend auf Expertenbewertung
  • Benutzerfreundlich
    4.7
  • Unterstützung
    4.7
  • Merkmale
    4.8
  • Zuverlässigkeit
    4.8
  • Preisgestaltung
    4.7
HostArmada
5,0

719 Benutzerbewertungen

2,49 $ /Monat
Startpreis

Besuchen Sie HostArmada

Bewertung basierend auf Expertenbewertung
  • Benutzerfreundlich
    4.5
  • Unterstützung
    4.5
  • Merkmale
    4.5
  • Zuverlässigkeit
    4.5
  • Preisgestaltung
    4,0
  • Erfahren Sie mehr über das beste WordPress-Webhosting, indem Sie hier klicken.