Como criar um tema infantil no WordPress e por quê

Um dos maiores atrativos da plataforma WordPress é a facilidade de alterar a aparência do seu site. Tudo isso é feito selecionando um tema para sua aparência. Uma maneira de dar um passo adiante é criar um tema filho para WordPress.

Em termos simples, um tema filho é uma cópia do seu tema que você pode editar livremente, mas ainda pode atualizar o tema principal sem perder nenhuma alteração feita no filho. Isso pode evitar muitas dores de cabeça, pois as atualizações muitas vezes podem interromper o seu tema de maneiras inesperadas.

Como tal, um tema filho é uma ferramenta poderosa que qualquer site pode aproveitar e, hoje, vou demonstrar como criar um e por que você deve fazê-lo.

O que é um tema infantil no WordPress?

Um tema filho é aquele que herda o estilo e a funcionalidade de seu tema pai. É essencialmente uma cópia do tema pai que pode ser modificado e usado no seu site. Isso lhe confere a propriedade única de poder atualizar seu tema sem impactar a criança.

Normalmente, quando um tema é atualizado, é muito provável que isso afete seu design, especialmente se você adicionou código personalizado ao tema. Isso ocorre porque os arquivos são substituídos quando são atualizados, o que significa que seu código personalizado será excluído.

Este não é o caso de um tema filho. É uma cópia independente desse tema pai e não é afetada. Assim, você pode colher os benefícios da atualização do seu tema, sem ser impactado negativamente pelas alterações nos arquivos do tema.

E assim como o tema filho é independente do tema pai, o mesmo acontece no sentido inverso. Quaisquer alterações no tema filho não prejudicarão o tema pai. Assim, usar um tema filho é uma das melhores adições que você pode fazer ao seu site.

Um tema pai é apenas um tema no WordPress que foi declarado pai de um tema filho. Essencialmente, um tema pai é a base de qualquer tema filho criado a partir dele e fornece todas as opções de estilo e funcionalidade que um tema filho possui.

Na verdade, cada tema WordPress que você instalar pode se tornar um tema pai se um tema filho for criado pelo usuário.

Dito isso, nem todos os temas são criados iguais. Como um tema filho é limitado pelo tema pai, geralmente é recomendável escolher sempre um tema rico em recursos que tenha muitas opções de estilo e compatibilidade com os principais plug-ins.

Isso garante que qualquer tema filho criado a partir de um também terá o mesmo. Sem mencionar que um tema com código limpo torna mais fácil editar o tema filho no nível do código. Embora qualquer tema possa ser um tema pai, isso não significa que você deva torná-lo um.

Vantagens de usar um tema infantil

Como a maioria das coisas na vida, tudo tem uma vantagem e uma desvantagem associadas, e os temas infantis não são diferentes. Existem várias vantagens que os tornam uma ótima escolha para qualquer site, então vamos revê-los.

1. Mantenha as alterações após as atualizações

Já mencionei isso, mas a maior vantagem de usar um tema filho é evitar quaisquer problemas que possam ocorrer quando um tema for atualizado. Infelizmente, se você personalizar um tema com código, esse código será substituído quando o tema for atualizado.

Ou, pelo menos, o código é quebrado pelo restante do código na atualização do tema.

Essencialmente, se você personalizar seu tema com código e ele for atualizado, ele não funcionará mais porque o código será essencialmente excluído. Dessa forma, é comum que sites quebrem completamente ao atualizar um tema.

Ler:  Magento x WooCommerce: como escolher a melhor plataforma

Embora você possa usar um backup para reverter as alterações e colocar seu site online novamente, eventualmente você precisará atualizar esse tema. Não fazer isso abre portas para vulnerabilidades de segurança, e é aí que entram os temas infantis.

Um tema filho é independente do pai no que diz respeito às atualizações. Assim, você pode atualizar seu tema com segurança, sem impactar negativamente seu site, porque todas as alterações de código estão localizadas nos arquivos do tema filho e não no pai.

2. Mantendo o original seguro

Embora tenhamos acabado de mencionar como uma atualização de rotina pode quebrar um tema, a verdade é que uma codificação incorreta por parte de um desenvolvedor tem mais probabilidade de quebrar um site do que atualizar um tema. Mais uma vez, um tema filho corrige isso.

