{"id":91763,"date":"2022-09-26T11:48:49","date_gmt":"2022-09-26T11:48:49","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-afficher-le-code-dans-les-publications-wordpress-2\/"},"modified":"2022-09-26T11:48:49","modified_gmt":"2022-09-26T11:48:49","slug":"comment-afficher-le-code-dans-les-publications-wordpress-2","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-afficher-le-code-dans-les-publications-wordpress-2\/","title":{"rendered":"Comment afficher le code dans les publications WordPress"},"content":{"rendered":"<div id=\"the-post\">\n<p><!-- .entry-header-outer \/--><\/p>\n<div class=\"entry-content entry clearfix\">\n<p>L&#8217;un des probl\u00e8mes les plus courants rencontr\u00e9s par les nouveaux utilisateurs de WordPress est l&#8217;affichage du code dans les publications.  Le probl\u00e8me se produit lorsqu&#8217;un utilisateur essaie de partager un extrait de code dans ses publications.  Par d\u00e9faut, WordPress filtre le code et il devient illisible.  Dans cet article, je vais montrer comment afficher le code dans les publications WordPress. <\/p>\n<h4><span class=\"ez-toc-section\" id=\"Utilisation_dentites_HTML_pour_afficher_le_code_dans_les_publications_WordPress\"><\/span>Utilisation d&#8217;entit\u00e9s HTML pour afficher le code dans les publications WordPress<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Les entit\u00e9s HTML sont un code sp\u00e9cial que les navigateurs analysent pour afficher le caract\u00e8re associ\u00e9 \u00e0 cette entit\u00e9 particuli\u00e8re.  Par exemple:<\/p>\n<ul>\n<li>&#038; devient &#038;<\/li>\n<li><se convierte=\"\" en=\"\">\n<li>>devient> <\/li>\n<p><\/se><\/li>\n<\/ul>\n<p>En utilisant des entit\u00e9s HTML, vous pouvez afficher du code dans vos publications WordPress. <\/p>\n<div class=\"awesome\">  sera affich\u00e9 dans le navigateur comme ceci\u00a0:<\/p>\n<div class=\"awesome\">\n<p>Cette m\u00e9thode est particuli\u00e8rement utile si vous ne souhaitez afficher que quelques lignes de code.  Cependant, cette m\u00e9thode peut \u00eatre difficile \u00e0 appliquer manuellement pour plusieurs lignes de code. <\/p>\n<p>Pour r\u00e9soudre ce probl\u00e8me, vous pouvez utiliser un encodeur d&#8217;entit\u00e9 HTML en ligne, comme celui-ci.  Entrez simplement le code que vous souhaitez convertir et appuyez sur le bouton d&#8217;encodage.  Il convertira votre code en entit\u00e9s HTML et vous pourrez coller ce code en toute s\u00e9curit\u00e9 \u00e0 l&#8217;int\u00e9rieur  <code\/> \u00e9tiquette. <\/p>\n<h4><span class=\"ez-toc-section\" id=\"Utilisation_du_plugin_pour_afficher_le_code_dans_les_publications_WordPress\"><\/span>Utilisation du plugin pour afficher le code dans les publications WordPress<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Si vous partagez fr\u00e9quemment des extraits de code dans vos messages, les m\u00e9thodes mentionn\u00e9es ci-dessus ne fonctionneront pas pour vous.  La premi\u00e8re chose que vous devez faire est d&#8217;installer et d&#8217;activer le plugin SyntaxHighlighter Evolved.  Cela vous \u00e9vitera d&#8217;avoir \u00e0 convertir du code en entit\u00e9s HTML.  Non seulement cela mettra en \u00e9vidence le code pour l&#8217;afficher dans un format beaucoup plus lisible. <\/p>\n<p>Cela fonctionne imm\u00e9diatement, tout ce que vous avez \u00e0 faire est d&#8217;envelopper votre contenu dans des balises de langue sp\u00e9cifiques.  Par exemple, si vous partagez du code principalement PHP, vous encapsulez votre code comme ceci\u00a0: <\/p>\n<p>[php]<br \/><?php <br \/?>fonction themelab_demo_code() {<br \/>$i = 1\u00a0;<br \/>tandis que ($i echo $i.\u201c<br \/>&#8220;;<br \/>$i++\u00a0;<br \/>pendant ce temps;<br \/>}<br \/>themelab_demo_code();<br \/>?><br \/>[\/php]<\/p>\n<p>Il appara\u00eetra sur votre site, comme ceci : <\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\"><?php function themelab_demo_code() { \n$i = 1;\nwhile ($i <= 10):\n    echo $i.\"<br \/?>\";\n    $i++;\nendwhile;\n}\nthemelab_demo_code();\n?>\n<\/pre>\n<p>Pour diff\u00e9rentes langues, il existe diff\u00e9rents alias que vous pouvez utiliser.  Certains des alias les plus utilis\u00e9s sont\u00a0: <\/p>\n<ul>\n<li>Pour afficher l&#8217;utilisation du code HTML [html] [\/html]<\/li>\n<li>Pour CSS, utilisez ceci\u00a0: [css][\/css]<\/li>\n<li>Pour MySQL, utilisez ceci\u00a0: [sql][\/sql]<\/li>\n<li>Pour Javascript, utilisez ceci\u00a0: [javascript][\/javascript]<\/li>\n<\/ul>\n<p>J&#8217;esp\u00e8re que cet article vous a aid\u00e9 \u00e0 afficher du code dans les publications et les pages WordPress. <\/p>\n<p>Si vous avez aim\u00e9 cet article, rejoignez ThemeLab sur Twitter et Google+. <\/p>\n<\/p><\/div>\n<p><!-- .entry-content \/--><\/p>\n<p>\t\t<!-- .share-buttons \/--><\/p>\n<p>\t<!-- #the-post \/--><\/p>\n<p>\t<!-- .post-components \/--><\/p>\n<\/div>\n<p><!-- .main-content --><\/p>\n<p>\t<!-- .sidebar \/-->\n\t<\/div>\n<p><!-- .main-content-row \/--><\/p><\/div>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/comment-afficher-le-code-dans-les-publications-wordpress-2\/#Utilisation_dentites_HTML_pour_afficher_le_code_dans_les_publications_WordPress\" >Utilisation d&#8217;entit\u00e9s HTML pour afficher le code dans les publications WordPress<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/comment-afficher-le-code-dans-les-publications-wordpress-2\/#Utilisation_du_plugin_pour_afficher_le_code_dans_les_publications_WordPress\" >Utilisation du plugin pour afficher le code dans les publications WordPress<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>L&#8217;un des probl\u00e8mes les plus courants rencontr\u00e9s par les nouveaux utilisateurs de WordPress est l&#8217;affichage du code dans les publications. Le probl\u00e8me se produit lorsqu&#8217;un utilisateur essaie de partager un extrait de code dans ses publications. Par d\u00e9faut, WordPress filtre le code et il devient illisible. Dans cet article, je vais montrer comment afficher le [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[650,533,31,57,43,221,45],"class_list":["post-91763","post","type-post","status-publish","format-standard","hentry","category-blogs","tag-afficher","tag-code","tag-comment","tag-dans","tag-les","tag-publications","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/91763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=91763"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/91763\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=91763"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=91763"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=91763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}