O WordPress tem uma reputação bem merecida como um sistema de gerenciamento de conteúdo muito amigável e personalizável. Se você não se importa em pesquisar o tipo certo de plugin ou investir em um tema WordPress premium, este CMS permitirá que você faça coisas incríveis.
O WordPress é o sonho do consertador. Se você estiver interessado em personalizar seu site, aprender como adicionar código personalizado ao WordPress deve estar em sua lista de tarefas. Neste artigo, mostraremos a você:
Você frequentemente lerá como os plug-ins são as melhores opções para estender as funções do seu site WordPress ou alterar a aparência e o comportamento dele. E é verdade – os plug-ins estão no topo da lista de coisas que tornam o WordPress tão bom, graças à sua variedade e facilidade de uso.
Em alguns casos, você não conseguirá encontrar um plug-in WordPress que faça exatamente o que você deseja. Ou talvez você só consiga encontrar um plugin premium, uma verdadeira chatice se estiver tentando construir um site com um orçamento apertado. Mesmo os melhores criadores de páginas do WordPress terão pontos cegos que você terá que consertar inserindo algum código personalizado.
E não vamos esquecer como é fácil começar a brincar com o código. Existem muitos recursos para você começar. Mesmo os artigos que você encontrará online, muitas vezes, irão ensiná-lo a fazer ajustes simples, adicionando apenas uma ou duas linhas de código ao seu site. A questão não deveria ser por que você gostaria de adicionar um código personalizado ao WordPress. Deveria ser, por que não você?
Existem alguns motivos pelos quais adicionar código personalizado ao seu site WordPress pode não ser uma má ideia, mas sim uma fonte potencial de problemas para você e seu site. É assim por causa do arquivo onde você adicionará o código com mais frequência – functions.php.
Vamos esquecer por um segundo que cometer erros ao editar este arquivo pode derrubar seu site, e certamente pode. Para garantir que as alterações feitas permaneçam mesmo depois de atualizar seu tema WordPress, você precisará primeiro criar um tema filho e editar seu arquivo functions.php. Isso é um incômodo que muitos gostariam de passar sem.
Mas mesmo que você tenha o trabalho de criar um tema filho para poder usá-lo para adicionar código personalizado ao seu site WordPress, isso não será o fim de seus problemas. Alguns trechos de código tendem a ser curtos. Outros tendem a ser longos. Quanto mais confortável você ficar com a codificação, mais se aprofundará em coisas como adicionar JavaScript personalizado ou CSS personalizado. Em breve, você terá um arquivo difícil de navegar.
Uma maneira fácil de contornar a maioria dos problemas de adicionar código manualmente ao WordPress seria usar um plugin para isso. Partes de codigo é um plugin popular do WordPress com mais de 300.000 instalações ativas que permite adicionar e gerenciar códigos facilmente.
Para obter o plug-in, vá para o back-end do seu site e navegue até Plugins> Adicionar Novo. Lá, pesquise por snippets de código e instale e ative o plug-in.
Quando instalado e ativado, o plug-in criará um novo submenu em seu painel chamado “Snippets”. Lá, você encontrará todas as funcionalidades do plugin. Se você quiser verificar as opções do plugin primeiro, você o encontrará dividido nas seções Geral, Editor de Descrição e Editor de Código.
Na seção Geral, você poderá alternar se deseja ativar automaticamente o snippet ao salvá-lo e habilitar coisas como descrições de snippet, tags e o seletor de escopo. Você também terá a opção de desativar o realce de sintaxe de código de acesso e definir uma desinstalação completa.
Nas opções do Editor de Descrição, você poderá selecionar a altura da linha da descrição, bem como escolher se deseja usar o editor completo e ativar os botões de mídia.
As opções do Editor de código permitirão que você escolha o tema no qual deseja que o editor apareça, habilite o uso de guias rígidas para recuos e defina um tamanho de guia e unidade de identificação. Você também terá a possibilidade de alternar entre linhas de quebra, números de linha, colchetes de fechamento automático e realce de correspondências de seleção.
A janela Todos os trechos listará todos os seus trechos, junto com suas descrições, tags, data de modificação e prioridade. Nesta janela, você poderá ativar e desativar os snippets. Antes mesmo de adicionar seu primeiro snippet, ele será útil porque contém alguns exemplos de código que você pode usar.
A janela Adicionar nova é onde a verdadeira diversão acontece. Primeiro, você poderá dar um nome ao seu snippet antes de inserir o código e escolher onde deseja que o snippet seja executado. Você também poderá definir a prioridade do snippet.
Em seguida, você poderá adicionar a descrição. Você terá a opção de inserir mídia nele e editar a descrição no visual e também no editor de texto. Finalmente, você será capaz de definir as tags para o seu snippet de código.
Depois de criar o snippet, salve-o e ative-o ou salve-o. De qualquer forma, se você não cometeu nenhum erro no código, estará livre para navegar até a janela Todos os trechos e ver seu novo trecho.
E é isso! Depois de ver o snippet alternado, você o adicionou e ativou com sucesso. Se você deseja baixar o snippet como um arquivo .php ou exportá-lo como um arquivo .json, você pode clicar no botão Editar sob o seu snippet e rolar até a parte inferior da página para encontrar as opções apropriadas.
O plug-in também permite importar trechos em arquivos .xml ou .json da opção Importar no submenu Trechos. Isso torna mais fácil mover trechos de um site para outro.
Conclusão
A capacidade de adicionar código ao seu site WordPress pode ajudá-lo a ajustar seu site em tudo, desde mudanças radicais a pequenos ajustes. Mas além de saber como codificar e estar razoavelmente certo de que suas contribuições não prejudicarão o site, você também pode fazer uma maneira simples de adicionar e gerenciar seus snippets. E é exatamente para isso que o plugin foi criado.
Apoie o nosso trabalho ❤️
Se você gostou deste artigo, considere deixar uma gorjeta para nos ajudar a continuar publicando conteúdo de qualidade.
