Passer au contenu principal

Comment créer une page de connexion WordPress personnalisée (en 5 étapes)

Lorsque vous créez un site Web pour un consommateur, son premier style de travail est généralement la page Web de connexion WordPress. Cependant, par défaut, chaque page Web de connexion WordPress semble exactement identique. Ce n'est pas précisément une impression préliminaire puissante.

Heureusement, il existe de nombreuses méthodes permettant de personnaliser l'écran d'affichage de connexion WordPress. Cela consiste en des ajustements visibles, ressemblant au changement de l'emblème WordPress avec la marque de votre consommateur, et des modifications pratiques. Avec juste quelques ajustements faciles, vous pouvez créer un écran d'affichage de connexion qui peut impressionner vos acheteurs dès le départ.

Dans ce texte, nous vous présenterons personnaliser chaque partie de la page Web de connexion WordPress en 5 étapes simples. Commençons!

Pourquoi vous souhaitez peut-être personnaliser l'écran d'affichage de connexion WordPress

La page Web de connexion WordPress permet aux administrateurs et aux différents clients enregistrés d'accéder au tableau de bord WordPress très important. Par défaut, l'écran de connexion affiche l'emblème et la marque WordPress reconnaissables, ainsi que les champs où vous pouvez entrer votre nom d'utilisateur et votre mot de passe:

La page de connexion WordPress par défaut.

Cette configuration habituelle pourrait également être tout à fait acceptable une fois que vous êtes la seule personne en particulier à accéder à WordPress à nouveau. Cependant, si vous êtes création d'un site pour un client, vous souhaiterez probablement envisager de personnaliser l'écran d'affichage de connexion par défaut.

WordPress est un Système de gestion de contenu (CMS). Cependant, ce qui signifie qu'il est également extrêmement reconnaissable. Si la première impression que votre consommateur a de son site Web est l'écran d'affichage de connexion à l'inventaire WordPress, il peut demander si votre entreprise est ou non offrir une valeur réelle.

Pour ces raisons, il y a de fortes chances que vous souhaitiez renommer l'écran d'affichage de connexion WordPress. Une connexion de marque personnalisée fera une bien meilleure première impression par rapport aux divers génériques de marque WordPress. Il se peut que votre entreprise soit qualifiée, méticuleuse et toujours prête à faire un effort supplémentaire pour satisfaire vos clients.

Vous pouvez même ajouter votre marque personnelle à la page Web de connexion WordPress {personnalisée} du consommateur. Cela peut aider à maintenir votre entreprise au premier plan des préoccupations des acheteurs et à créer un lien psychologique puissant entre votre organisation et leur site Web. Cela encourage le consommateur à considérer votre entreprise comme intrinsèque au succès de son site Web, ce qui peut se révéler inestimable lorsqu'il est temps pour lui de reprendre son contrat avec vous.

Une page Web de connexion WordPress {personnalisée} n'est pas presque attrayante. Vous pouvez ajouter des performances améliorées. Ces options peuvent aider le site Web à l'épreuve du client, ou aider les acheteurs à résoudre indépendamment les points qu'ils rencontrent. Alternativement, ces options supplémentaires peuvent améliorer la sécurité. Avec WordPress prenant en compte 94% des CMS piratés en 2019, il est essentiel de protéger simplement les tableaux de bord de vos acheteurs contre les événements tiers malveillants.

Comment impressionner vos acheteurs avec une page Web de connexion WordPress {personnalisée} (en 5 étapes)

Vous pouvez créer un écran d'affichage de connexion WordPress {personnalisé} en utilisant une variété de plugins et d'instruments. Dans ce tutoriel, nous utiliserons le Personnalisateur de page de connexion personnalisée plugin par LoginPress.

Vous pouvez utiliser ce plugin pour personnaliser l'apparence et la convivialité de la page Web de connexion WordPress et ajouter des performances supplémentaires. Une fois que vous l'avez mis et activé, vous pouvez plonger dans notre plan en cinq étapes pour faire une expertise de connexion {personnalisée} à vos acheteurs.

Étape 1: Accédez au personnalisateur LoginPress

