Avez-vous déjà essayé de modifier l’apparence ou les fonctionnalités de la page de connexion par défaut de WordPress ? Si oui, vous savez que cela peut être une tâche compliquée qui implique l’édition de fichiers WordPress de base. La bonne nouvelle, c’est qu’il existe un plugin pour cela! Nous utiliserons le personnalisateur de page de connexion personnalisée de LoginPress pour faire le travail.

Rendre votre page de connexion WordPress unique

Si vous êtes le seul utilisateur de WordPress pour votre site, vous n’avez probablement jamais beaucoup pensé à la page de connexion par défaut. Mais si vous avez d’autres utilisateurs ou contributeurs, vous souhaiterez peut-être que la page de connexion corresponde mieux à la conception de votre site. Ou alors, vous cherchez peut-être simplement un moyen d’améliorer l’expérience de votre utilisateur.

LoginPress facilite ce genre de changements. Non seulement vous pouvez modifier l’apparence de la page d’identification, mais vous pouvez également modifier la messagerie par défaut. C’est quelque chose qui, autrement, nécessiterait des modifications compliquées des fichiers de connexion de WordPress et qui justifie à lui seul l’installation du plugin.

Comment ajouter LoginPress à WordPress

Installons le plugin et voyons comment il fonctionne.

1. Installation du plugin LoginPress

Connectez-vous à votre panneau d’administration WordPress.

Dans la navigation de la colonne de gauche, passez la souris sur le lien “Plugins” et cliquez sur le lien “Add New”.

Dans la case “Plugins de recherche…”, entrez “LoginPress”.

Lorsque vous trouvez le plugin, cliquez sur le bouton “Installer maintenant”.

Le plugin est maintenant installé, mais il doit être activé avant que vous puissiez l’utiliser.

Cliquez sur le bouton “Activer”.

Cela complète l’installation et l’activation. Passons maintenant à la mise en place du plugin sur votre site web.

2. Configuration de LoginPress

Dès que le plugin est activé, il ajoute une image de fond à votre page de connexion.

En relation  Comment minimiser les JavaScript et CSS avec Fast Velocity Minify dans WordPress

Avant de modifier la page de connexion, vous pouvez ajuster certaines configurations par défaut.

Dans la navigation de la colonne de gauche, passez la souris sur le lien “LoginPress” et cliquez sur le lien “Paramètres”.

La première fois que vous accédez au plugin, il vous demandera votre autorisation pour collecter des données sur votre site. Si vous préférez ne pas envoyer les données de votre site, cliquez sur le lien “Sauter cette étape”.

La page “Paramètres” vous donne accès à une demi-douzaine de paramètres.

  • Session Expire fixe l’heure d’expiration de la session d’administration en minutes. Cela signifie que s’il n’y a pas d’activité dans la section admin pendant XX minutes, vous serez déconnecté. Par défaut, aucun délai d’expiration n’est défini.
  • Auto Remember Me vous permet de présélectionner l’option “Se souvenir de moi” sur la page de connexion. Cette option est désactivée par défaut.
  • Custom Password Fields vous permet d’ajouter des champs de mot de passe personnalisés au formulaire d’inscription. Il est désactivé par défaut.
  • Login Order vous permet de choisir de demander le nom d’utilisateur ou l’adresse électronique pour vous connecter (ou les deux).
  • Réinitialiser les paramètres par défaut supprime toutes les personnalisations que vous avez faites et réinitialise les valeurs par défaut du plugin.
  • Remove Settings on Uninstall supprime les tables de la base de données lorsque le plugin est désinstallé. Il est désactivé par défaut, de sorte que les paramètres du plugin restent inchangés si le plugin est désinstallé.

Cliquez sur le bouton “Enregistrer les modifications” si vous apportez des changements aux paramètres.

3. Changement de l’arrière-plan de votre page de connexion

L’image de fond fournie par le plugin est très belle, mais changeons-la et commençons à utiliser notre login personnalisé.

Les modifications de l’apparence du formulaire sont effectuées dans le personnalisateur WordPress. Pour y accéder, dans la navigation de la colonne de gauche, passez la souris sur le lien “LoginPress” et cliquez sur le lien “Customizer”.

Il existe de nombreuses possibilités. Certaines d’entre elles exigent que vous achetiez la version “pro” du plugin. Nous allons nous concentrer sur ce qui est disponible dans la version gratuite.

Pour un accès rapide à certaines fonctionnalités, passez la souris sur l’aperçu de la page de connexion. Vous verrez apparaître un certain nombre de liens d’édition.

En relation  Comment rediriger les visiteurs vers une page de maintenance dans WordPress.

Nous allons d’abord cliquer sur l’icône “Changer de contexte”.

