Comment créer une page de connexion frontale dans WordPress

WordPress est une plate-forme très puissante qui propose de nombreuses solutions prêtes à l’emploi pour votre site Web. Bien que parfaitement fonctionnelles, ces solutions ne sont pas toujours idéales. C’est juste le cas avec la fonctionnalité de connexion par défaut de WordPress. Cela peut être déroutant pour les visiteurs qui souhaitent simplement se connecter à leur compte sur votre site lorsqu’ils sont soudainement redirigés vers la zone d’administration de WordPress. Donc, à moins que vos visiteurs n’aient quelque chose à faire dans la zone d’administration, comme écrire un article ou partager du contenu, cela n’a pas beaucoup de sens de les y envoyer après la connexion. Par conséquent, permettre à vos visiteurs de se connecter à votre site directement depuis le front-end peut offrir une expérience utilisateur beaucoup plus satisfaisante.

Pourquoi est-il préférable d’avoir une page de connexion frontale ?

Avant de vous montrer comment créer une page de connexion frontale dans WordPress, citons quelques raisons pour lesquelles cela pourrait vous être bénéfique :

Franchement, tout type de site Web donne une bien meilleure impression si sa page de connexion n’est pas l’écran de connexion WordPress par défaut que nous avons vu tant de fois. Une page de connexion frontale personnalisée montre simplement que vous vous efforcez d’offrir une meilleure expérience utilisateur à vos visiteurs, que vous vous souciez de votre marque et que vous pensez à chaque détail. Et compte tenu de la facilité avec laquelle vous pouvez ajouter une page de connexion frontale stylisée à votre site WordPress, il n’y a vraiment pas beaucoup de raisons de ne pas le faire.

Aujourd’hui, nous allons vous montrer à quel point il est simple d’implémenter une page de connexion frontale à l’aide du plugin Theme My Login.

Le fait que le plugin Theme My Login ait plus de 100 000 installations actives parle de lui-même de sa fiabilité et de son efficacité. La raison pour laquelle nous avons choisi ce plugin par rapport à d’autres plugins est qu’il est incroyablement simple à utiliser, qu’il ne nécessite aucune configuration pour créer une page de connexion personnalisée et qu’il est entièrement gratuit. Le plugin garantit que les pages correspondront à votre thème actuel, elles auront la même police et les mêmes couleurs que le thème que vous utilisez. Il fonctionne dès la sortie de la boîte, sans avoir besoin de personnaliser les paramètres. De plus, le plugin ajoute un nouveau widget à votre site que vous pouvez placer dans votre barre latérale, votre pied de page ou votre zone d’en-tête et rendre la connexion ou l’enregistrement facilement accessible.

Comment créer une page de connexion frontale pour WordPress avec le plugin Theme My Login

Nous allons supposer que vous savez déjà comment installer un plugin WordPress, nous allons donc sauter cette étape. Mais si vous rencontrez des problèmes pendant le processus d’installation, assurez-vous de vérifier le lien ci-dessus.

Une fois que vous avez installé et activé le plugin, il est temps de le configurer. Jetons un coup d’œil aux paramètres proposés par Thème My Login.

Configurer le thème My Login Plugin

Le plugin crée cinq nouvelles pages instantanément après l’activation. Vous trouverez la page de connexion, de déconnexion, d’enregistrement, de mot de passe perdu et de réinitialisation du mot de passe. Ils sont instantanément en ligne et remplaceront la page de connexion principale par défaut.

Voici à quoi ressemble la page de connexion dans notre cas, le plugin l’a créée automatiquement avec la police et les couleurs qui suivent le style de notre thème :

Pour ajuster les paramètres de ces pages, cliquez sur Thème My Login dans votre administrateur WordPress, puis sélectionnez le Général option.

Vous trouverez ici des paramètres pour personnaliser chacune des cinq pages, ainsi que des liens qui y mènent. Les paramètres sont divisés en trois segments : Connexion, Enregistrement et Slugs.

Dans les paramètres de connexion, vous choisissez si vous souhaitez que les visiteurs saisissent les informations d’identification par défaut comme le nom d’utilisateur ou l’e-mail, le nom d’utilisateur uniquement ou l’e-mail uniquement lors de la connexion. C’est à vous de choisir le type de paramètres qui fonctionnent le mieux pour votre site.

