Como proprietário de um site WordPress , é natural que você queira explorar o design e as funcionalidades dos temas. Mas qual a melhor maneira de fazer isso sem alterar o tema original? Um tema filho no WordPress é uma ótima solução para modificar e testar seu tema sem correr o risco de comprometer o tema original.
Usar um tema filho do WordPress é uma maneira inteligente de personalizar o código do seu tema com segurança, sem arriscar seu trabalho. Se você pretende editar o CSS, HTMLou PHP, um tema filho é a melhor opção. Por quê? Porque sem um, qualquer atualização do seu tema principal pode apagar suas alterações.
Para facilitar, criamos um guia para iniciantes que explica como funciona um tema filho, como configurá-lo e como fazer as alterações desejadas. Comece a usar e personalize com confiança!
Entendendo o Tema Filho no WordPress
Um tema filho, como o nome sugere, é como um "complemento" para o seu tema principal ou tema pai, herdando seus recursos e estilos. Quando você deseja personalizar seu tema WordPress, mexer diretamente nos arquivos do tema pode ser arriscado, pois qualquer alteração pode afetar o núcleo do tema. É aí que entram os temas filhos: eles são uma maneira mais segura de fazer modificações sem mexer nos arquivos originais.
O tema filho herda automaticamente o estilo principal do arquivo style.css do tema pai, que define a aparência geral do tema. Com um tema filho, você pode facilmente ajustar ou complementar esse estilo adicionando seus próprios arquivos ou modificando os existentes. Isso lhe dá a flexibilidade de personalizar o tema sem alterar os arquivos originais.
Os temas filhos são armazenados em sua própria pasta, separada do tema pai, e dependem do tema pai para funcionar, a menos que você decida fazer alterações. Quando você ativa um tema filho no WordPress, ele é vinculado ao tema pai, e o WordPress verifica primeiro os arquivos do tema filho. Se um arquivo não tiver sido alterado, o WordPress simplesmente usará a versão do tema pai.
Lembre-se, porém, que um tema filho não funciona sozinho. Ele precisa do tema pai instalado ao lado para funcionar corretamente.
Leia sobre: Terceirização do desenvolvimento de plugins e temas para WordPress
Benefícios de usar um tema filho no WordPress
Criar um tema filho é uma maneira inteligente de fazer alterações no seu WordPress sem o risco de perder todo o seu trabalho. Se você editar os arquivos do tema pai diretamente, sempre que o tema for atualizado, suas personalizações serão apagadas. Isso pode te deixar numa situação frustrante: ou ignorar todas as atualizações futuras, o que pode levar a problemas de compatibilidade e segurança, ou atualizar e perder o tempo e o esforço investidos na personalização do seu tema WordPress.
Com um tema filho, no entanto, você não precisa fazer essa escolha. Todas as suas modificações são armazenadas com segurança em uma pasta separada, o que significa que você pode manter suas alterações mesmo quando o tema pai for atualizado. Além disso, essa configuração facilita a transferência de suas personalizações de um site para outro, se necessário, economizando tempo caso você esteja trabalhando em vários sites ou migrando para um novo.
Outra grande vantagem de usar um tema filho é que ele oferece uma ótima maneira de aprender sobre desenvolvimento de temas personalizados em um ambiente de baixo risco. Você pode experimentar mudanças e novos recursos e, se algo não sair como planejado, basta desativar o tema filho. Seu site retornará instantaneamente à aparência e funcionalidade originais do tema pai, sem nenhum prejuízo.
Aprenda como editar e personalizar cabeçalhos no WordPress de forma simples e prática.
Dê um impulso ao seu site WordPress com desenvolvimento especializado
Transforme seu tema filho em um site totalmente personalizado e de alto desempenho com nossos serviços profissionais de desenvolvimento WordPress.
Coisas a fazer antes de criar um tema filho no WordPress
Temos visto muitos usuários do WordPress ansiosos para começar a personalizar seus sites, apenas para se depararem com obstáculos quando surgem erros inesperados. É totalmente compreensível: mexer com um tema filho pode parecer empolgante até que os desafios técnicos comecem a aparecer.
Por isso, é essencial se preparar um pouco antes de começar, assim como você se prepararia para uma prova. Aqui estão algumas dicas que você pode seguir antes de começar a criar seu tema filho:
Entenda os fundamentos da programação
Trabalhar com um tema filho significa lidar com código. No mínimo, um conhecimento básico de HTML, CSS e PHP será útil (e possivelmente JavaScript, se você quiser se aprofundar). Se você é iniciante em programação, o manual de temas do WordPress é um ótimo ponto de partida para obter orientações rápidas.
Aprenda: Como converter Figma em código: React, HTML, Vue, JS, CSS
Escolha o tema principal certo
Escolha um tema principal que já seja semelhante à aparência e funcionalidade desejadas. O ideal é encontrar um que precise apenas de alguns ajustes, facilitando o processo de personalização. Se você estiver trocando de tema completamente, confira nossa lista de verificação com dicas para fazer antes de trocar de tema no WordPress. Isso evitará algumas dores de cabeça!
Utilize um ambiente local ou de teste para realizar os testes
É melhor fazer os testes em um ambiente local ou de teste antes de ir direto para o site em produção. Dessa forma, se você cometer um erro, não afetará a aparência ou a funcionalidade do seu site em produção.
Faça um backup do seu site
Antes de fazer qualquer alteração, faça um backup do seu site. Se for a sua primeira vez, um plugin como o Duplicator pode ajudar a tornar o processo de backup simples e sem complicações. Dessa forma, você pode restaurar seu site rapidamente caso algo dê errado.
Depois de dominar esses conceitos básicos, você estará pronto para seguir nosso guia passo a passo e criar o tema do seu filho com confiança!
Aprenda: Melhores soluções para fazer backup de vários sites WordPress
Como criar um tema filho no WordPress manualmente: 5 passos fáceis
Criar um tema filho no WordPress é mais fácil do que parece e é uma ótima maneira de entender como os temas filhos funcionam sem arriscar o tema principal.
Vamos analisar passo a passo como criar um tema filho baseado no tema padrão Twenty Fifteen do WordPress e fazer alguns ajustes personalizados para ver o processo em ação.
Passo 1: Crie uma pasta para o tema filho
Comece criando uma nova pasta no seu computador onde todos os arquivos do seu tema filho serão armazenados. Posteriormente, você fará o upload dessa pasta para o seu site.
Você pode nomear a pasta com o mesmo nome do seu tema principal, adicionando "-child" ao final. Por exemplo, se o seu tema principal se chama "Twenty Twenty-Two", a pasta do seu tema filho seria nomeada twentytwentytwo-child. Isso facilita a identificação como um tema filho do tema principal.
Passo 2: Configure uma folha de estilo para o seu tema filho
Em seguida, crie um arquivo style.css dentro da pasta do seu novo tema filho. Este arquivo conterá todos os estilos personalizados do seu tema filho.
Para configurar a folha de estilo corretamente, adicione os seguintes comentários de cabeçalho no início do seu arquivo style.css. Isso informa ao WordPress que seu novo tema é um tema filho do tema pai:
Nome do tema: Twenty Twenty-Two URI do tema filho: https://wordpress.org/themes/twentytwentytwo/ Autor: Equipe WordPress URI do autor: https://wordpress.org/ Modelo: twentytwentytwo Descrição: Tema filho para Twenty Twenty-Two Versão: 1.0 */Após salvar, acesse o painel do WordPress e vá para Aparência → Temas. Você deverá ver seu tema filho listado.
Passo 3: Vincule as folhas de estilo do tema pai e do tema filho
Para garantir que os estilos do seu tema pai sejam aplicados, precisamos vincular a folha de estilos dele ao tema filho. Isso é feito criando um arquivo functions.php na pasta do seu tema filho e adicionando o seguinte código:
<?phpadd_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );function enqueue_parent_styles() {wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );}Este código carregará a folha de estilo do tema pai para que o seu tema filho herde todo o seu estilo.
Aprenda: Como reparar e corrigir o banco de dados do WordPress?
Passo 4: Edite a folha de estilo do tema filho (style.css)
Agora você pode começar a adicionar seus estilos personalizados diretamente no arquivo style.css do tema filho. Por exemplo, para alterar a cor dos links no seu site, você pode adicionar:
a {color: #D54E21;text-decoration: none;}Essa regra substitui o estilo de link do tema pai sem afetar o restante do seu design.
Saiba mais: Você deve criar seu site com código, sem código ou usando um construtor de sites?
Etapa 5: Modificar um arquivo de modelo
Com um tema filho, você também pode modificar modelos individuais. Digamos que você queira alterar a forma como as postagens são exibidas editando o arquivo single.php.
- Copie o arquivo single.php do tema pai e cole-o na pasta do seu tema filho.
- Abra o arquivo em um editor de texto e faça as alterações.
Por exemplo, se você quiser remover a seção de comentários das páginas de posts individuais, localize esta parte do código:
se ( comentários_abertos() || obter_número_de_comentários() ) :modelo_de_comentários();fimse;Exclua ou comente o código para ocultar os comentários. O WordPress usará o arquivo single.php modificado da pasta do tema filho, portanto, quaisquer atualizações no tema pai não sobrescreverão suas personalizações.
Aprenda: Como criar um modelo de página personalizado no WordPress?
Como criar um tema filho com um plugin (sem necessidade de programação)
Se você não entende de programação, mas ainda quer criar um tema filho, você está com sorte! Embora existam vários plugins que você pode usar para criar um tema filho no WordPress, vamos usar o Child Theme Configurator para explicar o processo.
Este plugin torna extremamente fácil configurar e personalizar um tema filho para temas clássicos (não em blocos) do WordPress. Aqui está um guia simples, passo a passo, para você começar.
Passo 1: Instale e ative o plugin
Primeiro, acesse o painel do WordPress, procure por “Child Theme Configurator” na seção Plugins e instale-o. Após a ativação, acesse Ferramentas → Temas Filhos.
Passo 2: Configurar o tema filho
No Configurador de Temas Filhos, acesse a Pai/Filho . Você verá uma opção para escolher uma ação; selecione “CRIAR um novo Tema Filho” para começar.
Passo 3: Escolha o tema principal
Em seguida, selecione o tema pai que deseja usar como base no menu suspenso. Para este exemplo, digamos que estamos usando o tema Hestia. Depois de escolher o tema, clique no botão “Analisar” para garantir que ele seja compatível com a criação de um tema filho.
Passo 4: Dê um nome à pasta do seu tema filho
Em seguida, você será solicitado a nomear a pasta onde o tema filho será armazenado. Você pode usar a criatividade ou optar por um nome simples, como "Hestia-child", para manter tudo organizado.
Passo 5: Decida onde salvar os estilos personalizados
Eis uma escolha importante: você pode salvar novos estilos personalizados na folha de estilo principal (style.css) do seu tema filho ou em um arquivo de folha de estilo separado.
- Folha de Estilos Primária: Este é o arquivo principal onde os estilos são salvos por padrão. Quaisquer alterações feitas aqui sobrescreverão os estilos originais do tema.
- Folha de estilo separada: Esta opção salva seus estilos personalizados em um novo arquivo, de forma que os estilos do tema original permaneçam intactos.
Por enquanto, vamos usar a folha de estilo principal, mas fique à vontade para experimentar a opção separada se quiser preservar completamente a aparência do tema pai.
Saiba mais: As melhores ferramentas de software para design web, para criar sites incríveis e fáceis de usar.
Etapa 6: Configurar o tratamento da folha de estilo do tema pai
Role a página para baixo e escolha como carregar a folha de estilo do tema pai. Vamos manter a opção padrão "Usar a fila de estilos do WordPress", pois isso permite que o plugin lide com isso automaticamente.
Etapa 7: Personalizar detalhes do tema filho
Ao chegar à Etapa 7, clique em “Clique para editar os atributos do tema filho”. Aqui, você pode adicionar detalhes como o nome, a descrição e a versão do tema filho.
Etapa 8: Copiar menus e widgets
Normalmente, a criação de um tema filho redefine seus menus e widgets. Para evitar essa redefinição, marque a caixa na Etapa 8 para copiá-los do tema pai para o tema filho.
Crie seu tema filho
Por fim, clique em “Criar novo tema filho”. O plugin criará automaticamente uma pasta para o seu tema filho, incluindo os arquivos style.css e functions.php necessários para futuras personalizações.
Pré-visualizar e ativar
Antes de ativar, clique no link de pré-visualização na parte superior da tela para garantir que tudo esteja correto. Se a pré-visualização do seu tema filho aparecer sem problemas e sem nenhum elemento quebrado, clique em "Ativar e Publicar" para torná-lo público!
E pronto! Seu tema filho agora está ativo. A partir deste ponto, ele terá a mesma aparência e funcionará exatamente como o tema pai. Agora você pode adicionar personalizações ao tema filho sem afetar o original. Divirta-se personalizando!
Saiba mais sobre: Os melhores temas do WordPress Studio para empresas criativas
O que fazer se o seu tema filho do WordPress não estiver funcionando?
Seu tema filho não está exibindo as alterações? Não se preocupe, aqui estão alguns problemas comuns e suas soluções para que volte a funcionar como esperado.
Verifique novamente seu arquivo functions.php
Comece por garantir que adicionou a folha de estilo do tema filho à fila de carregamento no seu arquivo functions.php. Se não estiver adicionada, o tema filho não carregará corretamente e o seu site continuará a exibir o tema pai, dando a impressão de que as suas alterações não estão a aparecer.
Leitura interessante: Laravel vs. WordPress: os melhores rivais do PHP se enfrentam
Confirme se o nome da sua folha de estilo é style.css
Verifique se você nomeou sua folha de estilo como style.css, e não como stylesheet.css ou qualquer outro nome. O WordPress espera que a folha de estilo principal do tema filho se chame style.css. Se o nome for diferente, seu arquivo functions.php não a reconhecerá e seus estilos personalizados não serão aplicados.
Verifique o nome do modelo no arquivo style.css
No seu arquivo style.css, o campo Template deve corresponder exatamente ao nome da pasta do seu tema pai. Isso informa ao WordPress qual tema usar como tema pai. Se o nome estiver incorreto, o WordPress não saberá em qual tema o tema filho deve ser baseado.
Limpe o cache
Às vezes, o cache pode impedir que você veja as atualizações. Tente limpar o cache, principalmente se estiver usando um plugin de cache. Também é útil limpar o cache do navegador ou abrir o site em uma janela anônima para verificar se as alterações estão sendo exibidas. Se estiver trabalhando ativamente no tema filho, considere desativar quaisquer plugins de cache até concluir o trabalho.
Use !important no seu código CSS
Se você perceber que os estilos do tema pai ainda estão sobrescrevendo seu CSS personalizado, tente adicionar `!important` aos estilos que deseja priorizar. Isso fará com que os estilos do tema filho tenham precedência sobre os do tema pai. Por exemplo:
p {background-color: gray !important;}Esse truque pode ser útil para elementos específicos, IDs e classes CSS, garantindo que as alterações sejam aplicadas.
Entre em contato com o suporte do tema ou consulte os fóruns
Se você já tentou todas essas etapas e seu tema filho ainda não está funcionando, considere entrar em contato com a equipe de suporte do tema ou consultar o fórum do tema no WordPress.org. Às vezes, os temas têm configurações exclusivas ou código personalizado que podem afetar o funcionamento dos temas filhos, e o desenvolvedor pode ter orientações específicas.
Conclusão
E é isso! Agora você já deve ter uma boa compreensão do que é um tema filho do WordPress e como ele funciona em conjunto com um tema pai. Instalar um tema é apenas o começo na criação de um site WordPress.
Embora o editor Gutenberg integrado ou o construtor do seu tema possam ajudar a fazer ajustes de design, criar um tema filho abre ainda mais possibilidades. Com um tema filho, você não só pode ajustar o design, como também personalizar a funcionalidade sem mexer nos arquivos principais, o que lhe dá total liberdade para tornar seu site verdadeiramente único.
Perguntas frequentes sobre como criar um tema filho no WordPress
O que é um tema filho no WordPress e por que eu deveria usar um?
Um tema filho é uma versão personalizada do seu tema existente que permite modificar estilos CSS, arquivos PHP e arquivos de modelo sem afetar diretamente o tema pai. Usar um tema filho básico garante que toda a funcionalidade do tema atual seja preservada, ao mesmo tempo que permite atualizações no tema pai sem perder seus novos estilos ou trechos de código.
Como faço para criar um tema filho manualmente no WordPress?
Para criar um tema filho manualmente, primeiro você cria uma pasta no diretório de temas do WordPress (wp-content), adiciona um primeiro arquivo, como style.css, com o valor de modelo correto apontando para o tema pai e, opcionalmente, inclui um arquivo functions.php para gerenciar as funções do tema filho. Esse processo permite adicionar estilos personalizados e modificar arquivos específicos com segurança, sem precisar editar o tema pai diretamente.
Posso criar um tema filho usando um plugin em vez de programar?
Sim, você pode criar um tema filho com um plugin, que gera automaticamente o diretório do tema filho, o arquivo style.css e o arquivo functions.php. Essa abordagem é ideal para iniciantes que desejam evitar editar diretamente arquivos PHP ou escrever trechos de código.
O que devo verificar se meu tema filho do WordPress não estiver funcionando?
Se o seu tema filho estiver inativo, verifique se o nome da pasta corresponde ao tema pai, confirme se o arquivo style.css contém o valor de modelo correto, verifique as funções do tema filho e limpe o cache. Além disso, certifique-se de que qualquer versão personalizada de arquivos específicos siga o domínio de texto e as aspas corretos.
Um tema filho pode incluir tipos de postagem personalizados e outros recursos exclusivos?
Sim, um tema filho pode incluir novos tipos de postagem personalizados, imagens em destaque e outras funcionalidades, mantendo o tema pai intacto. Isso permite adicionar novos estilos, trechos de código ou até mesmo criar um tema em blocos, preservando as atualizações do seu tema ativo.