Vous pouvez revoir visuellement votre page Web de connexion et ajouter des performances supplémentaires en utilisant le Customizer de LoginPress. Pour accéder à ce logiciel, accédez à LoginPress> Personnalisateur dans le tableau de bord WordPress.

Si vous accédez à LoginPress pour la première fois, vous serez invité à choisir l'assortiment de connaissances. Vous pouvez choisir d'autoriser ou de refuser cette demande comme vous le souhaitez, mais assurez-vous d'informer votre consommateur de votre choix:

Le plugin WordPress LoginPress.

Ensuite, vous serez redirigé vers le Customizer LoginPress. Si vous ou votre consommateur changez d'avis, vous pouvez décider de participer ou de vous retirer du contrôle de l'utilisation de LoginPress à n'importe quel niveau. Naviguez simplement vers Plugins> Plugins installés. Trouvez LoginPress dans l'enregistrement et choisissez son accompagnement Activer / Désactiver lien hypertexte.

Étape 2: renommer l'écran d'affichage de connexion WordPress

Vous pouvez utiliser LoginPress pour marque blanche l'écran d'affichage de connexion WordPress avec une marque {personnalisée}. Cela peut vous aider à présenter une expertise adaptée à votre consommateur.

Que vous ayez l'intention ou non d'utiliser la marque de votre consommateur ou votre personnalité personnelle, vous souhaiterez parfois retirer l'emblème WordPress. Dans le menu de la barre latérale, choisissez Logo. Vous pouvez ensuite cliquer sur Image du logo> Sélectionner une image, et sélectionnez le fichier que vous souhaitez simplement utiliser:

Un écran de connexion WordPress personnalisé.

Vous pouvez également souhaiter intégrer une URL dans l'emblème de votre choix pour envoyer les clients qui cliquent dessus vers la page Web de résidence de l'emplacement. Par exemple, si vous affichez l'emblème de votre entreprise, vous pouvez éventuellement créer un lien hypertexte vers votre site web de l'agence. Vous pouvez ajouter ce tacle dans le Logo URL la discipline.

Pendant que vous êtes sur cet écran, vous pouvez également présenter un Titre de la page de connexion. Voici le contenu textuel qui apparaît dans l'onglet du navigateur:

Une page de connexion WordPress personnalisée avec un titre de page personnalisé.

Vous pouvez également supprimer la marque de votre page Web de connexion WordPress {personnalisée} en utilisant complètement le Désactiver le logo choix. Cela pourrait être utile dans le cas où vous proposez un site Web propre que le consommateur envisage de réorganiser.

Étape 3: changer l'image d'arrière-plan

L'un des ajustements les plus importants que vous puissiez également apporter à votre page Web de connexion WordPress {personnalisée} est de modifier son arrière-plan. Pour changer l'arrière-plan WordPress gris uni, choisissez Image d'arrière-plan> Sélectionner une image. Vous pouvez ensuite sélectionner le fichier que vous souhaitez simplement utiliser:

Une page de connexion WordPress personnalisée créée à l'aide de LoginPress.

Vous devez également utiliser une vidéo en arrière-plan. Cela peut créer un impact accrocheur, bien que cela puisse être distrayant. Les vidéos peuvent également avoir un effet sur temps de chargement des pages lorsque vous accédez à l'écran d'affichage de connexion via une connexion Web plus lente. Si vous décidez de créer un arrière-plan animé, choisissez Activer la vidéo d'arrière-plan:

Une image d'arrière-plan de la page de connexion personnalisée.

Cela révélera les paramètres que vous souhaitez ajouter à votre vidéo. Vous pouvez ensuite configurer l'apparence de votre nouvel arrière-plan sur l'écran d'affichage de connexion. Cela consiste à couper la vidéo, si nécessaire.

Étape 4: Personnalisez le type de connexion

Vous pouvez modifier le type de connexion lui-même. Cela consiste à modifier l'image d'arrière-plan ou l'ombre, et la couleur des étiquettes variées qui apparaissent à l'intérieur de la forme, comme le Se souvenir de moi case à cocher.

Pour modifier l'arrière-plan de la forme, choisissez Couleur d'arrière-plan du formulaire. Vous pouvez ensuite utiliser le sélecteur de couleurs pour décider de votre nouveau look:

Un formulaire de connexion personnalisé.

