Cette petite astuce fait partie de ma gratuité 10 mini-trucs à appliquer dès maintenant pour livrer des sites WordPress plus professionnels.
J’y parle de détails discrets, parfois invisibles, mais qui font une vraie différence dans la perception de qualité d’un site.
La page de connexion WordPress est rarement une priorité. On livre le site, tout fonctionne, et on passe à autre chose.
Et pourtant, pour beaucoup de client·es, c’est un endroit qu’ils utilisent régulièrement.
Par défaut, la page de connexion affiche :
L’objectif ici est simplement de :
Pas besoin de plugin.
Pas besoin de faire compliqué.
/* PERSONNALISER LA PAGE DE CONNEXION */
function al_login_logo() { ?>
<style type="text/css">
#login, .login {
background-color:#FFEED8;
}
#login h1 a, .login h1 a {
background-image: url(/wp-content/uploads/2024/11/logo-horizontal.svg);
height:100px;
width:300px;
background-size: 300px 100px;
background-repeat: no-repeat;
padding-bottom: 10px;
}
.wp-core-ui .button-primary {
background: #AB0009;
border-color: #AB0009;
}
.wp-core-ui .button-primary:hover {
background: #000;
border-color: #000;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'al_login_logo' );
Ce code peut être ajouté :
Modifie les lignes suivantes :