Como adicionar código de cabeçalho e rodapé no WordPress?

Você está familiarizado com uma situação em que você precisa adicionar trechos de código ao seu cabeçalho e rodapé do WordPress?

Isso geralmente acontece quando você tenta integrar serviços como Google AdSense, Google Analytics e Google Search Console em seu site.

Por padrão, o WordPress não oferece a opção de adicionar código ao seu cabeçalho e rodapé. Mas, felizmente, existem outras maneiras fáceis para iniciantes.

Neste guia, explicaremos dois métodos diferentes sobre como adicionar código de cabeçalho e rodapé no WordPress . O método mais simples é usar um plugin do WordPress. Para o próximo método, você pode adicionar trechos de código ao arquivo PHP do seu tema.

Então, vamos aos detalhes!

Adicionando código de cabeçalho e rodapé no WordPress – 2 métodos simples

Como mencionado acima, você pode usar um plugin ou adicionar um código manualmente ao seu cabeçalho e rodapé do WordPress. Recomendamos o uso de um plugin simples, pois é muito mais fácil e seguro em comparação com o método manual.

Aqui estão alguns benefícios de usar um plugin para adicionar código no cabeçalho e rodapé do WordPress:

• Fácil, Rápido e Organizado: Usar um plugin é muito mais fácil e rápido em comparação com a abordagem manual. Além disso, o uso de um plug-in mantém sua tarefa organizada e permite que você armazene seus códigos de cabeçalho e rodapé em um só lugar.

• Evita erros: os plugins são fáceis de usar e são amigáveis ​​para iniciantes. Você não precisa fazer modificações nos códigos personalizados para usá-los em seu site. Assim, evita possíveis erros.

• As alterações permanecem intactas: o plug-in salva seu código de cabeçalho e rodapé em um local seguro separado. Portanto, mesmo que você atualize ou edite seu tema, as configurações permanecem intactas.

Dito isso, vamos nos aprofundar no processo passo a passo de adicionar código de cabeçalho e rodapé no WordPress usando esses dois métodos.

Mas primeiro, certifique-se de fazer backup de seus arquivos do WordPress caso algo dê errado ou você queira reverter para as configurações anteriores.

Método 1: Adicionando código ao cabeçalho e rodapé do WordPress usando um plug-in

Existem muitos plugins do WordPress para adicionar código de cabeçalho e rodapé no WordPress. No entanto, recomendamos o uso do plug-in Insert Headers and Footers. Este plugin possui uma interface simples e recursos integrados para permitir que você adicione códigos ao seu arquivo de cabeçalho e rodapé com facilidade.

Aqui está como você adiciona código de cabeçalho e rodapé no WordPress usando este plugin:

• Vá para Plugins > Adicionar Novo no seu painel do WordPress.
• Procure o plug-in Inserir cabeçalhos e rodapés.
• Instale e ative-o.

• Após a ativação, vá para Configurações no seu painel. Em seguida, clique na opção Inserir Cabeçalho e Rodapés .

• Você pode ver caixas onde você pode adicionar um pedaço de código para cabeçalho, corpo e rodapé.

• Você pode simplesmente adicionar seus códigos nas caixas de cabeçalho e rodapé.
• Feito isso, clique no botão Salvar .

Agora, o plugin carrega automaticamente os códigos que você adicionou nos respectivos locais do seu site. Para editar ou excluir o código, volte para essas caixas de cabeçalho e rodapé e exclua o código. Por fim, salve as alterações para continuar.

Observação:

• Você precisa manter este plugin instalado e ativado o tempo todo. Se você desativar o plugin, o WordPress parará de adicionar os códigos ao seu site.
• Depois de salvar as alterações, você precisa limpar o cache do WordPress . Isso garante que as alterações sejam vistas corretamente no front-end do seu site.

Método 2: Adicionando manualmente o código de cabeçalho e rodapé no WordPress

O método manual é um pouco mais técnico que o primeiro. Você precisa preparar seu snippet e adicioná-lo ao seu arquivo functions.php do WordPress. Antes de fazer qualquer modificação, certifique-se de criar um backup do WordPress .

Também recomendamos usar o tema filho durante a edição porque os códigos são substituídos quando você atualiza o tema pai. Instalar e editar arquivos de tema filho garante que você não perca as configurações posteriormente.

Muitos desenvolvedores oferecem temas filhos para temas específicos do WordPress. No entanto, se o seu não tiver um, confira Como instalar um tema filho no WordPress .

Agora, depois de criar um backup do WordPress e instalar o tema filho, siga as etapas abaixo para adicionar o código de cabeçalho e rodapé manualmente:

Etapa 1: preparando trechos de código

Você pode usar a seguinte estrutura de snippet para seu cabeçalho e rodapé:

Trecho de código para cabeçalho

 /* Describe the code snippet for your header */ add_action('wp_head', 'your_function_name'); function your_function_name(){ ?> PASTE HEADER CODE HERE <?php };

Trecho de código para rodapé

 * Describe the code snippet for your footer*/ add_action('wp_footer', 'your_function_name'); function your_function_name(){ ?> PASTE FOOTER CODE HERE <?php };

Para cada um desses snippets, certifique-se de alterar o seguinte com o seu:

• “Descreva o trecho de código para seu cabeçalho/rodapé”
• “seu _function_name()”
• “Colar código de cabeçalho/rodapé aqui”

Etapa 2: Adicionando os trechos de código ao arquivo functions.php do seu tema filho

Depois de preparar seus trechos de código para o cabeçalho e rodapé, você precisa adicionar esses códigos ao arquivo functions.php do seu tema.

Aqui está como você pode fazer isso:

• Vá para Aparência > Editor de Temas no Painel de Administração do WordPress.

• Clique no arquivo “ functions.php ”.
• Agora, cole seu código no final do arquivo.
• Clique no botão Atualizar arquivo para salvar as configurações.

Se você deseja adicionar o código a uma página ou postagem específica, pode adicionar uma instrução “ if ” da seguinte maneira:

Para cabeçalho :

 /* Describe the code snippet for your header */ add_action('wp_head', 'your_function_name'); function your_function_name(){ if(is_single(73790)) { ?> PASTE HEADER CODE HERE <?php };

Para Rodapé:

 /* Describe the code snippet for your footer*/ add_action('wp_footer', 'your_function_name'); function your_function_name(){ if(is_single(73790)) { ?> PASTE FOOTER CODE HERE <?php };

Nota : certifique-se de substituir o número “ 73790 ” pela sua página ou ID de postagem.

Conclusão

O principal motivo para adicionar código de cabeçalho e rodapé no WordPress é usar serviços de terceiros, como Google AdSense, Google Analytics, Facebook Pixel e outras ferramentas. No entanto, pode haver várias razões também.

Seja qual for o motivo, você pode adicionar o código ao seu cabeçalho e rodapé usando um plugin ou adicionando um código ao arquivo functions.php. Embora ambos os métodos sejam eficazes, você deve usar o primeiro e o nosso método preferido se for iniciante. É mais fácil e seguro.

Se você tiver mais dúvidas ou preocupações, compartilhe-as conosco na seção de comentários abaixo.