L’écran de connexion de WordPress est fonctionnel et peut être rendu plus sûr grâce à des plugins de sécurité. Cependant, ne serait-il pas agréable de voir quelque chose d’unique lors de l’accès à votre interface ? Peut-être voulez-vous donner un visuel plus engageant pour les utilisateurs enregistrés ou les membres de l’équipe.
Comme de nombreuses autres parties du système de gestion, il n’est pas difficile de créer une page de connexion WordPress unique. En fait, il existe plusieurs façons de le faire sans toucher à une seule ligne de code.
Dans ce tutoriel, nous allons vous montrer comment modifier la page de connexion pour lui donner un aspect plus personnel.
Pourquoi vous devriez vous intéresser à la page de connexion
Si vous êtes le seul utilisateur du site Web, il n’est probablement pas nécessaire de modifier la page de connexion. Cependant, lui donner un certain style peut être très intéressant pour les autres utilisateurs. Au lieu du logo WordPress géant “W” de base, ils peuvent être confrontés à quelque chose de beaucoup plus attrayant.
Ce sont souvent les petits ajustements visuels qui maintiennent l’intérêt des visiteurs pour un site Web. En donnant l’impression d’être plus unique et de ne pas être un écran de connexion “à l’emporte-pièce”, le site reste dans les mémoires comme quelque chose de plus. En outre, le fait de mettre en avant votre marque de cette manière l’aide à résonner chez vos visiteurs plus que le logo WordPress par défaut.
Utilisation de la page de connexion personnalisée de SeedProd pour changer la page de connexion de WordPress.
Les plugins peuvent faire une myriade de choses pour un site Web WordPress. Dans ce cas, c’est la modification de l’apparence de la page de connexion que nous recherchons. Dans cet exemple, il s’agit du plugin Custom Login Page.
Alors que la version gratuite de ce plugin offre de nombreuses options pour personnaliser l’expérience, la version pro inclut des diaporamas, des vidéos, la prise en charge de Google Fonts et de nombreuses autres fonctionnalités. Si vous recherchez une solution pour l’accès de plusieurs utilisateurs, ce plugin est peut-être celui qu’il vous faut.
Pour installer et configurer la page de connexion personnalisée :
Etape 1 : Accédez à la zone des plugins depuis WordPress et cliquez sur le bouton “Add New”.
Etape 2 : Recherchez “Custom Login Page”, installez-le et activez-le.
Étape 3 : Une fois activé, ce plugin vous amènera immédiatement à la page des paramètres. Vous pouvez également la trouver en allant dans “Réglages” de votre installation WordPress et en trouvant le contrôle intitulé, “Page de connexion”.
Étape 4 : Sur la page des paramètres, vous verrez une option pour désactiver ou activer le plugin. En dessous, il y a un grand bouton pour “Personnaliser votre page de connexion”. Cliquez sur ce bouton.
Étape 5 : Vous serez amené à un éditeur WYSIWYG où vous pouvez personnaliser l’écran.
Étape 6 : Ajoutez votre logo. Cliquez sur le bouton “Choose Image” et trouvez le graphique que vous voulez utiliser. Cela remplacera l’image “W” par défaut de WordPress.
Étape 7 : Sélectionnez la couleur de fond. Celle-ci est au format hexadécimal et peut être modifiée soit en tapant le code, soit en cliquant sur la palette de couleurs à droite de l’option.
Étape 8 : Choisissez une image d’arrière-plan. Comme pour le logo, vous avez la possibilité de tirer des images directement de votre ordinateur ou du dossier média de WordPress pour un arrière-plan spécifique.
Étape 9 : Si vous choisissez un arrière-plan, vous pouvez activer les paramètres avancés et contrôler des éléments comme la répétition, la position et la taille.
Étape 10: Choisissez une couleur de bouton. Ceci est pour le bouton “Log In” sur l’écran. Il utilise également la saisie hexadécimale ou vous pouvez cliquer sur la palette de couleurs à droite pour la modifier.
Étape 11: Sélectionnez une couleur de texte de formulaire. Ceci modifie le texte réel dans le formulaire de nom d’utilisateur et de mot de passe.
Étape 12: Sélectionnez une couleur de lien pour le texte situé sous le formulaire. Cela permet de contrôler les liens pour le mot de passe perdu et la fonctionnalité de retour au site Web.
Étape 13: Choisissez votre typographie. Vous pouvez sélectionner ici la police, le poids et le style, la taille et la hauteur de ligne de la page.
Étape 14: Saisissez le CSS personnalisé. Cette étape est purement facultative. Si vous avez des notions de programmation en CSS, vous pouvez ajouter ici des codes personnalisés à utiliser dans l’écran.
Étape 15: Une fois que vous avez terminé vos paramètres, vous pouvez voir comment l’écran de connexion se présente sur le bureau ou les appareils mobiles en cliquant sur les boutons correspondants en haut à gauche.
Étape 16: Cliquez sur le bouton “Enregistrer”.
Étape 17 : Une fois que votre écran correspond à vos idées de conception, cliquez sur le lien “Retour aux paramètres” dans le coin supérieur gauche.
Étape 18 : Sélectionnez le bouton radio pour “Activer la page de connexion personnalisée”.
Étape 19: Cliquez sur le bouton “Enregistrer toutes les modifications” en bas.
La version Pro dispose d’une longue liste d’options de personnalisation supplémentaires. Par exemple, vous pouvez ajouter des profils sociaux, des animations, des effets spéciaux et un moyen d’ajouter du texte à la page elle-même. Ce sont des options comme celles-ci qui font de ce plugin l’un des plus attrayants et riches en fonctionnalités pour ceux qui cherchent à susciter l’intérêt des utilisateurs enregistrés.
Utilisation de Theme My Login pour modifier la page
L’un des plugins les plus efficaces pour modifier l’écran d’accès des utilisateurs est Theme My Login. Il est livré avec de nombreux outils utiles et est facile à mettre en œuvre.
Pour utiliser Theme My Login :
Etape 1 : Allez dans la zone pour vos plugins dans le panneau d’administration de WordPress.
Etape 2 : Cliquez sur le bouton “Add New” en haut et entrez “Theme My Login” dans la barre de recherche.
Étape 3 : Trouvez le bon plugin, installez-le et activez-le.
Étape 4 : Une nouvelle option sera disponible dans la barre latérale gauche du panneau d’administration, près du bas. Elle sera étiquetée, “TML”. Cliquez sur ce lien.
Étape 5 : Le thème Ma connexion propose plusieurs paramètres à choisir. Il est conseillé de ne pas cocher la case “Activer “theme-my-login.css””.
Étape 6 : Choisissez un type de connexion. Par défaut, les noms d’utilisateur ou l’email seront acceptés. Cependant, vous pouvez changer cela pour n’accepter que l’un ou l’autre.
Étape 7 : Sélectionnez les modules que vous voulez utiliser. Ce plugin possède une variété de modules que vous pouvez sélectionner en cochant chaque case correspondante. Ces options incluent les redirections personnalisées, les emails, les options reCAPTCHA, la sécurité et même les profils thématiques. Sélectionnez tout ce qui s’applique et cliquez sur le bouton “Enregistrer les modifications” en bas.
Étape 8 : Pour chacun des modules que vous sélectionnez, il y aura des paramètres répertoriés sous l’outil “TML” sur le côté gauche du panneau d’administration. Allez dans chaque module et modifiez les paramètres pour personnaliser la mise en page et la fonctionnalité de votre page.
Étape 9 : Une fois que vous avez enregistré chacun de ces paramètres, allez dans l’outil “Apparence” à gauche de votre panneau d’administration.
Étape 10 : Cliquez sur le contrôle pour, “Widgets”.
Étape 11: Theme My Login installera un nouveau widget qui vous permettra de faire glisser l’écran de connexion vers n’importe quelle barre latérale de votre thème. Cela permet aux utilisateurs d’accéder à leur profil et à leurs informations depuis l’interface de votre site Web. C’est utile si vous créez une communauté et que vous avez de nombreux utilisateurs enregistrés.
Étape 12 : si vous utilisez le widget, il vous proposera plusieurs options. Vous pouvez définir l’affichage par défaut des mots de passe de connexion, d’enregistrement et de perte. Vous aurez également la possibilité d’afficher les titres, les liens de connexion et le gravatar de l’utilisateur s’il en a un. Cochez toutes les cases qui s’appliquent, puis cliquez sur “Enregistrer”.
reCAPTCHA est un ajout intéressant car il permet de réduire l’afflux de spam sur votre site Web. Bien qu’il ne puisse pas empêcher tous les robots spammeurs d’accéder à WordPress, c’est une option utile pour en éliminer certains.
Une fois les réglages terminés, vous verrez que l’écran utilise désormais le thème de base de votre site Web comme arrière-plan plutôt que la page WordPress par défaut.
Il ne s’agit là que de quelques moyens qui peuvent vous aider à modifier la page de connexion de WordPress. Il existe de nombreux plugins parmi lesquels vous pouvez choisir, mais ce sont probablement les deux plus faciles à utiliser. Rendez votre site plus attrayant en ajoutant quelques options de personnalisation pour engager vos visiteurs. Vous constaterez qu’ils seront plus enclins à s’inscrire et à revenir à une date ultérieure.
Quels types d’éléments proposez-vous sur votre site pour attirer votre public cible ? Quel type de personnalisation avez-vous ajouté à votre site WordPress ?