Novamente, como um tema filho é independente do pai, você pode codificar o tema filho com segurança, sem risco de quebrar o pai.

Isso o torna uma ótima opção para experimentar coisas novas em seu site sem correr o risco de causar danos graves. Normalmente, você precisaria usar um backup para reverter as alterações feitas ou reinstalar o tema para reverter as alterações.

Um tema filho torna isso não apenas mais seguro, mas também mais fácil de corrigir se algo der errado.

3. Não é necessário FTP

O File Transfer Protocol, ou FTP, é um método comum pelo qual os desenvolvedores de sites fazem ajustes. Usar ferramentas como o FileZilla dá a você controle sobre os arquivos do site sem precisar passar pelo cPanel.

No entanto, se você estiver usando um tema filho, isso não será necessário fora da criação inicial do arquivo.

Em vez disso, você pode simplesmente acessar esse arquivo no seu site WordPress e fazer todas as alterações lá. Isso não apenas torna mais simples fazer alterações, mas também pode economizar muito tempo configurando um FTP ou acessando seu cPanel.

4. Desenvolvimento mais rápido

Isso está relacionado ao último ponto, mas você não apenas economiza tempo acessando arquivos, como também é mais rápido em geral. Lembre-se de que o tema pai é a base do seu filho. Do ponto de vista do desenvolvimento, tudo o que você realmente precisa fazer é mudar o que achar adequado.

Normalmente, codificar ou recodificar um tema inteiro pode levar muito tempo de desenvolvimento, mas um tema filho não é isso.

Você está modificando apenas as partes do pai que deseja alterar ou expandir. Isso reduz a quantidade de código que você realmente cria. Isso não apenas economiza seu tempo, mas também permite que você se concentre no que é importante para o site.

5. Crie sites semelhantes facilmente

Muitos sites criam um site de sucesso e depois criam outro por vários motivos. Em muitos casos, os desenvolvedores desejam criar um site semelhante ao original, e muitas vezes isso começa fazendo uma cópia do site original e modificando-o para atender às necessidades do novo site.

Naturalmente, isso torna o tema filho uma ótima opção, pois você pode transferir tudo facilmente para o novo domínio.

Depois de copiar o tema filho para o novo site, você pode simplesmente modificá-lo conforme necessário. Novamente, isso é mais rápido em termos de desenvolvimento e mais fácil de gerenciar do que clonar seu site de um domínio para outro.

Desvantagens de usar um tema infantil

Como você pode ver, há vários motivos pelos quais você pode querer adicionar um tema filho no WordPress, mas isso não significa que não haja desvantagens. Vamos dar uma olhada em algumas coisas que você precisa ter em mente ao considerar se um tema infantil é adequado para você.

1. Exigindo conhecimento de arquivos de tema

Claramente, você precisará conhecer um arquivo de tema para fazer alterações significativas nele.

Embora em muitos casos você apenas modifique as folhas de estilo do tema para adicionar CSS e personalizar a aparência do seu site, se planeja alterar ou adicionar funcionalidades, você precisará de um conhecimento mais profundo.

Sem mencionar que muito do que acontece em um tema filho depende da compreensão de como os ganchos funcionam para invocar determinados arquivos dentro do tema principal. Portanto, se você não tem proficiência em codificação, esta pode não ser uma boa opção para você.

2. Possível velocidade mais lenta do site

Se o seu site utilizar um tema filho, você poderá perceber que ele pode ter ficado um pouco mais lento ou até significativamente mais lento.

Ler:  9 dicas de otimização de comércio eletrônico para vendas rápidas e rápidas Sites Eficazes

Realmente depende do número de alterações que você fez no tema filho. Isso acontece porque o WordPress tentará carregar o tema pai e será informado de que deve carregar o tema filho. Assim, adiciona uma etapa extra a todo o processo.

Dito isto, o nível de velocidade que seu site perde depende das alterações que você faz. Mudanças menores quase não terão impacto no desempenho do seu site, mas as maiores, como personalizar ou adicionar um novo recurso, podem afetar gravemente o tempo de carregamento.

3. Pai Abandonado

Embora as atualizações possam quebrar um tema se você fizer alterações nele, às vezes acontece o oposto. Os desenvolvedores de temas abandonam um tema e ele não recebe atualizações por um período prolongado.

