La page de connexion à votre site est celle où vous indiquez votre nom d'utilisateur ou votre adresse email et votre mot de passe. Elle est accessible à l'adresse votresite.com/wp-login.php. C'est une page que vous êtes amené à utiliser régulièrement, mais à laquelle vos abonnés et clients peuvent aussi avoir accès. Pour cette raison, vous souhaitez peut-être la personnaliser, pour la mettre aux couleurs de votre site Internet, et faire en sorte que le lien du logo renvoie vers votre page d'accueil (au lieu du site de WordPress.org).
Dans ce tutoriel, nous allons voir comment faire cela, en remplaçant l’image et le lien du logo WordPress sur votre page de connexion. Pour cela, il existe deux solutions : soit installer un plugin (payant ou gratuit), soit utiliser des code snippets (ou extraits de code).
Les extensions évitent de mettre les mains dans le cambouis, mais elles ont l’inconvénient d’alourdir le fonctionnement de votre site… Pour que les débutants tout comme les webmasters plus expérimentés s’y retrouvent, nous allons présenter les plugins avant de voir les snippets et la méthode exacte pour les implémenter chacun sur votre site.
Personnaliser la page de connexion de WordPress avec un plugin
Certains plugins vous permettent de remplacer l’image et le lien sur le logo de WordPress qui s’affichent sur wp-login.php). Je pense par exemple à Avada, excellent thème WordPress Premium, qui inclut l’extension Avada Branding. Ce dernier vous permet non seulement de personnaliser votre page de connexion, mais également de définir plusieurs options de "marque blanche" : remplacer ou masquer le logo de WordPress dans la barre d’admin, masquer certains onglets pour les utilisateurs connectés, etc.
Pour avoir un aperçu de ce que permet de faire Avada Branding, voici la page de connexion de Formation WordPress :
Vous pouvez également trouver des extensions gratuites pour changer le logo de WordPress et l’URL vers laquelle il renvoie. Je n’en ai pas testé moi-même, mais quelques recherches m’ont orienté vers Custom Login Page Personnalizer.
Dans tous les cas, si ces extensions vous simplifient la tâche, elles alourdissent la charge de code avec laquelle fonctionne votre site. La meilleure solution, c’est donc d’implémenter quelques lignes de code. Voyons tout de suite comment faire !
Remplacer l’image et le lien du logo WordPress sur votre page de connexion
Pour cela, nous allons utiliser des extraits de code, que vous pourrez soit intégrer directement à votre fichier functions.php, soit implémenter avec un plugin tel que Code Snippets. Voyons d’abord comment modifier l’URL du lien, avant de modifier l’image elle-même. À noter qu’en faisant quelques recherches, je suis tom