{"id":237337,"date":"2022-04-02T10:40:00","date_gmt":"2022-04-02T07:40:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=237337"},"modified":"2021-10-27T02:23:32","modified_gmt":"2021-10-26T23:23:32","slug":"comment-changer-les-polices-dans-wordpress-the-easy-way","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-changer-les-polices-dans-wordpress-the-easy-way\/","title":{"rendered":"Comment changer les polices dans WordPress [The Easy Way]"},"content":{"rendered":"<p>Vous cherchez \u00e0 changer la police utilis\u00e9e sur votre site WordPress ?<\/p>\n<p>Avec les bons outils, il est facile de changer la police de votre site ou d&rsquo;ajouter plusieurs nouvelles polices. Suivez ce didacticiel rapide et une nouvelle police s&rsquo;affichera sur votre site dans les prochaines minutes.<\/p>\n<h2>Comment utiliser les polices Google faciles<\/h2>\n<p>La meilleure fa\u00e7on de changer la police sur votre site est d&rsquo; <a href=\"https:\/\/wordpress.org\/plugins\/easy-google-fonts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">utiliser le<\/a> plugin <a href=\"https:\/\/wordpress.org\/plugins\/easy-google-fonts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Easy Google Fonts<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/easy-google-fonts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f52fca7150.png\" alt=\"Comment changer les polices dans WordPress [The Easy Way]\" \/><\/a><\/p>\n<p>Ce plugin vous donne acc\u00e8s \u00e0 des centaines de polices diff\u00e9rentes \u00e0 utiliser sur votre site. Avant de passer au plugin, prenons un instant pour d\u00e9couvrir ce qu&rsquo;est Google Fonts.<\/p>\n<p><strong>Mise \u00e0 jour\u00a0:<\/strong> mon nouveau didacticiel vid\u00e9o vous guidera \u00e0 travers les \u00e9tapes (il utilise un plugin diff\u00e9rent de celui de ce didacticiel).<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/_CZCfFl59iE\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Abonnez-vous aux th\u00e8mes de comp\u00e9tition sur Youtube<\/a><\/p>\n<h3>Qu&rsquo;est-ce que les polices Google\u00a0?<\/h3>\n<p><a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google Fonts<\/a> donne acc\u00e8s \u00e0 des centaines de polices que vous pouvez utiliser gratuitement sur n&rsquo;importe quel site Web. Pour tout d\u00e9veloppeur Web cherchant \u00e0 ajouter une police \u00e0 son site, Google Fonts facilite la t\u00e2che.<\/p>\n<p>Si vous ne connaissez pas les tenants et aboutissants de la cr\u00e9ation de sites Web, c&rsquo;est l\u00e0 qu&rsquo;intervient le plugin Easy Google Fonts. Il g\u00e8re les parties techniques pour vous, il vous suffit donc de s\u00e9lectionner les polices que vous aimez.<\/p>\n<p>J&rsquo;ai compris? Super, ajoutons ces polices\u00a0!<\/p>\n<h3>Cr\u00e9ez votre contr\u00f4le de police<\/h3>\n<p>Lorsque vous activez le plugin, vous trouverez un nouvel \u00e9l\u00e9ment de menu Google Fonts ajout\u00e9 sous Param\u00e8tres. Sur cette page, vous trouverez les options suivantes\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f52fedf994.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f52fedf994.png\" alt=\"Comment changer les polices dans WordPress [The Easy Way]\" ><\/a><\/p>\n<p>Vous affecterez plus tard des polices \u00e0 votre \u00ab\u00a0contr\u00f4le de polices\u00a0\u00bb afin que vous puissiez avoir plusieurs contr\u00f4les de polices avec diff\u00e9rentes polices et param\u00e8tres. Pour l&rsquo;instant, tout ce que vous avez \u00e0 faire est de nommer votre contr\u00f4le de police.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f53009918f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f53009918f.png\" alt=\"Comment changer les polices dans WordPress [The Easy Way]\" ><\/a><\/p>\n<h3>Ajouter un s\u00e9lecteur CSS<\/h3>\n<p>Sous le nom du contr\u00f4le, il y a une case o\u00f9 vous pouvez d\u00e9finir les s\u00e9lecteurs CSS que vous souhaitez utiliser. Si vous ne savez pas ce qu&rsquo;est un s\u00e9lecteur CSS, ce n&rsquo;est pas un probl\u00e8me.<\/p>\n<p>Il y a trois s\u00e9lecteurs CSS ajout\u00e9s par d\u00e9faut. Cliquez sur le \u00ab\u00a0x\u00a0\u00bb sur chacun pour les supprimer. Une fois supprim\u00e9, tapez un ast\u00e9risque (*) et appuyez sur Entr\u00e9e. Le param\u00e8tre des s\u00e9lecteurs CSS devrait maintenant ressembler \u00e0 ceci\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f530271229.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f530271229.png\" alt=\"Comment changer les polices dans WordPress [The Easy Way]\" ><\/a><\/p>\n<p>L&rsquo;ast\u00e9risque est un s\u00e9lecteur CSS qui cible chaque \u00e9l\u00e9ment HTML du site. En d&rsquo;autres termes, vous venez de dire \u00e0 Easy Google Fonts d&rsquo;utiliser votre nouvelle police pour tout le texte du site.<\/p>\n<h3>Forcer le remplacement des styles<\/h3>\n<p>Je recommande \u00e9galement de cocher la case &quot;Forcer le remplacement des styles&quot;. Cela garantira que la police que vous choisissez remplace les polices utilis\u00e9es dans le th\u00e8me. Il n&rsquo;y a aucun inconv\u00e9nient \u00e0 utiliser cette option, vous pouvez donc aussi la v\u00e9rifier et gagner une minute si les polices ne remplacent pas sans elle.<\/p>\n<h3>Choisissez votre nouvelle police<\/h3>\n<p>Maintenant que Easy Google Fonts sait quelles parties de votre site affecter, vous pouvez lui dire quelle police utiliser.<\/p>\n<p>Visitez le Customizer pour commencer votre s\u00e9lection de polices (Apparence &gt; Personnaliser). Une fois l\u00e0-bas, cliquez sur la nouvelle section Typographie.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5304667c4.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5304667c4.png\" alt=\"Comment changer les polices dans WordPress [The Easy Way]\" ><\/a><\/p>\n<p>EGF fonctionne tr\u00e8s bien avec le th\u00e8me <a href=\"https:\/\/www.competethemes.com\/period\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">P\u00e9riode<\/a>.<\/p>\n<p>Cette section d\u00e9voilera deux nouvelles sous-sections: Typographie par d\u00e9faut et Typographie th\u00e9matique. Cliquez sur la section Typographie du th\u00e8me.<\/p>\n<p>Vous verrez maintenant le contr\u00f4le que vous avez nomm\u00e9 plus t\u00f4t. Cliquez sur le bouton Modifier la police pour afficher les options de personnalisation.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5306ee488.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5306ee488.png\" alt=\"Comment changer les polices dans WordPress [The Easy Way]\" ><\/a><\/p>\n<p>Il y a pas mal d&rsquo;options, mais seulement deux que vous devez modifier.<\/p>\n<h3>Modifier le script\/sous-ensemble<\/h3>\n<p>Les polices ont des jeux de caract\u00e8res con\u00e7us pour s&rsquo;adapter \u00e0 diff\u00e9rentes langues. Si votre site est en anglais, s\u00e9lectionnez la premi\u00e8re option, le latin.<\/p>\n<p>Choisir &quot;Tous les sous-ensembles&quot; rendra les fichiers de polices beaucoup plus volumineux et augmentera vos temps de chargement.<\/p>\n<h3>Choisissez la famille de polices<\/h3>\n<p>C&rsquo;est l\u00e0 que vous pouvez enfin choisir votre nouvelle police. Lorsque vous s\u00e9lectionnez diff\u00e9rentes polices, votre site Web se met \u00e0 jour instantan\u00e9ment.<\/p>\n<p>Bien que ce soit certainement un excellent moyen de pr\u00e9visualiser et de modifier les polices, ce n&rsquo;est pas un moyen efficace de naviguer.<\/p>\n<p>Je vous recommande de visiter <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google Fonts,<\/a> qui est bien con\u00e7u pour parcourir et trouver des polices. Une fois que vous avez trouv\u00e9 quelques polices que vous aimez, revenez sur votre site et essayez-les avec Easy Google Fonts<\/p>\n<h2>Ajouter et personnaliser plus de polices<\/h2>\n<p>J&rsquo;esp\u00e8re que vous adorez votre nouvelle police maintenant, mais vous pouvez faire beaucoup plus avec Easy Google Fonts.<\/p>\n<p>Vous vous souvenez de la section Typographie par d\u00e9faut pr\u00e9c\u00e9dente\u00a0? Vous pouvez l&rsquo;utiliser pour personnaliser vos titres et paragraphes. De plus, vous n&rsquo;\u00eates pas oblig\u00e9 de vous arr\u00eater \u00e0 changer la famille de polices, vous pouvez \u00e9galement modifier la taille et la couleur de la police. Et si vous \u00eates \u00e0 l&rsquo;aise avec certains s\u00e9lecteurs CSS, vous pouvez personnaliser la police sur n&rsquo;importe quelle partie de votre site.<\/p>\n<p>Si vous avez des questions sur la modification des polices avec WordPress ou si vous avez une demande pour un nouveau tutoriel, veuillez laisser un commentaire ci-dessous.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous avez 5 minutes ? Suivez ce tutoriel rapide pour d\u00e9couvrir le meilleur plugin pour changer les polices, et comment l&rsquo;impl\u00e9menter sur votre site WordPress.<\/p>\n","protected":false},"author":1,"featured_media":257299,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[548],"tags":[844],"class_list":["post-237337","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personnaliser-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/237337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=237337"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/237337\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/257299"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=237337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=237337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=237337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}