{"id":235623,"date":"2022-03-12T13:05:00","date_gmt":"2022-03-12T10:05:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=235623"},"modified":"2022-05-16T10:54:36","modified_gmt":"2022-05-16T07:54:36","slug":"comment-mettre-du-texte-en-surbrillance-dans-les-publications-wordpress-3-manieres-simples","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-mettre-du-texte-en-surbrillance-dans-les-publications-wordpress-3-manieres-simples\/","title":{"rendered":"Comment mettre du texte en surbrillance dans les publications WordPress (3 mani\u00e8res simples)"},"content":{"rendered":"<p>Parfois, l&rsquo;audace ne suffit pas.<\/p>\n<p>Si vous voulez qu&rsquo;un paragraphe ou une partie de phrase se d\u00e9marque, rien ne fonctionne mieux qu&rsquo;un point culminant lumineux.<\/p>\n<p>Dans ce bref didacticiel, vous apprendrez trois fa\u00e7ons diff\u00e9rentes de mettre en valeur du texte avec l&rsquo; <a href=\"https:\/\/themewp.inform.click\/fr\/comment-utiliser-lediteur-de-blocs-wordpress-le-guide-essentiel-de-gutenberg\/\" title=\"\u00e9diteur\">\u00e9diteur<\/a> WordPress <a href=\"https:\/\/themewp.inform.click\/fr\/comment-utiliser-lediteur-de-blocs-wordpress-le-guide-essentiel-de-gutenberg\/\" title=\"Gutenberg\">Gutenberg<\/a>.<\/p>\n<h2>Comment surligner du texte<\/h2>\n<p>La premi\u00e8re m\u00e9thode n\u00e9cessite l&rsquo;\u00e9dition de HTML, mais c&rsquo;est probablement le style que vous recherchez.<\/p>\n<p>Les deux m\u00e9thodes suivantes peuvent \u00eatre impl\u00e9ment\u00e9es enti\u00e8rement via les options normales de l&rsquo;\u00e9diteur.<\/p>\n<h3>1 Utilisez l&rsquo;\u00e9l\u00e9ment HTML \u00ab\u00a0marquer\u00a0\u00bb<\/h3>\n<p>Il existe un <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/mark\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u00e9l\u00e9ment HTML<\/a> de marquage sp\u00e9cialement con\u00e7u pour marquer le texte avec une surbrillance.<\/p>\n<p>&#8230;<\/p>\n<p>Le style d\u00e9pend du navigateur ou m\u00eame de votre th\u00e8me WordPress actuel, mais 99% du temps, il donne au texte un fond jaune comme s&rsquo;il \u00e9tait marqu\u00e9 avec un surligneur traditionnel.<\/p>\n<p>L&rsquo;un des avantages de cette technique est qu&rsquo;elle fonctionne pour tous les \u00e9l\u00e9ments de bloc, elle n&rsquo;est donc pas limit\u00e9e aux blocs de paragraphe uniquement.<\/p>\n<p>Pour ajouter cet effet \u00e0 votre texte, commencez par s\u00e9lectionner le bloc avec le texte que vous souhaitez mettre en \u00e9vidence. Cliquez ensuite sur le bouton Options et s\u00e9lectionnez l&rsquo;option Modifier en HTML.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d84e0ce9.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-187674-61702d84e0ce9.png\" alt=\"Comment mettre du texte en surbrillance dans les publications WordPress (3 mani\u00e8res simples)\"><\/a><\/p>\n<p>\u00c0 l&rsquo;int\u00e9rieur de l&rsquo;\u00e9l\u00e9ment de paragraphe, vous allez envelopper le texte que vous souhaitez mettre en \u00e9vidence avec les balises mark. Pour ce faire, placez \u00ab<!-- \ud83d\udccc\ud83d\udccc\ud83d\udccc ORIGINAL_TEXT - \" directement avant le texte et \" --><\/p>\n<p>&quot; juste apr\u00e8s. La seule diff\u00e9rence est la barre oblique dans la deuxi\u00e8me balise. Assurez-vous de ne pas sauter cela, ou vous finirez par surligner tout le message\u00a0!<\/p>\n<p>Par exemple, si je souhaite mettre en \u00e9vidence les mots \u00ab\u00a0exemple de texte\u00a0\u00bb dans le paragraphe pr\u00e9sent\u00e9 ci-dessous, voici comment proc\u00e9der\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8689273.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-187674-61702d8689273.png\" alt=\"Comment mettre du texte en surbrillance dans les publications WordPress (3 mani\u00e8res simples)\"><\/a><\/p>\n<p>Une fois que vous avez termin\u00e9, vous pouvez ouvrir \u00e0 nouveau le menu des options et cliquer sur Modifier visuellement pour revenir \u00e0 la vue normale.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8840ca2.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-187674-61702d8840ca2.png\" alt=\"Comment mettre du texte en surbrillance dans les publications WordPress (3 mani\u00e8res simples)\"><\/a><\/p>\n<p>Cette technique est un peu fastidieuse, mais donne \u00e0 votre texte cette esth\u00e9tique de surbrillance classique que vous recherchez probablement.<\/p>\n<p>Bien que l&rsquo;\u00e9l\u00e9ment mark soit utile pour modifier la couleur d&rsquo;arri\u00e8re-plan de quelques mots, il existe un moyen encore plus simple de modifier la couleur du texte des mots s\u00e9lectionn\u00e9s.<\/p>\n<h3>2 Changer la couleur du texte<\/h3>\n<p>Vous pouvez modifier la couleur de n&rsquo;importe quel texte dans un bloc de paragraphe \u00e0 l&rsquo;aide d&rsquo;une option d&rsquo;\u00e9diteur int\u00e9gr\u00e9e.<\/p>\n<p>Pour changer la couleur du texte, s\u00e9lectionnez le paragraphe, puis mettez en surbrillance les mots que vous souhaitez modifier. Ensuite, cliquez sur la fl\u00e8che d\u00e9roulante et s\u00e9lectionnez l&rsquo;option Couleur du texte.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8a0e0a3.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-187674-61702d8a0e0a3.png\" alt=\"Comment mettre du texte en surbrillance dans les publications WordPress (3 mani\u00e8res simples)\"><\/a><\/p>\n<p>Vous verrez quelques exemples de couleurs contextuelles, y compris une belle nuance de jaune. Cliquez sur n&rsquo;importe quelle couleur pour appliquer.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8bdb041.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-187674-61702d8bdb041.png\" alt=\"Comment mettre du texte en surbrillance dans les publications WordPress (3 mani\u00e8res simples)\"><\/a><\/p>\n<p>Si vous cliquez sur le lien Couleurs personnalis\u00e9es, un s\u00e9lecteur de couleurs complet s&rsquo;ouvrira.<\/p>\n<p>L&rsquo;un des avantages d&rsquo;utiliser cette option au lieu d&rsquo;utiliser des \u00e9l\u00e9ments de marque est que vous obtenez un contr\u00f4le total sur la couleur. Cette option est disponible pour la couleur du texte, mais il n&rsquo;existe actuellement aucun moyen d&rsquo;ajouter une couleur d&rsquo;arri\u00e8re-plan personnalis\u00e9e <strong>pour les mots s\u00e9lectionn\u00e9s<\/strong>.<\/p>\n<p>Cela dit, il existe un moyen simple de modifier la couleur du texte et la couleur d&rsquo;arri\u00e8re-plan <strong>d&rsquo;un paragraphe entier<\/strong>.<\/p>\n<h3>3 Changer la couleur d&rsquo;arri\u00e8re-plan<\/h3>\n<p>Cette derni\u00e8re technique est id\u00e9ale pour cr\u00e9er des &quot;appels&quot; contenant des conseils, des avertissements ou m\u00eame un appel \u00e0 l&rsquo;action marketing.<\/p>\n<p>Pour donner une couleur d&rsquo;arri\u00e8re-plan \u00e0 un bloc de paragraphe, s\u00e9lectionnez-le, puis cliquez sur la section Param\u00e8tres de couleur dans la barre lat\u00e9rale. \u00c0 l&rsquo;int\u00e9rieur, vous trouverez une vari\u00e9t\u00e9 d&rsquo;options de couleurs pour le texte et l&rsquo;arri\u00e8re-plan.<\/p>\n<p>Vous verrez la section Param\u00e8tres de couleur lorsqu&rsquo;un paragraphe est s\u00e9lectionn\u00e9 dans l&rsquo;\u00e9diteur<\/p>\n<p>Tout ce que vous avez \u00e0 faire est de cliquer sur une couleur pour l&rsquo;appliquer. L&rsquo;option de couleurs personnalis\u00e9es est disponible si vous souhaitez utiliser un s\u00e9lecteur de couleurs ou saisir un code de couleur hexad\u00e9cimal.<\/p>\n<p>L&rsquo;option Couleur du texte que vous venez d&rsquo;apprendre est bonne pour \u00e9diter des mots individuels dans un paragraphe, mais ce param\u00e8tre au niveau du bloc est beaucoup plus efficace si vous souhaitez modifier la couleur du texte pour un paragraphe entier.<\/p>\n<h2>Ma\u00eetriser l&rsquo;\u00e9diteur WordPress<\/h2>\n<p>J&rsquo;esp\u00e8re que les conseils de ce didacticiel vous aideront \u00e0 cr\u00e9er un contenu encore meilleur, mais ne vous arr\u00eatez pas l\u00e0.<\/p>\n<p>Il y a beaucoup plus \u00e0 apprendre sur l&rsquo;\u00e9diteur de blocs qui peut vous aider \u00e0 cr\u00e9er un contenu plus efficace et \u00e9l\u00e9gant en moins de temps.<\/p>\n<p>Si vous d\u00e9butez sur WordPress, je vous recommande de lire mon guide sur l&rsquo;utilisation efficace de l&rsquo;\u00e9diteur de blocs\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/fr\/comment-utiliser-lediteur-de-blocs-wordpress-le-guide-essentiel-de-gutenberg\/\" title=\"Comment utiliser l&#039;\u00e9diteur de blocs WordPress: le guide essentiel de Gutenberg\">Comment utiliser l&rsquo;\u00e9diteur de blocs WordPress: le guide essentiel de Gutenberg<\/a><\/p>\n<p>Et si vous \u00eates un utilisateur de WP depuis un certain temps, je parie que vous pouvez toujours trouver des conseils de conception pratiques dans mon cours gratuit par e-mail de 7 jours :<\/p>\n<p><a href=\"https:\/\/www.competethemes.com\/subscribe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Cours GRATUIT de 7 jours sur la ma\u00eetrise de WordPress par e-mail<\/a><\/p>\n<p>Merci d&rsquo;avoir lu ce didacticiel sur la fa\u00e7on de surligner du texte avec WordPress, et pensez \u00e0 le partager avec les boutons 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>D\u00e9couvrez trois fa\u00e7ons simples de mettre en \u00e9vidence du texte dans les articles et les pages WordPress. Les m\u00e9thodes incluent la modification de la couleur de l&rsquo;arri\u00e8re-plan et du texte.<\/p>\n","protected":false},"author":1,"featured_media":257945,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[548],"tags":[844],"class_list":["post-235623","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\/235623","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=235623"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/235623\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/257945"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=235623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=235623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=235623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}