Isso se torna uma enorme vulnerabilidade de segurança, pois o tema pode não acompanhar as atualizações principais do WordPress.

Embora isso seja um problema para qualquer tema, ainda vale a pena ressaltar, pois pode colocar o seu site em risco. Isso é especialmente verdadeiro se você não estiver prestando atenção a quanto tempo desde que o pai foi atualizado.

Assim, caso o suporte para o tema pai acabe, você precisará pegar um novo tema e fazer um novo filho.

Método 1: criar um tema filho manualmente

Criar um tema filho não é um processo muito complicado e pode ser feito manualmente em poucos minutos se você souber o que está fazendo. Mesmo que seja a primeira vez, não é um processo muito difícil de seguir.

Dito isso, como você estará editando arquivos no seu site, é altamente recomendável reservar um momento e criar um backup do seu site. Isso garantirá que, se um erro for cometido, você poderá reverter facilmente as alterações.

Passo 1: Abra o diretório de temas do cPanel

A primeira coisa que você precisa fazer é acessar sua conta de hospedagem e entrar no cPanel. Se precisar de ajuda para obter suas credenciais de login, entre em contato com sua empresa de hospedagem na web. Uma vez lá, localize a seção Arquivos e clique na opção Gerenciador de Arquivos.

Contém todos os arquivos armazenados em seu servidor web. Precisamos localizar o diretório do tema para criar um tema filho. Para fazer isso, primeiro entre no diretório public_html e abra a pasta wp-content.

Por fim, localize a pasta de temas e abra-a.

Etapa 2: crie uma nova pasta para o tema filho

A pasta do tema contém todos os temas e seus arquivos associados. É aqui que vamos criar o tema filho. Para iniciar este processo, precisaremos de uma pasta dedicada para isso.

Para adicionar um, clique na opção “+ Pasta” na barra de ferramentas superior.

Isso abrirá um pequeno pop-up onde você pode inserir o nome da pasta do tema filho. Eu recomendaria algo como [YourThemeName]-criança, mas a escolha é sua. Digite o nome e clique no botão “Criar nova pasta”.

Etapa 3: configurar o arquivo style.css

Agora que temos um arquivo para nosso tema filho, vá em frente e insira-o. Normalmente você veria todos os arquivos do seu tema WordPress como o arquivo functions.php, mas como acabamos de criar o tema filho, ele está em branco, mas estamos prestes a mudar isso.

A única coisa que precisamos adicionar é um arquivo style.css. Para isso, clique na opção “+ Arquivo” na barra de ferramentas superior.

Um pop-up familiar deverá aparecer solicitando que você insira o nome do arquivo. Você deve nomeá-lo “style.css” e verificar a ortografia. Este nome deve ser o mesmo ou seu site não o reconhecerá. Clique no botão “Criar Novo Arquivo”.

Tudo bem, agora precisamos preencher o arquivo com o código necessário, e esta é sua chance de adicionar seu próprio código personalizado para alterar a aparência do tema. Vá em frente e insira o arquivo que acabamos de criar.

Insira o seguinte código no arquivo. Nesse caso, você precisará inserir seu próprio URL e informações do tema. Neste caso, estou fazendo um tema filho para o tema Poseidon. Basta nomear o seu de acordo.

/* Nome do tema: Tema filho Poseidon URI do tema: Insira seu URL Descrição: Um tema filho Poseidon Autor: GreenGeeks URI do autor: Insira seu modelo de URL: poseidon Versão: 1.0.0 Domínio de texto: poseidonchild */ @import url(“.. ./poseidon/style.css”);

Preste atenção especial à última linha do código. Isso importará a folha de estilo do tema pai. Certifique-se de que o caminho inserido esteja correto para o seu ambiente de hospedagem, pois nem todos os sites serão iguais.

Salve as alterações após inserir o código.

Ler:  Como personalizar WooCommerce com Checkout Field Editor

Observação: Você também pode adicionar qualquer CSS personalizado que desejar durante esta etapa. Basta adicioná-lo na parte inferior dos arquivos. Ou você pode esperar até ativar o tema para ver as alterações feitas.

Etapa 4: ativar o tema filho

Com isso salvo, seu tema filho foi criado no WordPress. Agora você só precisa reservar um momento e ativá-lo como tema no WordPress, que é idêntico a ativar qualquer tema no WordPress.

