Personnaliser manuellement la page de connexion de WordPress

// Mise en file d'attente de vos styles personnalisés
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');

/* Vos styles de connexion personnalisés vont ici */

.login {
    arrière-plan-couleur: #ffffff; /* Couleur d'arrière-plan */
}

#loginpourm {
    arrière-plan-couleur: #F7F7F7; /* Couleur de fond du formulaire */
    frontière: 2px solid #01AD9D; /* Couleur de la bordure du formulaire */
    ombre de la boîte: 0 0 10px rgba(0, 0, 0, 0.1); /* ombre de la boîte de formulaire */
}

#loginpourm étiquette {
    couleur: #326AF2; /* Couleur du texte de l'étiquette */
}

#loginpourm entrée[type="texte"],
#loginpourm entrée[type="mot de passe"] {
    arrière-plan-couleur: #fff; /* Couleur d'arrière-plan du champ de saisie */
    couleur: #000000; /* Couleur du texte du champ de saisie */
    frontière: 1px solid #01AD9D; /* Couleur de la bordure du champ de saisie */
}

#loginpourm entrée[type="soumettre"] {
    arrière-plan-couleur: #01AD9D; /* Couleur d'arrière-plan du bouton de soumission */
    couleur: #ffffff; /* Couleur du texte du bouton de soumission */
    frontière: 1px solid #01AD9D; /* Couleur de la bordure du bouton de soumission */
    ombre de la boîte: 0 2px 4px rgba(0, 0, 0, 0.1); /* ombre de la boîte du bouton de soumission */
}

#loginpourm entrée[type="soumettre"]:survol {
    arrière-plan-couleur: #326AF2; /* Couleur d'arrière-plan de l'état de survol */
    frontière: 1px solid #326AF2; /* Couleur de la bordure de l'état de survol */
}

// Personnaliser la connexion pourm
fonction customize_login_pourm() {
    echo '<style type="texte/css">#loginpourm { /* votre login pourLes styles personnalisés seront là, mais ne pas le mettre ici plutôt que dans le fichier custom-login-styles.css */ }';
}
add_action('login_enqueue_scripts', 'customize_login_')pourm');

// Modifier l'URL du logo de connexion
function change_login_logo_url() {
    return home_url(); // Vous pouvez conserver l'URL de la page d'accueil ou la définir sur une page spécifique.
}
add_filter('login_headerurl', 'change_login_logo_url');

// Modifier le titre du logo de connexion
function change_login_logo_title() {
    return 'Nom de votre site web'; // Définir le nom du site
}
add_filter('login_headertitle', 'change_login_logo_title');

// Personnaliser le logo de connexion
function custom_login_logo() {
    $logo_url = 'https://www.example.com/wp-content/uploads/2023/11/logo.png';
    $logo_width = 250; // Ajuster la largeur du logo en pixels
    $logo_height = 55; // Ajuster la hauteur du logo en pixels
    echo '<style type="texte/css">
        .login h1 a {
            arrière-plan-Image: url(' . esc_url($logo_url) . ');
            largeur: ' . esc_attr($logo_width) . 'px!important;
            hauteur: ' . esc_attr($logo_height) . 'px!important;
            arrière-plan-Taille: contenir;
        }
    ';
}
add_action('login_head', 'custom_login_logo');

function custom_login_page_title_script() {
    echo '<script type="texte/javascript">
        document.addEventListener("DOMContentLoaded", function() {
            document.title = "Log dans > Nom de votre site";
        });
    ';
}
add_action('login_head', 'custom_login_page_title_script');