{"id":26176,"date":"2021-06-21T13:07:00","date_gmt":"2021-06-21T10:07:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26176"},"modified":"2021-10-18T02:02:33","modified_gmt":"2021-10-17T23:02:33","slug":"comment-ajouter-du-code-apres-la-balise-body-dans-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-du-code-apres-la-balise-body-dans-wordpress\/","title":{"rendered":"Comment ajouter du code apr\u00e8s la balise Body dans WordPress"},"content":{"rendered":"<p>Sur le site Web, nous devons g\u00e9n\u00e9ralement ins\u00e9rer du code apr\u00e8s la balise body. Normalement, il s&rsquo;agit d&rsquo;un code JavaScript invisible dans une balise de script. Des services externes tels que Google Analytics, Google Tag Manager, Google Adsense, Facebook, etc. vous fournissent un script qui doit \u00eatre ajout\u00e9 avant la fermeture de la balise head et apr\u00e8s l&rsquo;ouverture imm\u00e9diate de l&rsquo;\u00e9l\u00e9ment body.<\/p>\n<p>WordPress fournit une <code>wp_head()<\/code>fonction qui est utilis\u00e9e pour injecter du code avant de fermer la balise head. Une autre fonction fournie par WordPress est celle <code>wp_footer()<\/code>qui est utilis\u00e9e pour ajouter du code avant la fermeture de l&rsquo;\u00e9l\u00e9ment body (pas apr\u00e8s l&rsquo;ouverture du corps). Jusqu&rsquo;\u00e0 pr\u00e9sent, les d\u00e9veloppeurs WordPress utilisent wp_footer() pour injecter du code dans la balise body ou ajouter du code de mani\u00e8re statique apr\u00e8s l&rsquo;ouverture de l&rsquo;\u00e9l\u00e9ment body. Mais, ces deux options ne sont pas recommand\u00e9es.<\/p>\n<p>L&rsquo;ajout de code statique est logique conform\u00e9ment aux recommandations des services externes. Mais cette technique nous emp\u00eacherait alors de mettre \u00e0 jour un th\u00e8me.<\/p>\n<p>Heureusement, WordPress 5.2 introduit une nouvelle fonction appel\u00e9e <code>wp_body_open()<\/code>. Cette fonction d\u00e9clenche une <code>wp_body_open<\/code>action et est utile pour placer du code apr\u00e8s l&rsquo;ouverture de l&rsquo;\u00e9l\u00e9ment body. Cela \u00e9tant dit, voyons comment injecter du code imm\u00e9diatement apr\u00e8s avoir ouvert une balise body dans WordPress.<\/p>\n<h3>Ajouter du code apr\u00e8s la balise Body dans WordPress<\/h3>\n<p>Si vous utilisez la derni\u00e8re version de WordPress, vous devez ajouter la <code>wp_body_open()<\/code>m\u00e9thode \u00e0 c\u00f4t\u00e9 de votre balise body comme indiqu\u00e9 ci-dessous.<\/p>\n<pre><code>&lt;body &lt;?php body_class(); ?&gt;&gt;\n&lt;?php wp_body_open(); ?&gt;<\/code><\/pre>\n<p>Apr\u00e8s cela, vous pouvez utiliser l&rsquo;action <code>wp_body_open<\/code>pour ajouter votre code \u00e0 la place de <code>wp_body_open()<\/code>. En d&rsquo;autres termes, vous pouvez injecter votre code imm\u00e9diatement apr\u00e8s avoir ouvert la balise body. Vous pouvez utiliser cette action comme suit\u00a0:<\/p>\n<pre><code>add_action('wp_body_open', 'add_code_on_body_open');\nfunction add_code_on_body_open() {\n\u00a0\u00a0\u00a0\u00a0echo '&lt;script&gt;Your code here&lt;\/script&gt;';\n}<\/code><\/pre>\n<p>C&rsquo;est \u00e7a! C&rsquo;est aussi simple que cela. Ce code fonctionne bien avec la version WordPress &gt;= 5.2. Si vous utilisez une ancienne version de WordPress, vous pouvez d\u00e9finir la <code>wp_body_open<\/code>m\u00e9thode comme suit.<\/p>\n<pre><code>if (! function_exists( 'wp_body_open')) {\n\u00a0\u00a0\u00a0\u00a0function wp_body_open() {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0do_action( 'wp_body_open' );\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n<p>Maintenant, ajoutez la m\u00e9thode <code>wp_body_open()<\/code>apr\u00e8s l&rsquo;\u00e9l\u00e9ment body et utilisez l&rsquo;action comme indiqu\u00e9 ci-dessus.<\/p>\n<p>C&rsquo;est un moyen propre et efficace d&rsquo;injecter votre code apr\u00e8s l&rsquo;ouverture de la balise body. J&rsquo;encourage les d\u00e9veloppeurs WordPress \u00e0 utiliser cette technique sur leurs sites Web. En savoir plus sur cette mise \u00e0 jour sur la <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_body_open\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">documentation<\/a>.<\/p>\n<h4>Articles Li\u00e9s<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fr\/integration-de-mailchimp-dans-wordpress-sans-utiliser-de-plugin\/\" title=\"Int\u00e9gration de MailChimp dans WordPress sans utiliser de plugin\">Int\u00e9gration de MailChimp dans WordPress sans utiliser de plugin<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fr\/ajout-d-un-bouton-d-image-personnalise-avec-media-uploader-dans-wordpress\/\" title=\"Ajout d&#039;un bouton d&#039;image personnalis\u00e9 avec Media Uploader dans WordPress\">Ajout d&rsquo;un bouton d&rsquo;image personnalis\u00e9 avec Media Uploader dans WordPress<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fr\/charger-du-contenu-dynamique-sur-bootstrap-modal-dans-wordpress\/\" title=\"Charger du contenu dynamique sur Bootstrap Modal dans WordPress\">Charger du contenu dynamique sur Bootstrap Modal dans WordPress<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans cet article, je vous montre un moyen propre et efficace d&rsquo;ajouter du code apr\u00e8s la balise body dans WordPress. Nous devons injecter du code apr\u00e8s la balise body si<\/p>\n","protected":false},"author":1,"featured_media":21610,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[608],"tags":[844],"class_list":["post-26176","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-4","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/26176","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=26176"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/26176\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/21610"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=26176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=26176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=26176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}