Dans les paramètres d’enregistrement, vous déterminez les données que l’utilisateur doit saisir pour enregistrer un compte sur votre site. Vous pouvez choisir entre l’option par défaut pour demander à la fois le nom d’utilisateur et l’e-mail, ou vous pouvez demander uniquement l’e-mail ou simplement le nom d’utilisateur. Cependant, gardez à l’esprit que les paramètres d’enregistrement doivent correspondre aux paramètres de connexion. Si, dans les options de connexion, vous avez décidé de limiter les utilisateurs à se connecter avec un nom d’utilisateur, vous devez ici vous assurer qu’ils doivent également créer ce nom d’utilisateur lors de l’enregistrement.

Vous avez également ici plus d’options qui sont désactivées par défaut, mais vous pouvez les activer si vous le souhaitez. Le premier permet aux utilisateurs de définir leur propre mot de passe et le second connecte automatiquement les utilisateurs après l’enregistrement.

Un slug est un identifiant unique pour chaque page de votre site WordPress. C’est la partie de l’URL qui vient après votre domaine et qui détermine la page qu’un utilisateur affichera. Le plugin Theme My Login génère un slug simple pour chacune des pages qu’il crée. En règle générale, lorsqu’il s’agit de slugs, ils doivent indiquer clairement à quoi la page est destinée. Dans ce cas, les slugs générés automatiquement par le plugin sont en fait idéaux. Bien entendu, vous pouvez les modifier si vous le jugez nécessaire. Méfiez-vous simplement des espaces vides dans les slugs car ils sont remplacés par un signe « %20″, ce qui peut rapidement rendre vos slugs inéligibles. Vous pouvez utiliser un tiret à la place (par exemple « page de connexion » au lieu de « page de connexion »).

Et n’oubliez pas d’enregistrer les modifications après avoir ajusté tous les paramètres.

Comment ajouter le thème My Login Widget à votre site

Comme nous l’avons mentionné, le plugin est livré avec un widget pratique que vous pouvez ajouter à la barre latérale ou au pied de page. Pour y accéder, rendez-vous sur Apparence > Widgets et sélectionnez le Thème Mon widget plugin. En cliquant dessus, un menu déroulant s’ouvrira et vous pourrez choisir dans quelle zone de widget placer le widget.

Lorsque vous ajoutez le widget à une zone de widget, vous pouvez commencer à le personnaliser. Pour ce faire, recherchez la zone de widget appropriée sur le côté droit de l’écran et ouvrez-la. À l’intérieur, vous devriez voir le widget Thème My Login. Une fois que vous l’aurez également ouvert, vous pourrez choisir si vous souhaitez qu’il se connecte, s’enregistre ou récupère la fonctionnalité de mot de passe perdu.

Vous pouvez ajouter jusqu’à trois widgets à vos zones de widgets et sélectionner une option différente dans chacune. Mais, comme ils prennent généralement beaucoup de place, ce n’est pas recommandé. Pour voir le widget que vous avez ajouté, vous devrez vous déconnecter de votre compte ou ouvrir le site dans un onglet de navigation privée.

Extensions utiles pour le thème ma connexion

Le plugin Theme My Login prend en charge un large éventail d’extensions très utiles mais payantes. Au moment d’écrire ces lignes, le plugin prend en charge 13 extensions différentes qui incluent Mailchimp, Avatar, Notifications, Favoris, Restriction, Legacy Bundle, etc. Et tandis que la version gratuite du plugin couvrira vos besoins de base en termes de connexion frontale , ces extensions peuvent être utiles si vous avez besoin de fonctionnalités supplémentaires.

Résumons

La connexion n’est pas quelque chose que les visiteurs attendent particulièrement lorsqu’ils viennent sur votre site, mais si vous utilisez déjà un type de site qui nécessite une connexion, pourquoi ne pas le rendre aussi fluide et facile que possible. Compte tenu de la compétitivité du monde en ligne, chaque détail qui apporte plus de qualité à l’expérience utilisateur est important, et une page de connexion frontale est quelque chose qui peut considérablement améliorer l’expérience utilisateur et vous aider à renforcer votre image de marque.