{"id":95112,"date":"2022-09-28T06:51:13","date_gmt":"2022-09-28T06:51:13","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-correctement-des-extraits-de-code-a-votre-site-wordpress\/"},"modified":"2022-09-28T06:51:13","modified_gmt":"2022-09-28T06:51:13","slug":"comment-ajouter-correctement-des-extraits-de-code-a-votre-site-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-correctement-des-extraits-de-code-a-votre-site-wordpress\/","title":{"rendered":"Comment ajouter correctement des extraits de code \u00e0 votre site WordPress"},"content":{"rendered":"<div>\n<p>Voulez-vous conna\u00eetre la bonne fa\u00e7on d&#8217;ajouter des extraits de code personnalis\u00e9s \u00e0 votre site WordPress ?  Ajouter des extraits de code \u00e0 WordPress n&#8217;est pas sorcier, mais m\u00eame la moindre erreur peut planter votre site Web.  Si vous vous lancez sans savoir ce que vous faites, cela pourrait \u00eatre fatal pour votre entreprise.<\/p>\n<p>Ainsi, lorsque vous ajoutez un code personnalis\u00e9 \u00e0 votre site, vous devez vous assurer de le faire de la BONNE FA\u00c7ON.<\/p>\n<p>Dans cet article, nous vous expliquerons comment copier et coller correctement des extraits de code dans votre site WordPress.  Une fois que vous aurez fini de lire, vous aurez les connaissances et la confiance n\u00e9cessaires pour modifier votre site comme vous le souhaitez.  Vous pourriez m\u00eame vous amuser un peu!<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Pourquoi_ajouter_des_extraits_de_code_a_WordPress\"><\/span>Pourquoi ajouter des extraits de code \u00e0 WordPress ?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>L&#8217;ajout d&#8217;extraits de code \u00e0 votre site est l&#8217;un des moyens les plus simples d&#8217;\u00e9tendre les fonctionnalit\u00e9s de votre site Web.  Bien que l&#8217;installation d&#8217;un plugin soit le moyen \u00e9vident d&#8217;am\u00e9liorer les fonctionnalit\u00e9s int\u00e9gr\u00e9es de WordPress, en particulier pour les non-d\u00e9veloppeurs, il est parfois difficile de trouver un plugin qui r\u00e9ponde exactement \u00e0 vos besoins.  D&#8217;autre part, vous pouvez trouver des centaines de tutoriels WordPress sur le Web qui recommandent d&#8217;ajouter des extraits de code en fonction de vos besoins.<\/p>\n<p>Cela dit, il est essentiel que vous ins\u00e9riez correctement vos extraits de code personnalis\u00e9s dans le bon fichier et au bon emplacement.  Sinon, cela pourrait faire planter votre site Web et, \u00e0 son tour, saboter votre entreprise et votre r\u00e9putation.<\/p>\n<p>Divisons ce tutoriel en 2 sections diff\u00e9rentes :<\/p>\n<ol>\n<li>Personnalisation du fichier de mod\u00e8le WordPress<\/li>\n<li>Personnalisation du fichier functions.php<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"I_Personnalisation_des_fichiers_de_modeles_WordPress\"><\/span>I. Personnalisation des fichiers de mod\u00e8les WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Avant de plonger, examinons ce qu&#8217;est un fichier de mod\u00e8le WordPress.<\/p>\n<p><strong>Qu&#8217;est-ce qu&#8217;un mod\u00e8le WordPress ?<\/strong><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" alt=\"\" width=\"740\" height=\"379\" class=\"alignnone size-full wp-image-223878\" data-lazy-=\"\" a=\"\" template=\"\" isitwp=\"\" free=\"\" wordpress=\"\" theme=\"\" detector=\"\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/1637183958_933_Como-agregar-correctamente-fragmentos-de-codigo-a-su-sitio-de.png\"\/><\/p>\n<p>Chaque th\u00e8me WordPress est compos\u00e9 de fichiers mod\u00e8les.  Les fichiers de mod\u00e8le de votre th\u00e8me d\u00e9finissent la fa\u00e7on dont votre site Web est affich\u00e9.  Par exemple, header.php est un mod\u00e8le par d\u00e9faut utilis\u00e9 par la plupart des th\u00e8mes WordPress pour d\u00e9finir la zone d&#8217;en-t\u00eate de vos pages Web g\u00e9n\u00e9r\u00e9es par WordPress, telles que vos articles de blog et vos pages autonomes.<\/p>\n<p>Jetons un coup d&#8217;\u0153il \u00e0 quelques mod\u00e8les WordPress par d\u00e9faut utilis\u00e9s par la plupart des th\u00e8mes WordPress.<\/p>\n<ul>\n<li>php \u2013 d\u00e9finit la page principale<\/li>\n<li>php &#8211; d\u00e9finit la section d&#8217;en-t\u00eate<\/li>\n<li>php &#8211; d\u00e9finit la section de pied de page<\/li>\n<li>php : d\u00e9finit les fonctions utilis\u00e9es dans le th\u00e8me<\/li>\n<li>php : d\u00e9finir le billet unique \/ billet de blog<\/li>\n<li>php\u00a0: d\u00e9finit la page autonome<\/li>\n<li>php \u2013 d\u00e9finit la section des commentaires<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Comment_inserer_des_extraits_dans_nimporte_quel_fichier_de_modele\"><\/span>Comment ins\u00e9rer des extraits dans n&#8217;importe quel fichier de mod\u00e8le<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Vous pouvez ins\u00e9rer des extraits de code dans n&#8217;importe quel fichier de mod\u00e8le, comme functions.php, single.php, etc., en utilisant l&#8217;une des 2 m\u00e9thodes : en utilisant un th\u00e8me enfant ou en ajoutant le code directement \u00e0 votre th\u00e8me parent existant.<\/p>\n<p>Cependant, il est recommand\u00e9 de ne pas personnaliser le mod\u00e8le directement dans votre th\u00e8me parent car lorsque vous mettrez \u00e0 jour votre th\u00e8me, vous perdrez toutes les personnalisations que vous avez effectu\u00e9es.  Pour conserver les param\u00e8tres m\u00eame apr\u00e8s la mise \u00e0 jour de votre th\u00e8me, vous pouvez cr\u00e9er un th\u00e8me enfant et le personnaliser.<\/p>\n<p>Un th\u00e8me enfant est un th\u00e8me WordPress qui h\u00e9rite ses fonctionnalit\u00e9s d&#8217;un autre th\u00e8me WordPress (le th\u00e8me parent).  L&#8217;utilisation d&#8217;un th\u00e8me enfant est le bon choix si vous souhaitez apporter de nombreux ajustements \u00e0 vos fichiers de mod\u00e8le.<\/p>\n<p>Voyons comment cr\u00e9er un th\u00e8me enfant et ins\u00e9rer des extraits dans son fichier de mod\u00e8le.<\/p>\n<p>Pour un guide d\u00e9taill\u00e9, vous pouvez vous r\u00e9f\u00e9rer \u00e0 comment cr\u00e9er un th\u00e8me enfant dans WordPress.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"II_Personnalisation_du_fichier_functionsphp\"><\/span>II.  Personnalisation du fichier functions.php<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong>Qu&#8217;est-ce que le fichier functions.php\u00a0?<\/strong><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" alt=\"fichier functions.php\" width=\"740\" height=\"397\" class=\"alignnone size-full wp-image-223879\" data-lazy-=\"\" file=\"\" isitwp=\"\" free=\"\" wordpress=\"\" theme=\"\" detector=\"\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/1637183959_231_Como-agregar-correctamente-fragmentos-de-codigo-a-su-sitio-de.png\"\/><\/p>\n<p>functions.php est un fichier de mod\u00e8le dans votre th\u00e8me WordPress qui vous permet d&#8217;\u00e9tendre facilement les fonctionnalit\u00e9s de votre th\u00e8me et de votre installation WordPress.  Pour \u00e9tendre les fonctions, il vous suffit d&#8217;ajouter certains extraits de code \u00e0 votre fichier functions.php.<\/p>\n<p>Comme tout autre fichier de mod\u00e8le, vous pouvez ajouter des extraits directement \u00e0 votre fichier functions.php.  De plus, pour conserver la personnalisation m\u00eame apr\u00e8s la mise \u00e0 jour de votre th\u00e8me, vous pouvez cr\u00e9er un th\u00e8me enfant et y ins\u00e9rer le code.<\/p>\n<p>Cependant, l&#8217;inconv\u00e9nient est que vous perdrez toute personnalisation que vous avez effectu\u00e9e sur un th\u00e8me enfant si vous passez \u00e0 un th\u00e8me nouveau\/diff\u00e9rent.  C&#8217;est l\u00e0 qu&#8217;un plugin sp\u00e9cifique au site entre en jeu.<\/p>\n<p>Un plugin WordPress sp\u00e9cifique au site est ind\u00e9pendant de votre th\u00e8me, vous permettant d&#8217;ajouter des extraits personnalis\u00e9s \u00e0 votre site.  Vous pouvez utiliser le plugin sp\u00e9cifique au site de 2 mani\u00e8res\u00a0:<\/p>\n<ul>\n<li>m\u00e9thode non.  Correctif n\u00b01\u00a0: utilisez un plug-in pr\u00eat \u00e0 l&#8217;emploi, comme des extraits de code<\/li>\n<li>m\u00e9thode non.  Correctif #2 : Cr\u00e9ation manuelle d&#8217;un plugin sp\u00e9cifique au site<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"methode_non_Correctif_1_Utiliser_un_plugin_pret_a_lemploi\"><\/span>m\u00e9thode non.  Correctif #1 : Utiliser un plugin pr\u00eat \u00e0 l&#8217;emploi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Code Snippets est un plugin WordPress qui fournit une interface graphique pour la gestion des extraits similaire au menu Plugins.<\/p>\n<p>Il \u00e9limine le besoin d&#8217;ins\u00e9rer des extraits personnalis\u00e9s dans le fichier functions.php de votre th\u00e8me.  \u00c9tant donn\u00e9 que vous n&#8217;ins\u00e9rez pas le code dans un fichier de th\u00e8me, vous pouvez conserver la personnalisation sur votre site m\u00eame apr\u00e8s avoir chang\u00e9 de th\u00e8me.<\/p>\n<p>Avec les extraits de code, vous pouvez activer ou d\u00e9sactiver les extraits, tout comme les plugins.<\/p>\n<p>Une fois que vous avez activ\u00e9 le plug-in Code Snippets, vous pouvez ajouter des extraits personnalis\u00e9s, puis sp\u00e9cifier un titre, une description et des balises pour les extraits pour r\u00e9f\u00e9rence future.  De cette fa\u00e7on, \u00e0 l&#8217;avenir, vous pourrez facilement comprendre le but de chaque extrait que vous avez ajout\u00e9.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" alt=\"\" width=\"727\" height=\"415\" class=\"alignnone size-full wp-image-223697\" data-lazy-=\"\" isitwp=\"\" free=\"\" wordpress=\"\" theme=\"\" detector=\"\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/1637183959_604_Como-agregar-correctamente-fragmentos-de-codigo-a-su-sitio-de.png\"\/><\/p>\n<p>Pour plus de d\u00e9tails, vous pouvez lire notre article sur la cr\u00e9ation d&#8217;un plugin sp\u00e9cifique \u00e0 un site.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Creez_un_plan_specifique_au_site_et_inserez_le_code\"><\/span>2. Cr\u00e9ez un plan sp\u00e9cifique au site et ins\u00e9rez le code<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Vous pouvez cr\u00e9er manuellement un plugin sp\u00e9cifique au site et ins\u00e9rer le code \u00e0 l&#8217;int\u00e9rieur.  Contrairement \u00e0 un plugin pr\u00eat \u00e0 l&#8217;emploi, un plugin sp\u00e9cifique au site cr\u00e9\u00e9 manuellement est g\u00e9n\u00e9ralement un plugin basique et l\u00e9ger qui n&#8217;a pas d&#8217;interface graphique pour g\u00e9rer les extraits.<\/p>\n<p>Pour effectuer des personnalisations, vous pouvez acc\u00e9der \u00e0 l&#8217;\u00e9diteur de plug-in et y ins\u00e9rer le code.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" alt=\"ajoutez vos extraits au plugin sp\u00e9cifique au site\" width=\"748\" height=\"378\" class=\"alignnone size-full wp-image-223677\" data-lazy-=\"\" isitwp=\"\" free=\"\" wordpress=\"\" theme=\"\" detector=\"\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/11\/1637183960_377_Como-agregar-correctamente-fragmentos-de-codigo-a-su-sitio-de.png\"\/><\/p>\n<p>Pour un guide \u00e9tape par \u00e9tape, vous pouvez vous r\u00e9f\u00e9rer \u00e0 la cr\u00e9ation d&#8217;un plugin sp\u00e9cifique au site.<\/p>\n<p>C&#8217;est tout!<\/p>\n<p>Nous esp\u00e9rons que ce guide vous a aid\u00e9 \u00e0 ajouter des extraits de code \u00e0 votre site WordPress.<\/p>\n<p>Maintenant, allez-y et trouvez des extraits de code que vous pouvez ajouter pour am\u00e9liorer vos fonctionnalit\u00e9s WordPress.<\/p>\n<p>Si vous avez aim\u00e9 cet article, vous pouvez \u00e9galement consulter les plugins indispensables pour le site Web d&#8217;entreprise.<\/p>\n<\/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-ajouter-correctement-des-extraits-de-code-a-votre-site-wordpress\/#Pourquoi_ajouter_des_extraits_de_code_a_WordPress\" >Pourquoi ajouter des extraits de code \u00e0 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-ajouter-correctement-des-extraits-de-code-a-votre-site-wordpress\/#I_Personnalisation_des_fichiers_de_modeles_WordPress\" >I. Personnalisation des fichiers de mod\u00e8les WordPress<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-correctement-des-extraits-de-code-a-votre-site-wordpress\/#Comment_inserer_des_extraits_dans_nimporte_quel_fichier_de_modele\" >Comment ins\u00e9rer des extraits dans n&#8217;importe quel fichier de mod\u00e8le<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-correctement-des-extraits-de-code-a-votre-site-wordpress\/#II_Personnalisation_du_fichier_functionsphp\" >II.  Personnalisation du fichier functions.php<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-correctement-des-extraits-de-code-a-votre-site-wordpress\/#methode_non_Correctif_1_Utiliser_un_plugin_pret_a_lemploi\" >m\u00e9thode non.  Correctif #1 : Utiliser un plugin pr\u00eat \u00e0 l&#8217;emploi<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-correctement-des-extraits-de-code-a-votre-site-wordpress\/#2_Creez_un_plan_specifique_au_site_et_inserez_le_code\" >2. Cr\u00e9ez un plan sp\u00e9cifique au site et ins\u00e9rez le code<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Voulez-vous conna\u00eetre la bonne fa\u00e7on d&#8217;ajouter des extraits de code personnalis\u00e9s \u00e0 votre site WordPress ? Ajouter des extraits de code \u00e0 WordPress n&#8217;est pas sorcier, mais m\u00eame la moindre erreur peut planter votre site Web. Si vous vous lancez sans savoir ce que vous faites, cela pourrait \u00eatre fatal pour votre entreprise. Ainsi, lorsque [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":95113,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[274,533,31,6991,21,5454,649,154,45],"class_list":["post-95112","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs","tag-ajouter","tag-code","tag-comment","tag-correctement","tag-des","tag-extraits","tag-site","tag-votre","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/95112","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=95112"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/95112\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/95113"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=95112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=95112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=95112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}