Como criar um tema filho no WordPress: um guia fácil 

Como do site do WordPress , é natural que você queira brincar com o design do site e a funcionalidade dos temas do WordPress . Mas qual é a melhor maneira de fazer isso sem mexer com o tema original? Um tema infantil no WordPress é uma ótima maneira de modificar e testar seu tema sem arranhar a cabeça com o risco de interromper seu tema original.

Usar um tema infantil do WordPress é uma maneira inteligente de personalizar com segurança o código do seu tema sem arriscar seu trabalho. Se você planeja fazer edições no CSS , HTML ou PHP , um tema infantil é o caminho a percorrer. Por que? Porque sem um, qualquer atualização do seu tema principal pode acabar com suas alterações.

Para facilitar as coisas, reunimos um guia para iniciantes que explica como funciona um tema filho, como configurá-lo e como fazer as alterações que você deseja. Mergulhe e personalize com confiança!   

Entendendo o tema da criança no WordPress

Um tema filho , como o nome sugere, é como um "add-on" para o seu tema principal ou pai , herdando seus recursos e estilos. Ao personalizar seu tema WordPress, acessar diretamente os arquivos do tema pode ser arriscado, pois qualquer alteração pode alterar o tema principal. É aí que entram os temas filhos: eles são uma maneira mais segura de fazer modificações sem alterar os arquivos originais.

O tema da criança herda automaticamente o estilo principal do arquivo Style.CSS do tema dos pais, que define a aparência geral do tema. Com um tema filho, você pode ajustar ou adicionar facilmente esse estilo adicionando seus próprios arquivos ou fazendo ajustes aos existentes. Isso oferece a flexibilidade de personalizar o tema sem alterar os arquivos originais.

Os temas infantis são armazenados em sua própria pasta, separados do tema dos pais e confiam na funcionalidade dos pais, a menos que você decida mudar as coisas. Quando você ativa um tema filho no WordPress, ele está vinculado ao tema dos pais, e o WordPress verifica os arquivos de temas filhos primeiro. Se um arquivo não tiver sido alterado, o WordPress simplesmente usará a versão do pai.

Lembre-se, porém, de que um tema filho não funciona sozinho. Ele precisa do tema pai instalado junto com ele para funcionar corretamente. 

Leia sobre: ​​Terceirizar o plug -in WordPress e o desenvolvimento do tema

Benefícios do uso de um tema infantil no WordPress

Criar um tema filho é uma maneira inteligente de fazer alterações no seu WordPress sem correr o risco de perder todo o seu trabalho árduo. Se você editasse os arquivos do tema pai diretamente, toda vez que o tema fosse atualizado, suas personalizações seriam apagadas. Isso pode deixá-lo preso a uma escolha frustrante: pular 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 infantil, 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 dos pais atualiza. Além disso, essa configuração facilita a movimentação de suas personalizações de um site para outro, se for necessário, economizando tempo se estiver trabalhando em vários sites ou migrando para um novo.

Another big perk of using a child theme is that it's a great way to learn about custom theme development in a low-risk environment. Você pode experimentar mudanças e novos recursos e, se algo não for como planejado, poderá simplesmente desativar o tema da criança. Seu site reverterá instantaneamente para a aparência e a funcionalidade originais do tema dos pais, para que não haja danos causados.

Aprenda sobre: ​​Como editar e personalizar perfeitamente os cabeçalhos no WordPress?

Coisas a fazer antes de criar um tema criança no WordPress

Já vimos muitos usuários do WordPress ansiosos para começar a personalizar seus sites, mas que acabam se deparando com um impasse quando surgem erros inesperados. É perfeitamente compreensível que colocar a mão na massa com um tema filho possa parecer empolgante até que os desafios técnicos comecem a aparecer. 

É por isso que é essencial se preparar um pouco antes de mergulhar, assim como você se prepararia antes de fazer um exame. Aqui estão algumas dicas que você pode dar um passo para começar antes de começar a criar o tema do seu filho:

