Personnaliser la page de connexion figure dans ma liste de chaque projet. J’aime que mes clients, quand ils veulent se connecter à leur tableau de bord, qu’ils se trouvent en face d’une page personnalisée à l’image de leur entreprise. C’est purement esthétique me direz-vous !
Comment personnaliser votre page de connexion ?
J’utilisais jusqu’alors une extension pour faire ce travail, elle fonctionne très bien mais c’est encore une extension de plus sur WordPress. Mais il est possible de faire autrement et sans extension.
Première méthode, une extension
Si on cherche dans les extensions de WordPress, on devrait en trouver des tonnes, la preuve : https://fr.wordpress.org/plugins/search/custom+login/
Pour ma part, j’avais trouvé il y a quelques années celle-ci : Erident Custom Login and Dashboard, avec de nombreuses options, elle est parfaite pour personnaliser votre page de connexion :
– Modifier le texte du pied de page du tableau de bord de l’administrateur ou le conserver par défaut.
– Ajouter des fonds d’image/couleur à l’écran de connexion.
– Ajoutez un fond d’image/couleur au formulaire de connexion avec opacité.
– Choisissez la couleur en utilisant le sélecteur de couleur jQuery.
– Changez la couleur et la taille des textes/liens sur le formulaire de connexion.
– Remplacez le logo WordPress du formulaire de connexion par le vôtre.
– Activer/désactiver l’ombre pour les liens du formulaire de connexion
– Activer/désactiver l’ombre pour le formulaire de connexion
– Changer la couleur du bouton de connexion
– Cacher le lien S’inscrire | Mot de passe perdu
– Masquer le lien « Retour à votre site web
– Conservez les paramètres précédents lors de la mise à jour de WordPress/plugins !
– Importez/exportez tous les paramètres des plugins entre les sites Web.
Deuxième méthode, avec un simple fichier
Avec un seul fichier, nous pouvons faire la même chose. Celui que je vous propose n’a pas toutes les paramètres de personnalisation que l’extension citée plus haut mais on peut en rajouter.
Je vous propose de télécharger le fichier login-editor.php et mettez-le dans le dossier de votre thème enfant (ex. Divi-child) :
Télécharger (2,9 KiB, 142 hits)
Puis dans le fichier functions.php de votre thème ajoutez cette ligne :
include('login-editor.php');
Voilà, maintenant dans « Tableau de Bord -> Apparence -> Personnaliser« , vous avez « Editeur page connexion » pour personnaliser votre page.
Est-ce que cela vous paraît utile ? Une option à rajouter ? N’hésitez pas à laissez un commentaire.
Commentaires