WordPress-Anmeldeseite manuell anpassen

// Enqueue your custom styles
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');

// 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');

/* Your custom login styles go here */

.login {
    background-color: #ffffff; /* Background color */
}

#loginform {
    background-color: #F7F7F7; /* Form background color */
    border: 2px solid #01AD9D; /* Form border color */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Form box shadow */
}

#loginform label {
    color: #326AF2; /* Label text color */
}

#loginform input[type="text"],
#loginform input[type="password"] {
    background-color: #fff; /* Input field background color */
    color: #000000; /* Input field text color */
    border: 1px solid #01AD9D; /* Input field border color */
}

#loginform input[type="submit"] {
    background-color: #01AD9D; /* Submit button background color */
    color: #ffffff; /* Submit button text color */
    border: 1px solid #01AD9D; /* Submit button border color */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Submit button box shadow */
}

#loginform input[type="submit"]:hover {
    background-color: #326AF2; /* Hover state background color */
    border: 1px solid #326AF2; /* Hover state border color */
}

/* 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 */
}

// Customize login form
function customize_login_form() {
    echo '<style type="text/css">#loginform { /* your login form custom styles will be here but do not put it here rather put it in custom-login-styles.css file */ }</style>';
}
add_action('login_enqueue_scripts', 'customize_login_form');

// 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');

// Change login logo URL
function change_login_logo_url() {
    return home_url(); // You can keep the home URL or set it to a specific page
}
add_filter('login_headerurl', 'change_login_logo_url');

// Change login logo title
function change_login_logo_title() {
    return 'Your Website Name'; // Set the site name
}
add_filter('login_headertitle', 'change_login_logo_title');

// Customize login logo
function custom_login_logo() {
    $logo_url = 'https://www.example.com/wp-content/uploads/2023/11/logo.png';
    $logo_width = 250; // Adjust the width of the logo in pixels
    $logo_height = 55; // Adjust the height of the logo in pixels
    echo '<style type="text/css">
        .login h1 a {
            background-image: url(' . esc_url($logo_url) . ');
            width: ' . esc_attr($logo_width) . 'px!important;
            height: ' . esc_attr($logo_height) . 'px!important;
            background-size: contain;
        }
    </style>';
}
add_action('login_head', 'custom_login_logo');

// 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 type="text/javascript">
        document.addEventListener("DOMContentLoaded", function() {
            document.title = "Log in > Your Site Name";
        });
    </script>';
}
add_action('login_head', 'custom_login_page_title_script');

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');