Personnaliser l’écran de connexion de WordPress est l’un des moyens les plus simples de personnaliser votre site ou d’améliorer la cohérence de votre image de marque. Que vous construisiez un site pour un client ou que vous gériez votre propre projet, remplacer le logo par défaut de WordPress par le vôtre est rapide et efficace. Dans ce tutoriel, nous allons vous expliquer comment changer le logo de connexion de WordPress – aucune connaissance en codage n’est nécessaire.

Méthode 1 : Utiliser un plugin (pour les débutants)

La manière la plus simple de changer le logo de connexion est d’utiliser un plugin.

Marche à suivre :

  • Allez dans Plugins → Ajouter un nouveau dans votre tableau de bord WordPress.
  • Recherchez LoginPress et installez-le.
  • Activez le plugin.
  • Naviguez vers LoginPress → Customizer.
  • Cliquez sur Logo et téléchargez votre image personnalisée.
  • Sauvegardez les changements.

Le plugin remplace automatiquement le logo par défaut sur votre page de connexion à votredomaine.com/wp-login.php.

Méthode 2 : Changer le logo manuellement (utilisateurs avancés)

Vous préférez éviter les plugins ? Vous pouvez changer le logo manuellement en modifiant le fichier functions.php de votre thème.

Marche à suivre :

  1. Téléchargez votre logo (idéalement 80x80px) dans le dossier images de votre thème ou dans la bibliothèque des médias.
  2. Ouvrez le fichier functions.php dans le répertoire de votre thème.
  3. Ajoutez le code suivant :
function custom_login_logo() {
    echo '
    <style type="text/css">
        h1 a {
            background-image: url(' . get_stylesheet_directory_uri() . '/images/custom-logo.png) !important;
            background-size: contain !important;
            width: 100% !important;
        }
    </style>';
}
add_action('login_head', 'custom_login_logo');

💡 Vous pouvez également utiliser wp_get_attachment_url() si vous avez téléchargé le logo via la médiathèque.

Bonus : Changer le lien de l’URL de connexion

Par défaut, le logo de connexion redirige vers wordpress.org. Vous pouvez le changer pour votre page d’accueil :

function custom_login_logo_url() {
    return home_url() ;
}
add_filter('login_headerurl', 'custom_login_logo_url') ;

Et personnalisez le titre (texte au survol) :

function custom_login_logo_url_title() {
    return 'Bienvenue sur votre site' ;
}
add_filter('login_headertext', 'custom_login_logo_url_title') ;

Conseils pour de meilleurs résultats

  • Utilisez un logo PNG transparent pour une meilleure esthétique.
  • Veillez à ce que le logo ne dépasse pas 100 Ko afin de réduire le temps de chargement.
  • Si vous utilisez un thème enfant, faites-y toutes les modifications pour éviter les pertes après les mises à jour.

Conclusion

Remplacer le logo de connexion par défaut de WordPress ne prend que quelques minutes et améliore instantanément l’image de marque de votre site. Que vous choisissiez un plugin ou que vous optiez pour la méthode manuelle, les deux méthodes sont simples et efficaces.