{"id":28872,"date":"2021-06-21T12:55:00","date_gmt":"2021-06-21T09:55:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28872"},"modified":"2021-10-18T03:57:59","modified_gmt":"2021-10-18T00:57:59","slug":"como-adicionar-codigo-apos-a-tag-do-corpo-no-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-codigo-apos-a-tag-do-corpo-no-wordpress\/","title":{"rendered":"Como adicionar c\u00f3digo ap\u00f3s a tag do corpo no WordPress"},"content":{"rendered":"<p>No site, geralmente precisamos inserir o c\u00f3digo ap\u00f3s a tag do corpo. Normalmente, este \u00e9 um c\u00f3digo JavaScript invis\u00edvel em uma tag de script. Servi\u00e7os externos como Google Analytics, Google Tag Manager, Google Adsense, Facebook, etc. fornecem um script que precisa ser adicionado antes do fechamento da tag head e ap\u00f3s a abertura imediata do elemento body.<\/p>\n<p>O WordPress fornece uma <code>wp_head()<\/code>fun\u00e7\u00e3o que \u00e9 usada para injetar c\u00f3digo antes de fechar a tag head. Outra fun\u00e7\u00e3o fornecida pelo WordPress \u00e9 <code>wp_footer()<\/code>a de adicionar c\u00f3digo antes do fechamento do elemento do corpo (n\u00e3o ap\u00f3s a abertura do corpo). At\u00e9 agora, os desenvolvedores do WordPress usam wp_footer() para injetar c\u00f3digo na tag do corpo ou adicionar c\u00f3digo estaticamente ap\u00f3s a abertura do elemento do corpo. Mas, ambas as op\u00e7\u00f5es n\u00e3o s\u00e3o recomendadas.<\/p>\n<p>Adicionar c\u00f3digo estaticamente faz sentido de acordo com as recomenda\u00e7\u00f5es de servi\u00e7os externos. Mas essa t\u00e9cnica nos impediria de atualizar um tema.<\/p>\n<p>Felizmente, o WordPress 5.2 apresenta uma nova fun\u00e7\u00e3o chamada <code>wp_body_open()<\/code>. Esta fun\u00e7\u00e3o aciona a <code>wp_body_open<\/code>a\u00e7\u00e3o e \u00e9 \u00fatil para colocar o c\u00f3digo ap\u00f3s a abertura do elemento do corpo. Dito isso, vamos ver como injetar c\u00f3digo imediatamente ap\u00f3s abrir uma tag body no WordPress.<\/p>\n<h3>Adicionar c\u00f3digo ap\u00f3s a tag do corpo no WordPress<\/h3>\n<p>Se voc\u00ea estiver usando a vers\u00e3o mais recente do WordPress, dever\u00e1 adicionar o <code>wp_body_open()<\/code>m\u00e9todo pr\u00f3ximo \u00e0 tag do corpo, conforme mostrado abaixo.<\/p>\n<pre><code>&lt;body &lt;?php body_class(); ?&gt;&gt;\n&lt;?php wp_body_open(); ?&gt;<\/code><\/pre>\n<p>Depois disso, voc\u00ea pode usar a a\u00e7\u00e3o <code>wp_body_open<\/code>para adicionar seu c\u00f3digo no lugar de <code>wp_body_open()<\/code>. Em outras palavras, voc\u00ea pode injetar seu c\u00f3digo imediatamente ap\u00f3s abrir a tag body. Voc\u00ea pode usar esta a\u00e7\u00e3o da seguinte maneira:<\/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>\u00c9 isso! \u00c9 simples assim. Este c\u00f3digo funciona bem com a vers\u00e3o WordPress&gt; = 5.2. Se voc\u00ea estiver usando uma vers\u00e3o mais antiga do WordPress, poder\u00e1 definir o <code>wp_body_open<\/code>m\u00e9todo da seguinte maneira.<\/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>Agora, adicione o m\u00e9todo <code>wp_body_open()<\/code>ap\u00f3s o elemento body e use a mesma a\u00e7\u00e3o mostrada acima.<\/p>\n<p>Esta \u00e9 uma maneira limpa e eficiente de injetar seu c\u00f3digo ap\u00f3s a abertura da tag body. Eu incentivo os desenvolvedores do WordPress a usar essa t\u00e9cnica em seus sites. Leia mais sobre esta atualiza\u00e7\u00e3o na <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_body_open\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">documenta\u00e7\u00e3o<\/a>.<\/p>\n<h4>Artigos relacionados<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/pt-pt\/integracao-do-mailchimp-no-wordpress-sem-usar-um-plug-in\/\" title=\"Integra\u00e7\u00e3o do MailChimp no WordPress sem usar um plug-in\">Integra\u00e7\u00e3o do MailChimp no WordPress sem usar um plug-in<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/pt-pt\/adicionar-botao-de-imagem-personalizado-com-o-uploader-de-midia-no-wordpress\/\" title=\"Adicionar bot\u00e3o de imagem personalizado com o uploader de m\u00eddia no WordPress\">Adicionar bot\u00e3o de imagem personalizado com o uploader de m\u00eddia no WordPress<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/pt-pt\/carregar-conteudo-dinamico-no-bootstrap-modal-no-wordpress\/\" title=\"Carregar Conte\u00fado Din\u00e2mico no Bootstrap Modal no WordPress\">Carregar Conte\u00fado Din\u00e2mico no Bootstrap Modal no WordPress<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Neste artigo, mostro uma maneira limpa e eficiente de adicionar c\u00f3digo ap\u00f3s a tag body no WordPress. Precisamos injetar c\u00f3digo ap\u00f3s a tag do corpo se<\/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":[613],"tags":[848],"class_list":["post-28872","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-9","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/28872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=28872"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/28872\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/21610"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=28872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=28872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=28872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}