Entenda o básico do código

Trabalhar com um tema infantil significa que você estará lidando com o código. No mínimo, um entendimento básico de HTML, CSS e PHP será útil (e possivelmente JavaScript, se você quiser se sentir sofisticado). Se você é novo na codificação, o Manual do Tema WordPress é um ótimo lugar para iniciar para orientação rápida.

Aprenda: como converter o FIGMA em código: React, HTML, Vue, JS, CSS

Escolha o tema dos pais certo

Escolha um tema pai que já tenha a aparência e a funcionalidade que você deseja. O ideal é encontrar um que precise apenas de alguns ajustes, tornando seu processo de personalização mais tranquilo. Se você for trocar de tema por completo, confira nossa lista de coisas a fazer antes de trocar de tema do WordPress. Isso evitará possíveis dores de cabeça!

Use um local local ou de estadiamento para testar

É melhor experimentar em um site local ou em um local de preparação em vez de ir direto para o seu site ao vivo. Dessa forma, se você cometer um erro, não afetará a aparência ou a funcionalidade do seu site ao vivo.

Crie um backup do seu site

Antes de fazer alterações, faça backup do seu site. Se for a sua primeira vez, um plug-in como o Duplicador pode ajudar a tornar o processo de backup simples e sem estresse. Dessa forma, você pode restaurar seu site rapidamente se algo não for como planejado.

Depois de cobrir esses princípios básicos, você estará pronto para acompanhar nosso guia passo a passo para criar o tema do seu filho com confiança!

Aprenda: Melhores soluções para fazer backup de vários sites do WordPress

Como criar um tema criança no WordPress manualmente: 5 etapas fáceis 

Criar um tema infantil no WordPress é mais fácil do que parece, e é uma ótima maneira de entender como os temas infantis funcionam sem arriscar seu tema principal.

Vamos percorrer como criar um tema infantil com base no padrão padrão do WordPress, vinte e quinze temas e fazer alguns ajustes personalizados para ver o processo em ação.

Etapa 1: Crie uma pasta de tema infantil

Comece criando uma nova pasta no seu computador, onde todos os arquivos para o tema do seu filho serão lançados. Mais tarde, você enviará esta pasta para o seu site.

Você pode nomear a pasta após o tema dos seus pais com "-CHILD" adicionado no final. Por exemplo, se o tema dos seus pais for chamado de "vinte e vinte e dois", a pasta de temas do seu filho seria nomeada vinte e dois filhos. Isso facilita a identificação como um tema infantil para os pais.

Etapa 2: Configure uma folha de estilo para o tema do seu filho

Em seguida, crie um arquivo style.css dentro da sua nova pasta de temas filhos. Este arquivo manterá todos os estilos personalizados para o tema do seu filho.

Para configurar a folha de estilo corretamente, adicione os seguintes comentários do cabeçalho na parte superior do seu arquivo Style.css. Isso diz ao WordPress que seu novo tema é um filho do tema dos pais:

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á em Aparência → Temas . Agora você deverá ver seu tema filho listado.

Etapa 3: vincular as folhas de estilos de temas dos pais e filhos

Para garantir que os estilos do tema dos seus pais sejam aplicados, precisamos vincular sua folha de estilo ao tema da criança. Isso é feito criando um FUNCIÇÕES.PHP na pasta de temas da sua criança 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 tema do seu filho herde todo o seu estilo.

Aprenda: como reparar e consertar o banco de dados do WordPress?

Etapa 4: edite a folha de estilo do tema da criança (style.css)

Agora você pode começar a adicionar seus estilos personalizados diretamente no arquivo de estilo do tema filho. Por exemplo, para alterar a cor dos links em seu site, você pode adicionar:

a {color: #d54e21; decoração de texto: nenhum;}

Essa regra substitui o estilo de link do tema dos pais sem afetar o restante de seu design.

Saiba: você deve criar seu site com código, sem código ou um construtor de sites?

Etapa 5: Modifique um arquivo de modelo 

Com um tema infantil, você também pode modificar modelos . Digamos que você queira mudar a maneira como as postagens são exibidas editando o arquivo Single.php.

• Copie o single.php do tema pai e cole -o na pasta tema do seu filho.
• Abra o arquivo em um editor de texto e faça suas alterações.

Por exemplo, se você deseja remover a seção de comentários das páginas de postagem única, localize esta parte do código:

if (comments_open () || get_comments_number ()): comments_template (); endif;

Exclua ou comente para ocultar os comentários. O WordPress usará o arquivo single.php modificado da pasta do tema filho; portanto, qualquer atualização do tema pai não substituirá sua personalização.

Aprenda: como criar um modelo de página personalizado no WordPress?

Como criar um tema infantil com um plugin (sem codificação necessária)

Se você não gosta de codificar, mas ainda deseja criar um tema infantil, está com sorte! Embora existam vários plug -ins que você pode usar para criar um tema filho no WordPress, usaremos o do Configurador de Tema Criança para explicar o processo.

Este plug-in facilita a configuração e a personalização de um tema infantil para temas clássicos do WordPress (sem blocos). Aqui está um guia simples e passo a passo para você começar.

Etapa 1: Instale e ative o plug -in

Primeiro, acesse o painel do WordPress, procure por “Configurador de Temas Filhos” na seção Plugins e instale-o. Após a ativação, acesse Ferramentas → Temas Filhos .

Etapa 2: Configure o tema da criança

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.

Etapa 3: Escolha o tema dos seus pais

Em seguida, selecione o tema dos pais que você deseja criar no menu suspenso. Para este exemplo, digamos que estamos usando o tema Hestia. Depois de escolher seu tema, clique no botão "Analisar" para garantir que o tema seja compatível para criar um tema filho.

Etapa 4: Nomeie a pasta de temas do seu filho

Você será solicitado a nomear a pasta onde o tema da criança será armazenado. Você pode ser criativo aqui ou simplificar com um nome como "Hestia-Child" para manter as coisas organizadas.

Etapa 5: decida onde salvar estilos personalizados

Aqui está uma opção importante: você pode salvar novos estilos personalizados na folha de estilo principal (style.css) do tema da sua criança ou em um arquivo de folha de estilo separado.

• Fazenda de estilo primário : este é o arquivo principal em que os estilos são salvos por padrão. Quaisquer mudanças aqui substituirão os estilos de temas originais.

• Folha de estilo separada : esta opção salva seus estilos personalizados em um novo arquivo, para que os estilos do tema original permaneçam intocados.

Por enquanto, vamos com a folha de estilo principal, mas fique à vontade para experimentar a opção separada se desejar preservar completamente a aparência do tema dos pais.

Saiba mais: As melhores ferramentas de software de web design para sites fáceis e impressionantes

Etapa 6: Defina o manuseio da folha de estilos de temas dos pais

Role para baixo e escolha como carregar a folha de estilo do tema dos pais. Vamos continuar com a opção "Use a fila do estilo WordPress", pois isso permite que o plug -in lide automaticamente.

Etapa 7: Personalize os detalhes do tema da criança

Quando você chegar à Etapa 7, clique em "Clique para editar atributos do tema da criança". Aqui, você pode adicionar detalhes como o nome, a descrição e a versão do tema da criança.

Etapa 8: Copiar menus e widgets

Normalmente, a criação de um tema infantil redefinirá seus menus e widgets. Para evitar redefini -los, verifique a caixa na Etapa 8 para copiá -los do tema dos pais para o tema da criança.

Crie o tema do seu filho

Por fim, clique em "Criar novo tema filho". O plug -in criará automaticamente uma pasta para o tema do seu filho, com o estilo.css e funções.php arquivos necessários para futuras personalizações.

Visualizar e ativar

Antes de ativar, clique no link de visualização na parte superior da tela para garantir que tudo pareça bom. Se a pré -visualização do tema do seu filho aparecer bem sem quebrar nenhum elemento, vá em frente e clique em "Ativar e publicar" para fazê -lo ao vivo!

E aí está você! O tema do seu filho agora está ativo. Neste ponto, ele parecerá e funcionará como o tema dos seus pais. Agora você pode adicionar com segurança personalizações ao tema da criança sem afetar o original. Feliz personalização!

Aprenda sobre: ​​Best WordPress Studio temas para negócios criativos

O que fazer se o seu tema filho do WordPress não estiver funcionando?

O seu tema filho não está exibindo as alterações? Não se preocupe, aqui estão alguns problemas comuns e soluções para que ele funcione conforme o esperado.

Verifique duas funções.php arquivo

Comece certificando -se de que você envolveu a folha de estilo do tema da criança em suas funções.php. Se não estiver envolvido, o tema da criança não carregará corretamente e seu site continuará exibindo o tema dos pais, fazendo parecer que suas alterações não estão aparecendo.

Leia interessante: Laravel vs WordPress: os melhores rivais do PHP enfrentam

Confirme sua folha de estilo é nomeada style.css

Verifique se você nomeou sua folha de estilo como style.css, e não stylesheet.css ou qualquer outro nome. O WordPress espera que a folha de estilo principal do tema filho se chame style.css. Se ela tiver um nome diferente, seu arquivo functions.php não a reconhecerá e seus estilos personalizados não serão aplicados.

Verifique o nome do modelo em estilo.css

No seu arquivo style.css, o campo de modelo deve corresponder exatamente ao nome da pasta do seu tema pai. Isso diz ao WordPress qual tema usar como pai. Se o nome estiver incorreto, o WordPress não saberá em qual tema o tema da criança deve se basear.

Limpe seu cache

Às vezes, o cache pode impedir que você veja atualizações. Tente limpar seu cache, especialmente se você estiver usando um plug -in de cache. Também é útil limpar o cache do navegador ou abrir seu site em uma janela incógnita para verificar se suas alterações estão sendo exibidas. Se você estiver trabalhando no tema da criança ativamente, considere desativar qualquer plugins de cache até terminar.

Use! IMPORTANTE NO SEU Código CSS

Se você está descobrindo que os estilos do tema dos pais ainda estão substituindo seu CSS personalizado, tente adicionar! IMPORTANTE Os estilos que você deseja priorizar. Isso forçará os estilos do tema do seu filho a ter precedência sobre os pais. Por exemplo:

P {Background-Color: Gray! IMPORTANTE;}

Esse truque pode ser útil para elementos específicos, IDs e classes CSS para garantir que suas alterações sejam aplicadas.

Entre em contato com o suporte ao tema ou verifique os fóruns

Se você tentou todas essas etapas e o tema do seu filho ainda não está funcionando, considere procurar a equipe de suporte do tema ou verificar o fórum do tema no wordpress.org . Às vezes, os temas têm configurações exclusivas ou código personalizado que podem impactar como os temas crianças funcionam, e o desenvolvedor pode ter conselhos específicos.

Conclusão 

E isso é um envoltório! Até agora, você deve ter um entendimento sólido do que é um tema filho do WordPress e como ele funciona ao lado do tema dos pais. Instalar um tema é apenas o começo ao criar um site WordPress. 

Embora o editor Gutenberg integrado ou o construtor do seu tema possam ajudar você a fazer ajustes no design, criar um tema filho abre ainda mais possibilidades. Com um tema filho, você não só pode ajustar o design, mas também personalizar a funcionalidade sem alterar os arquivos principais, dando-lhe total liberdade para tornar seu site verdadeiramente único.

Perguntas frequentes sobre como criar um tema filho no WordPress