WordPress-Anmeldeseite manuell anpassen

// Setzen Sie Ihre benutzerdefinierten Stile in die Warteschlange
function enqueue_custom_styles() {
    wp_enqueue_style('custom-login-styles', get_stylesheet_directory_uri() . '/custom-login-styles.css');
}
add_action('login_enqueue_scripts', 'enqueue_custom_styles');

/* Ihre benutzerdefinierten Anmeldestile kommen hier hin */

.login {
    Hintergrund-Farbe: #ffffff; /* Hintergrundfarbe */
}

#loginfürm {
    Hintergrund-Farbe: #F7F7F7; /* Hintergrundfarbe des Formulars */
    Grenze: 2px solid #01AD9D; /* Farbe des Formularrandes */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)/* Schatten der Formularbox */
}

#loginfürm Etikett {
    Farbe: #326AF2; /* Textfarbe des Etiketts */
}

#loginfürm Eingang[Typ="Text"],
#loginfürm Eingang[Typ="Passwort"] {
    Hintergrund-Farbe: #fff; /* Hintergrundfarbe des Eingabefeldes */
    Farbe: #000000; /* Textfarbe des Eingabefeldes */
    Grenze: 1px solid #01AD9D/* Randfarbe des Eingabefeldes */
}

#loginfürm Eingang[Typ="einreichen"] {
    Hintergrund-Farbe: #01AD9D/* Hintergrundfarbe der Schaltfläche Senden */
    Farbe: #ffffff; /* Textfarbe der Schaltfläche "Senden" */
    Grenze: 1px solid #01AD9D/* Farbe des Rahmens der Schaltfläche Senden */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)/* Schatten der Schaltfläche "Senden" */
}

#loginfürm Eingang[Typ="einreichen"]:schweben {
    Hintergrund-Farbe: #326AF2/* Hintergrundfarbe des Hover-Zustands */
    Grenze: 1px solid #326AF2/* Farbe des Rahmens für den Hover-Zustand */
}

// Anmeldung anpassen fürm
Funktion customize_login_fürm() {
    echo '<style Typ="Text/css">#loginfürm { /* Ihr Login fürm benutzerdefinierte Stile werden hier sein, aber tun nicht hier einfügen und nicht in die Datei custom-login-styles.css einfügen */ }';
}
add_action('login_enqueue_scripts', 'customize_login_fürm');

// Login-Logo-URL ändern
function change_login_logo_url() {
    return home_url(); // Sie können die Home-URL beibehalten oder sie auf eine bestimmte Seite setzen
}
add_filter('login_headerurl', 'change_login_logo_url');

// Titel des Anmeldelogos ändern
function change_login_logo_title() {
    return 'Name Ihrer Website'; // Festlegen des Seitennamens
}
add_filter('login_headertitle', 'change_login_logo_title');

// Login-Logo anpassen
function custom_login_logo() {
    $logo_url = 'https://www.example.com/wp-content/uploads/2023/11/logo.png';
    $logo_width = 250; // Einstellen der Breite des Logos in Pixeln
    $logo_height = 55; // Anpassen der Höhe des Logos in Pixeln
    echo '<style Typ="Text/css">
        .login h1 a {
            Hintergrund-Bild: url(' . esc_url($logo_url) . ');
            Breite: ' . esc_attr($logo_width) . 'px!important;
            Höhe: ' . esc_attr($logo_height) . 'px!important;
            Hintergrund-Größe: enthalten;
        }
    ';
}
add_action('login_head', 'custom_login_logo');

function custom_login_page_title_script() {
    echo '<script Typ="Text/javascript">
        document.addEventListener("DOMContentLoaded", function() {
            document.title = "Protokoll in > Ihr Site-Name";
        });
    ';
}
add_action('login_head', 'custom_login_page_title_script');