Accueil > Le blog du freelance WordPress > Personnaliser la page de connexion de WordPress avec un plugin

Changer votre Logo sur la page de connexion à Wordpress

17 Avr 2023

La page de connexion de votre site est l'endroit où vous devez entrer vos informations d'identification, comme votre nom d'utilisateur ou votre adresse e-mail ainsi que votre mot de passe. Vous pouvez y accéder en allant sur mon-freelance-wordpress.fr/wp-login.php.
Pour donner une touche personnelle à votre site Internet, vous pouvez personnaliser cette page avec les couleurs de votre choix et même changer le lien du logo pour qu'il renvoie vers votre page d'accueil plutôt que vers le site de WordPress.org.

Le fichier functions.php de votre thème
WordPress.

Pour personnaliser la page de connexion, nous allons utiliser des extraits de code que vous pouvez intégrer directement dans votre fichier functions.php ou implémenter avec un plugin comme Code Snippets.

Nous allons d’abord voir comment modifier l’URL du lien avant de modifier l’image.

Vous pouvez également consulter cette page du Codex de WordPress qui traite en détail de ces questions si vous souhaitez en savoir plus.

Nous allons donc modier la page de connexion en ajoutant manuellement du code au fichier functions.php du thème WordPress.

 

Changer l’image du logo de votre page de connexion
à WordPress

La modification la plus importante à apporter à cet extrait de code est de changer l’emplacement relatif de l’image.
Pour ce faire, vous pouvez télécharger votre logo dans la section « Médias » de l’administration de WordPress, puis copier l’URL de l’image. Ensuite, vous devez coller cette URL dans le code et supprimer la partie qui contient votre nom de domaine.

[pastacode lang= »php » manual= »%2F%2F%20Change%20le%20logo%20sur%20wp-login.php%20%2F%2F%0Afunction%20logo_mfw()%20%7B%0Aecho%20’%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A.login%20h1%20a%20%7B%0Abackground-image%3Aurl(%2Fwp-content%2Fuploads%2Fvotre-super-logo.png)%20!important%3B%0Abackground-size%3A%20300px%3B%0Amargin%3A%200%20auto%2010px%3B%0Aheight%3A%2065px%3B%0Awidth%3A%20auto%3B%0A%7D%0A%3C%2Fstyle%3E’%3B%0A%7D%0Aadd_action(‘login_head’%2C%20’logo_mfw’)%3B » message= » » highlight= » » provider= »manual »/]