Il y a un certain nombre d’images fournies par le plugin. Vous pouvez cliquer sur l’une d’entre elles pour la charger dans l’aperçu.

Mais vous pouvez également fournir votre propre image, soit par téléchargement, soit à partir de la médiathèque.

Dans la colonne de gauche, faites défiler vers le bas et cliquez sur le bouton “Sélectionner une image”.

Cela ouvrira la superposition d’images WordPress, vous permettant soit de télécharger une image, soit d’en choisir une dans la médiathèque.

J’ai choisi une image de la médiathèque et je l’ai ajoutée comme fond.

Pour enregistrer vos modifications à tout moment, cliquez sur le bouton “Publier” dans la colonne de gauche.

En plus de définir une image de fond de page, vous pouvez également définir une deuxième image comme fond de formulaire.

4. Modifier le contexte du formulaire de connexion

Cliquez sur “Personnaliser le formulaire de connexion” dans la colonne de gauche.

Ensuite, sous “Form Background Image”, cliquez sur le bouton “Select Image”.

Ici, j’ai sélectionné une autre image de la médiathèque, et elle devient l’arrière-plan du formulaire.

Pendant que nous sommes encore dans la section “Personnaliser le formulaire de connexion”, il y a une autre façon de mettre en valeur l’image de fond de votre page.

Cliquez sur le bouton “Activer la transparence du formulaire” et regardez ce qui se passe.

5. Modification de la couleur et de la taille du texte de la page de connexion

Cette forme transparente est plutôt cool, mais maintenant on ne peut pas lire tout le texte autour de la forme.

Nous allons remédier à cela en changeant le texte pour une couleur plus claire et en le rendant plus grand et plus facile à lire.

Passez la souris sur l’aperçu et cliquez sur le lien “Personnaliser la navigation”.

Dans la colonne de gauche, nous allons changer la couleur du texte de bas de page et augmenter la taille de la police.

Les liens “mot de passe perdu” et “retour” sont désormais plus lisibles et plus visibles.

6. Modification d’autres éléments de la page

Chaque élément de la page peut être modifié de la même manière que nous avons changé les images de fond et le texte du formulaire. Voici quelques exemples de ces modifications.

En relation  Comment mettre en place une liste de tâches WordPress

La couleur, la taille et le rembourrage des boutons peuvent être modifiés :

Tous les messages d’erreur du formulaire de connexion peuvent être édités :

Tous les dialogues du formulaire de connexion peuvent être édités :

Pratiquement chaque élément des pages de connexion, d’enregistrement et de perte de mot de passe peut être modifié et ajusté. Y compris :

  • Logo
  • Contexte
  • Formulaire de connexion
  • Formulaire de mot de passe oublié
  • Boutons
  • Messages d’erreur
  • Messages de bienvenue
  • Pied de page du formulaire

Que se passe-t-il si vous désinstallez le plugin LoginPress

Si vous désinstallez le plugin, votre page de connexion reviendra à la connexion par défaut de WordPress.

Le plugin crée des entrées dans la table de la base de données des options qui ne sont pas supprimées lorsque le plugin est désinstallé. (Même si vous avez activé le paramètre “Supprimer les paramètres lors de la désinstallation”).

Si vous devez supprimer les entrées de la base de données, regardez les lignes d’option contenant “loginpress”.

Voici à quoi ils ressemblent dans phpMyAdmin :

Il n’a jamais été aussi facile de personnaliser la page de connexion à WordPress

Tous les plugins WordPress utilisent les ressources du serveur et peuvent potentiellement ajouter du temps au chargement des pages. Mais compte tenu de la facilité avec laquelle les changements de page de connexion sont effectués avec LoginPress, le compromis peut être justifié.

Si l’on considère ce que cela implique de modifier manuellement la page de connexion, on peut voir les avantages de l’utilisation de LoginPress. Cela vous fera gagner beaucoup de temps et vous épargnera bien des soucis.

La version payante du plugin est un peu chère en ce qui concerne les plugins. Mais le niveau “Startup” et les niveaux supérieurs proposent des modules complémentaires impressionnants. Connexion à un compte social, un widget de connexion, la possibilité de limiter les tentatives de connexion, de masquer la connexion et même de connecter automatiquement les utilisateurs.

Avec ces nouvelles fonctionnalités et le gain de temps que le plugin permet, c’est une mise à niveau “pro” que je peux recommander.

Avez-vous déjà essayé d’apporter des modifications manuelles à votre page de connexion WordPress ? Pourriez-vous bénéficier d’une personnalisation facile de votre page de connexion ?

Comme toujours, faites-le moi savoir dans les commentaires. J’aimerais beaucoup avoir de vos nouvelles.