Vous pouvez également supprimer complètement l'arrière-plan du type de connexion, en utilisant le Activer la transparence du formulaire glissière. Cela peut être utile si vous concevez une page Web de connexion WordPress rationalisée et simplifiée {personnalisée}. Cela peut créer un impact accrocheur dans le cas où vous utilisez une image d'arrière-plan occupée ou placée notamment et que vous ne souhaitez pas la distraire ou la masquer:

Une page de connexion WordPress personnalisée avec un formulaire transparent.

Vous pouvez changer la couleur des étiquettes de contenu textuel qui apparaissent dans le type de connexion. Par exemple, vous pouvez simplifier l'apprentissage de ces étiquettes en les contrastant avec l'image d'arrière-plan.

En dessous de cet écran, vous découvrirez le Couleur de l'étiquette du champ de saisie paramètres. Ceci contrôle la couleur du nom d'utilisateur ou adresse e-mail et la Mot de passe étiquettes de discipline:

Étiquettes de formulaire de connexion personnalisées.

Vous pouvez changer la couleur du Se souvenir de moi étiquette. Pour personnaliser ce contenu textuel, cliquez sur le Remember me Color Label curseur et utilisez les contrôles découverts ici.

Étape 5: Remplacez les messages d'erreur par défaut

WordPress a une collection de messages d'erreur par défaut qu'il montre si quelqu'un entre son nom d'utilisateur ou son mot de passe de manière incorrecte. Ces messages d'erreur déterminent clairement le problème. Par exemple, ils disent Nom d'utilisateur invalideou Le tacle du courrier électronique n'est pas approprié pour indiquer quel titre empêche la personne d'entrer.

Vous pouvez utiliser LoginPress pour personnaliser ces messages d'erreur. Par exemple, vous pouvez modifier ces messages par défaut pour offrir des détails supplémentaires sur l'erreur et la résoudre. Cela pourrait être utile au cas où votre consommateur ne serait pas particulièrement qualifié avec WordPress. Vous pouvez également souhaiter présenter ces données supplémentaires si le consommateur ne s'est pas organisé pour que vous puissiez présenter une assistance technique continue.

Bien que les messages informatifs puissent aider les clients fiables à saisir leurs comptes WordPress, ils présenteront également des données utiles pour les pirates. Tiers malveillants peuvent généralement essayer d'accéder à des sites Web en utilisant des mélanges de mots de passe et de noms d'utilisateur répandus. Les messages d'erreur par défaut peuvent aider les pirates à déterminer une fois qu'ils ont saisi un nom d'utilisateur ou un mot de passe précis.

Pour aider à protéger le tableau de bord d'administration WordPress du consommateur, vous souhaiterez peut-être rendre ces messages d'erreur plus génériques. Pour les modifier, choisissez Messages d'erreur dans le menu Personnalisateur:

Messages d'erreur de connexion personnalisés.

Vous pouvez maintenant apporter les ajustements nécessaires à tous les messages d'erreur de connexion. Ces champs sont adaptés avec Mise en forme HTML. Cela vous permet d'ajouter des composants stylistiques, ressemblant à du contenu textuel essentiel en gras et en italique.

Conclusion

La page Web de connexion WordPress par défaut fera le travail, mais ce n'est pas vraiment inspirant à regarder. Si vous voulez impressionner vos acheteurs, nous vous suggérons de relooker la page Web de connexion et peut-être d'améliorer ses performances.

Utiliser un plugin ressemblant à Personnalisateur de page de connexion personnalisée, vous pouvez créer un nouvel écran d'affichage de connexion en 5 étapes simples:

  1. Accédez au personnalisateur LoginPress.
  2. Renommez l'écran d'affichage de connexion WordPress.
  3. Changez l'image d'arrière-plan.
  4. Personnalisez le type de connexion.
  5. Remplacez les messages d'erreur par défaut.

Avez-vous des questions sur la création d'une page Web de connexion WordPress {personnalisée}? Demandez dans la partie commentaires ci-dessous!

Crédit image: Image Principalexemple d'image d'arrière-plan.

Ce poste 0 Publier les commentaires

Laissez un commentaire

Votre adresse email n'apparaitra pas. Les champs obligatoires sont marqués *

Retour au sommet