Quer saber a maneira correta de adicionar trechos de código personalizados ao seu site WordPress? Adicionar trechos de código ao WordPress não é ciência de foguetes, mas até o menor erro pode travar seu site. Se você começar sem saber o que está fazendo, isso pode ser fatal para o seu negócio.
Portanto, ao adicionar código personalizado ao seu site, você precisará garantir que está fazendo da MANEIRA CERTA.
Neste artigo, explicaremos como copiar e colar trechos de código corretamente em seu site WordPress. Ao terminar de ler, você terá o conhecimento e a confiança para modificar seu site como desejar. Você pode até se divertir um pouco!
Por que adicionar trechos de código ao WordPress?
Adicionar trechos de código ao seu site é uma das maneiras mais fáceis de estender os recursos do seu site. Embora instalar um plugin seja a maneira óbvia de aprimorar os recursos integrados do WordPress, especialmente para não desenvolvedores, às vezes é difícil encontrar um plugin que atenda às suas necessidades ao pé da letra. Por outro lado, você pode encontrar centenas de tutoriais do WordPress na web que recomendam adicionar trechos de código para atender às suas necessidades.
Dito isso, é essencial que você insira corretamente os trechos de código personalizados no arquivo correto e no local certo. Caso contrário, isso pode travar seu site, sabotando seu negócio e sua reputação.
Vamos dividir este tutorial em 2 seções diferentes:
- Personalizando arquivos de template do WordPress
- Personalizando o arquivo functions.php
I. Personalizando arquivos de template do WordPress
Antes de mergulharmos, vamos dar uma olhada no que é um arquivo de template do WordPress.
O que é um Template do WordPress?
Todo tema WordPress é composto por arquivos de template. Os arquivos de template do seu tema definem como seu site é exibido. Por exemplo, header.php é um template padrão usado na maioria dos temas WordPress para definir a área do cabeçalho das suas páginas da web geradas pelo WordPress, como seus artigos de blog e páginas avulsas.
Vamos dar uma olhada em alguns templates padrão do WordPress usados pela maioria dos temas WordPress.
- php – define a página principal
- php – define a seção do cabeçalho
- php – define a seção do rodapé
- php – define as funções usadas no tema
- php – define a postagem única / postagem de blog
- php – define a página avulsa
- php – define a seção de comentários
Como Inserir Snippets em Qualquer Arquivo de Template
Você pode inserir snippets de código em qualquer arquivo de template, como functions.php, single.php, etc., usando um destes 2 métodos: usando um tema filho ou adicionando o código diretamente ao seu tema pai existente.
No entanto, é aconselhável não personalizar o template diretamente no seu tema pai, pois, ao atualizar seu tema, você perderá todas as personalizações que fez. Para preservar os ajustes mesmo após a atualização do seu tema, você pode criar um tema filho e fazer as personalizações nele.
Um tema filho é um tema WordPress que herda sua funcionalidade de outro tema WordPress (o tema pai). Usar um tema filho é a escolha certa se você deseja fazer muitas alterações nos seus arquivos de template.
Vamos dar uma olhada em como criar um tema filho e inserir snippets no seu arquivo de template.
Para um guia detalhado, você pode conferir como criar um tema filho no WordPress.
II. Personalizando o arquivo functions.php
O que é o arquivo functions.php?
functions.php é um arquivo de modelo no seu tema WordPress que permite estender facilmente os recursos do seu tema e da sua instalação do WordPress. Para estender os recursos, tudo o que você precisa fazer é adicionar certos trechos de código ao seu arquivo functions.php.
Assim como outros arquivos de modelo, você pode adicionar trechos diretamente ao seu arquivo functions.php. Além disso, para manter a personalização mesmo após a atualização do seu tema, você pode criar um tema filho e inserir o código nele.
No entanto, a desvantagem é que você perderá toda a personalização feita em um tema filho se mudar para um tema novo/diferente. É aí que entra um plugin específico para o site.
Um plugin WordPress específico para o site é independente do seu tema, o que permite adicionar trechos personalizados ao seu site. Você pode usar um plugin específico para o site de 2 maneiras:
- Método #1: Usando um plugin pronto, como o WPCode
- Método #2: Criando manualmente um plugin específico para o site
Método #1: Usando um Plugin Pronto
WPCode é o melhor plugin WordPress para adicionar trechos de código, pois oferece uma interface visual para gerenciá-los em seu site.
Ele elimina a necessidade de inserir trechos personalizados no arquivo functions.php do seu tema. Como você não está editando nenhum arquivo de tema, pode preservar suas personalizações mesmo após trocar de tema.
Além disso, o WPCode inclui uma biblioteca de trechos integrada com códigos pré-prontos para tarefas comuns. Isso significa que você pode adicionar funcionalidades com apenas alguns cliques, sem precisar procurar códigos online.
Ele também inclui validação de código que verifica seus trechos em busca de erros antes da ativação. Isso evita a temida "tela branca da morte" que ocorre quando um código ruim quebra seu site.
Com o WPCode, você pode ativar ou desativar trechos com botões de alternância, assim como plugins, tornando-o fácil de usar.
Depois de ativar o plugin WPCode, você pode adicionar trechos personalizados e especificar o tipo de código, adicionar um título, descrição e tags para referência.
Dessa forma, no futuro, você poderá descobrir facilmente o propósito de cada trecho que adicionou.
Para mais detalhes, você pode ler nosso post sobre como criar um plugin específico para o site.
Além disso, confira minha análise completa do WPCode para ver tudo o que ele pode fazer.
2. Crie um Plano Específico para o Site e Insira o Código
Você pode criar manualmente um plugin específico para o site e inserir o código nele.
Diferente de um plugin pronto, um plugin específico para o site criado manualmente geralmente é um plugin básico e leve que não possui uma interface gráfica para gerenciar snippets.
Para fazer personalizações, você pode acessar o editor de plugins e inserir o código nele.
Para um guia passo a passo, você pode conferir criando um plugin específico para o site.
É isso!
Esperamos que este guia tenha ajudado você a adicionar snippets de código ao seu site WordPress.
Agora, vá em frente e encontre alguns snippets de código que você pode adicionar para aprimorar as funcionalidades do seu WordPress.
Se você gostou deste artigo, talvez também queira conferir plugins essenciais para sites de negócios.
Comentários Deixe uma Resposta