Clique em Aparência e selecione a opção Temas. Aqui estará uma lista completa de todos os temas que você instalou atualmente no WordPress. Ative o tema filho que você acabou de criar.

Se você configurar tudo corretamente, o tema parecerá idêntico ao tema pai, pois chama suas folhas de estilo. Caso contrário, revise o código em seus arquivos e consulte a documentação desse tema para obter ajuda na configuração de um tema filho. Como alternativa, verifique o próximo método.

Etapa 5: edite os arquivos do tema filho

Assim, você pode acessar os arquivos do tema filho através do cPanel e adicionar seu próprio código a eles a partir daí, mas há uma maneira muito mais fácil de fazer isso no WordPress. Clique na opção Editor de arquivo de tema em Aparência.

Por padrão, o WordPress mostrará o único arquivo que criamos anteriormente em seu tema filho.

Basta inserir seu código na parte inferior do arquivo para fazer alterações. As alterações feitas substituirão as folhas de estilo do tema pai. Assim, você pode personalizar livremente seu tema filho no próprio WordPress.

Certifique-se de atualizar o arquivo após fazer qualquer alteração.

E com isso, você aprendeu com sucesso como criar manualmente um tema filho no WordPress. Se não funcionar direito na primeira vez, verifique seu código novamente, pois é muito fácil cometer um erro.

Se você está procurando uma maneira mais fácil, o próximo método usando o plugin Child Theme Configurator é provavelmente a melhor maneira de fazer isso.

Método 2: crie um tema filho com um plug-in

Embora você possa fazer tudo manualmente, você pode economizar muito tempo usando um plugin. Isso é bastante útil se você planeja criar vários temas filhos. Naturalmente, o WordPress tem muitas opções quando se trata disso.

Uma das melhores opções é o Configurador de tema infantil plugar.

É um plugin popular com mais de 300.000 instalações ativas que simplifica o processo. Ele determinará a melhor maneira de criar um tema filho para o seu tema atual, ao mesmo tempo que simplificará o processo de edição para você.

Etapa 1: instalar o configurador de tema filho

Vamos começar clicando em Plugins e selecionando a opção Adicionar Novo no painel de administração esquerdo.

Procure por Child Theme Configurator na caixa de pesquisa disponível. Isso abrirá plug-ins adicionais que podem ser úteis.

Encontre o plugin Child Theme Configurator e clique no botão “Instalar agora” e ative o plugin para uso.

Etapa 2: crie um tema filho

Usar o plugin é bastante simples. Ele analisa o seu tema e determina a melhor forma de fazer uma criança.

Para iniciar este processo, clique em Ferramentas e selecione a opção Temas Filhos.

O plugin identificará automaticamente o seu tema atual e o selecionará como pai do que você está prestes a criar. É possível selecionar um tema diferente se ele estiver instalado usando o menu suspenso.

Clique no botão “Analisar” para iniciar o processo.

Depois de um momento, uma série de opções aparecerá informando o que o plugin encontrou e como criar um tema filho no WordPress. As opções que aparecem para você podem ser um pouco diferentes das que aparecem para mim. Tudo depende do tema.

Como tal, focarei apenas em algumas das opções que provavelmente aparecem para a maioria dos temas. Vamos começar nomeando o diretório.

Por padrão, o plugin irá chamá-lo de “[YourThemeName]-child]” e você pode deixar ou alterar. É aqui que todos os arquivos do seu tema filho serão armazenados, portanto, certifique-se de identificá-lo para facilitar o acesso.

Você precisará escolher como as folhas de estilo serão tratadas, e isso realmente depende do seu tema. O plugin deve selecionar automaticamente o que achar melhor, então fique à vontade para usá-lo. Haverá uma opção que permite configurar os atributos do tema filho.

Aqui, você pode editar o nome do tema filho, a descrição e outras informações conforme achar necessário.

Existem outras configurações, portanto, certifique-se de passar por todas as opções. Quando terminar, clique no botão “Criar novo tema filho”.

Etapa 3: configurar e ativar seu tema filho

Depois que o plugin gera o tema filho, é basicamente isso. Tudo o que resta é você realmente configurar o tema filho. Lembre-se de que todos os arquivos estão localizados no diretório que você criou anteriormente.

