Como adicionar código após a tag do corpo no WordPress
No site, geralmente precisamos inserir o código após a tag do corpo. Normalmente, este é um código JavaScript invisível em uma tag de script. Serviços 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ós a abertura imediata do elemento body.
O WordPress fornece uma wp_head()função que é usada para injetar código antes de fechar a tag head. Outra função fornecida pelo WordPress é wp_footer()a de adicionar código antes do fechamento do elemento do corpo (não após a abertura do corpo). Até agora, os desenvolvedores do WordPress usam wp_footer() para injetar código na tag do corpo ou adicionar código estaticamente após a abertura do elemento do corpo. Mas, ambas as opções não são recomendadas.
Adicionar código estaticamente faz sentido de acordo com as recomendações de serviços externos. Mas essa técnica nos impediria de atualizar um tema.
Felizmente, o WordPress 5.2 apresenta uma nova função chamada wp_body_open(). Esta função aciona a wp_body_openação e é útil para colocar o código após a abertura do elemento do corpo. Dito isso, vamos ver como injetar código imediatamente após abrir uma tag body no WordPress.
Adicionar código após a tag do corpo no WordPress
Se você estiver usando a versão mais recente do WordPress, deverá adicionar o wp_body_open()método próximo à tag do corpo, conforme mostrado abaixo.
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>Depois disso, você pode usar a ação wp_body_openpara adicionar seu código no lugar de wp_body_open(). Em outras palavras, você pode injetar seu código imediatamente após abrir a tag body. Você pode usar esta ação da seguinte maneira:
add_action('wp_body_open', 'add_code_on_body_open');
function add_code_on_body_open() {
echo '<script>Your code here</script>';
}É isso! É simples assim. Este código funciona bem com a versão WordPress> = 5.2. Se você estiver usando uma versão mais antiga do WordPress, poderá definir o wp_body_openmétodo da seguinte maneira.
if (! function_exists( 'wp_body_open')) {
function wp_body_open() {
do_action( 'wp_body_open' );
}
}Agora, adicione o método wp_body_open()após o elemento body e use a mesma ação mostrada acima.
Esta é uma maneira limpa e eficiente de injetar seu código após a abertura da tag body. Eu incentivo os desenvolvedores do WordPress a usar essa técnica em seus sites. Leia mais sobre esta atualização na documentação.
Artigos relacionados
- Integração do MailChimp no WordPress sem usar um plug-in
- Adicionar botão de imagem personalizado com o uploader de mídia no WordPress
- Carregar Conteúdo Dinâmico no Bootstrap Modal no WordPress