Pourquoi voudriez-vous cr\u00e9er une page de connexion personnalis\u00e9e WordPress ?<\/h2>\n
La page de connexion WordPress par d\u00e9faut semble simple et r\u00e9duite aux \u00e9l\u00e9ments nus<\/strong>. Il comporte deux champs, un logo, un bouton, quelques liens et une case \u00e0 cocher. Voici \u00e0 quoi \u00e7a ressemble :<\/p>\n Il n’y a rien de mal avec cette page. Cela rend la connexion \u00e0 WordPress tr\u00e8s simple – il n’y a presque rien que vous puissiez faire de mal ici car tout est facile \u00e0 comprendre.<\/p>\n Mais c’est une occasion manqu\u00e9e. \u00c0 tout le moins, vous devriez pouvoir afficher votre propre logo sur la page de connexion<\/strong>. Cela ne ferait pas de mal si vous pouviez afficher autre chose – une mascotte, par exemple – ou jouer avec les couleurs, un peu, ou avec les polices.<\/p>\n Le plug-in YITH Custom Login peut vous aider \u00e0 modifier l’apparence de la page de connexion de votre site Web. Apr\u00e8s avoir install\u00e9 le plugin, il changera l’apparence de votre page de connexion WordPress pour ressembler \u00e0 ceci :<\/p>\n La page de connexion ne restera pas comme \u00e7a si vous ne le souhaitez pas. Il s’agit de l’apparence par d\u00e9faut que vous obtenez apr\u00e8s l’installation et l’activation du plugin<\/a>, mais vous pouvez la modifier. Vous pouvez, par exemple, modifier la couleur d’arri\u00e8re-plan de la page ou d\u00e9finir une image pour l’arri\u00e8re-plan<\/strong>.<\/p>\n Vous pouvez \u00e9galement \u00e9changer la mascotte perroquet avec la v\u00f4tre si vous en avez une. La page est pr\u00eate pour votre logo et vous pouvez jouer avec les champs de nom d’utilisateur et de mot de passe pour modifier leur apparence et leur \u00e9tiquetage. Fondamentalement, ce plugin vous donne le contr\u00f4le sur tous les \u00e9l\u00e9ments importants de la page de connexion<\/strong>. Regardons-le de plus pr\u00e8s.<\/p>\n Avant de plonger dans les param\u00e8tres g\u00e9n\u00e9raux du plugin, assurons-nous d’abord que vous savez comment trouver le plugin. Vous devriez trouver l’option "apparence" dans le menu principal, et cliquer sur "\u00e9cran de connexion" en dessous<\/strong>\u00a0:<\/p>\n Une fois que vous avez fait cela, vous passerez aux options du plugin et vous verrez que l’onglet des param\u00e8tres g\u00e9n\u00e9raux est le premier \u00e0 partir de votre gauche.<\/p>\n L’onglet des param\u00e8tres g\u00e9n\u00e9raux est l’endroit o\u00f9 vous effectuez deux choses importantes\u00a0: activez le plug-in de connexion personnalis\u00e9 et d\u00e9finissez l’image de votre mascotte<\/strong>. Les param\u00e8tres sont aussi simples qu’ils le paraissent, du moins jusqu’\u00e0 ce que vous arriviez au point o\u00f9 vous n’\u00eates pas satisfait de la position de votre mascotte – et il y a de fortes chances que vous ne le soyez pas.<\/p>\n Passons en revue les options de cette page une par une.<\/p>\n Si vous n’\u00eates pas satisfait de l’apparence de la mascotte, vous devez l’ inspecter<\/a> et fouiller dans le code jusqu’\u00e0 ce que vous trouviez les valeurs qui d\u00e9finissent sa position<\/strong>\u00a0:<\/p>\n Vous n’aurez qu’\u00e0 jouer avec les valeurs "top" et "right"<\/strong>. Si vous avez besoin d’aide pour d\u00e9terminer quels param\u00e8tres vous conviennent le mieux, essayez peut-\u00eatre ceux-ci pour commencer\u00a0:<\/p>\n Lorsque vous les modifiez, vous devez copier tout le code dans le champ CSS personnalis\u00e9. N’oubliez pas d’enregistrer les modifications une fois que vous avez termin\u00e9.<\/p>\n L’onglet des param\u00e8tres d’arri\u00e8re-plan vous permet d’ affiner l’apparence et le comportement de l’arri\u00e8re-plan<\/strong>. Voici ce qui vous attendra lorsque vous basculerez sur cet onglet\u00a0:<\/p>\n Ce sont toutes des choses assez standard pour d\u00e9finir des arri\u00e8re-plans. Ajoutez ou non votre propre image, jouez avec diff\u00e9rentes combinaisons de position d’image d’arri\u00e8re-plan et r\u00e9p\u00e9tez, choisissez une belle couleur ou combinez les deux – c’est enti\u00e8rement \u00e0 vous de d\u00e9cider. Comme toujours, n’oubliez pas d’enregistrer les modifications que vous souhaitez conserver.<\/p>\n![\"Personnalisez](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8455da0.jpg\")
<\/a><\/p>\nQue pouvez-vous faire avec la connexion personnalis\u00e9e YITH\u00a0?<\/h2>\n
![\"Personnalisez](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc87f37a1.jpg\")
<\/a><\/p>\n![\"Personnalisez](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8b03bc0.jpg\")
<\/a><\/p>\nr\u00e9glages g\u00e9n\u00e9raux<\/h2>\n
![\"Personnalisez](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8e0924f.jpg\")
<\/a><\/p>\n![\"Personnalisez](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc90b5a58.jpg\")
<\/a><\/p>\n\n
![\"Personnalisez](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc94061ca.jpg\")
<\/a><\/p>\n#login img.mascotte {\nposition:absolute;\nright:-122px;\ntop:62px;\n}<\/code><\/pre>\nParam\u00e8tres d’arri\u00e8re-plan<\/h2>\n
![\"Personnalisez](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc97228b6.jpg\")
<\/a><\/p>\n\n
Param\u00e8tres des logos<\/h2>\n
![\"Personnalisez](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc9a542a2.jpg\")
<\/a><\/p>\n![\"Personnalisez](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc9ce0ff6.jpg\")
<\/a><\/p>\n