Ler:  Mais inteligente, mais rápido e melhor: como planejar seu marketing agora mesmo

Depois de realmente configurar os arquivos, tudo o que você precisa fazer é defini-los como seu tema no WordPress.

Isso não é diferente de selecionar um tema normal. Clique em Aparência e selecione a opção Temas.

Agora você deve ver o tema filho como uma opção selecionável. Basta clicar no botão “Ativar” para usá-lo.

E é isso. Você pode excluir o plugin com segurança, se desejar, pois o tema já foi criado e o plugin não é mais necessário. Parabéns por aprender como criar um tema filho no WordPress com um plugin.

Quando você deve usar um tema infantil?

Um tema filho deve sempre ser considerado sempre que você estiver pensando em modificar seu tema.

Como já abordamos extensivamente, criar e modificar um tema filho é uma escolha melhor do que editar diretamente o seu tema, porque quando esse tema for atualizado, as alterações feitas serão substituídas.

Dito isto, realmente depende do que você está tentando realizar ao mexer em um tema.

Por exemplo, talvez você queira apenas fazer uma pequena alteração para alterar o design do seu site, o que requer algumas linhas simples de CSS. Não é grande coisa adicionar ao seu tema, mas pode ser necessário adicioná-lo novamente sempre que o tema for atualizado.

Como tal, criar um tema filho neste caso é provavelmente a melhor opção porque é algo pronto e feito, supondo que você saiba como. A verdade é que o WordPress é o lar de muitos iniciantes devido à simplicidade de começar.

Alternativamente, a maioria dos temas possui uma seção para adicionar CSS personalizado. Se você editar o tema pai usando esta seção, suas alterações serão salvas quando o tema pai for atualizado. Mas isso funciona melhor para alterações menores. Para mudanças importantes, você provavelmente desejaria usar um tema filho.

Se você sabe escrever essas linhas de CSS, isso não significa que saiba como criar um tema filho. Portanto, você ainda pode querer editar constantemente o tema após cada atualização. Realisticamente, se você quiser editar seu tema, crie um tema filho.

É melhor criar um tema filho no WordPress manualmente ou com um plugin?

Não há diferença entre essas opções, pois se trata de preferência pessoal. Se você usa um plugin, você pode excluí-lo com segurança para não impactar seu site, portanto, não há diferença entre fazer isso manualmente. É com você.

E se meu tema tiver um gerador de tema filho?

Muitos temas premium já possuem funcionalidade de tema filho integrada e podem gerar um para você editar com o clique de um botão. Muitas vezes, essa é a melhor opção, pois vem dos próprios desenvolvedores do tema.

Posso criar vários temas filhos para um único tema pai?

Sim. Muitos desenvolvedores podem dedicar algum tempo para projetar uma nova interface de site para um feriado ou grande evento. Em vez de editar um único tema filho e depois reverter as alterações, eles apenas criam um tema filho separado e o usam.

Posso criar vários temas principais?

Não. No WordPress, você só pode ter um tema ativo por vez. Assim, você não pode tornar outro tema pai diferente daquele que você tem ativo. Na verdade, você deve remover temas não utilizados para economizar espaço em seu site.

Devo sempre excluir o plugin gerador de tema filho que uso?

Na maioria dos casos, você deve excluí-lo. Depois de criar o tema filho, o plugin não serve para nada. A única exceção é se você planeja criar vários temas filhos. Por exemplo, talvez você queira um design exclusivo para o Halloween, o Natal e assim por diante. Criar um tema infantil extra para cada ocasião pode ajudar a agilizar o processo. Afinal, você pode simplesmente reutilizá-los no próximo ano.

Crie um tema infantil no WordPress hoje

Como você pode ver, há muitos motivos para considerar o uso de um tema filho no WordPress. E, felizmente, não é tão difícil fazer isso, mas você precisa entender como editar arquivos de tema.

Se você alguma vez se encontrar em uma situação em que precise editar seu tema, é hora de criar um tema filho. Caso contrário, toda vez que o tema for atualizado, as alterações feitas serão perdidas.

Espero que você tenha achado útil este tutorial sobre como criar um tema filho no WordPress.

Você acha que todos os temas WordPress deveriam incluir um gerador de tema filho? Você usou um plugin para criar um?

Novas publicações:

Recomendação