Como criar um tema filho do WordPress

Publicados: 2020-04-16

Você está pronto para criar um tema filho no WordPress?

Conteúdo
1 Instalação do Tema Pai
2 Como criar um diretório de tema filho do WordPress
3 Crie uma folha de estilo
4 Faça o arquivo de funções
5 O mecanismo para criar um tema filho no WordPress
6 sugestões para criadores de temas infantis
7 arquivos no tema filho
8 Como ativar o tema filho
9 Como criar e personalizar o tema filho do WordPress
10 Corrigir erros de tema filho e pai
11 coisas a serem lembradas para o tema filho do WordPress

Instalação do tema pai

Você precisa decidir qual tema você prefere. Dependendo de suas preferências, você deve escolher o tema que deseja selecionar como tema pai.

Como criar um diretório de tema filho do WordPress

Crie um novo arquivo na pasta public_html/wp-content/themes da instalação do WordPress para manter o tema. Evite fazer isso em um site ao vivo. Você pode testar isso em um site de desenvolvimento antes de implementar no site de teste. Normalmente, é uma boa prática manter o novo nome da pasta começando com um nome de tema pai seguido por um sufixo.

Este processo envolve a criação de dois arquivos: folha de estilo e arquivo de funções.

Criar uma folha de estilo

Criar um novo arquivo
estilo.css
dentro da pasta e adicione o seguinte código:
 /*

Nome do tema: Tema filho CodeFlist

URI do tema: https://yourwebsite.com/codeflist-child/

Descrição: Tema filho do tema CodeFlist pai

Autor: Amar Raj Mahato

URI do autor: https://demo.codeflist.com/

Modelo: CodeFlist

Versão: 1.0.0

Tags: preto, verde, branco, claro, escuro, duas colunas, três colunas, barra lateral esquerda, barra lateral direita, layout fixo, layout responsivo, plano de fundo personalizado, cabeçalho personalizado, menu personalizado, editor- estilo, imagens em destaque, cabeçalho flexível, modelo de largura total, microformatos, pós-formatos, suporte a linguagem rtl, post fixo, opções de tema, pronto para tradução, pronto para acessibilidade, layout responsivo, infinito- rolar, pós-slider, design, comida, diário, revista, notícias, fotografia, portfólio, limpo, contemporâneo, escuro, elegante, moderno, profissional, sofisticado

Domínio de texto: codeflist-child

*/

Este código informa ao WordPress sobre o tema. Como o texto é comentado, ele não roda nada no seu site. Todo tema tem esse arquivo para se familiarizar com o WordPress.

As linhas com Nome do Tema e Modelo não podem ser ignoradas neste código. O modelo deve conter o nome do diretório do tema pai. Geralmente também diferencia maiúsculas de minúsculas. Todos os outros campos devem ser escritos conforme necessário. Certifique-se de fazer isso corretamente com seu editor favorito.

Faça o arquivo de funções

A adição do arquivo de funções é uma etapa necessária para enfileirar a folha de estilo do tema pai. Se você perder esta etapa, seu tema filho não terá nenhum estilo. Além disso, adicione o arquivo
funções.php
na nova pasta. Adicione o seguinte código a ele:
 <?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
wp_enqueue_style( 'estilo-pai', get_template_directory_uri() . '/style.css' );
}
?>

O mecanismo para criar um tema filho no WordPress

Eles trabalham em um nível de arquivo. Quando uma função chama o arquivo, ela verifica se ele está ou não presente. Caso o arquivo esteja ausente no tema filho, ele será carregado a partir do tema pai. No entanto, tem uma exceção na forma de arquivo de função do tema. Se o
funções.php
arquivo é chamado, ele é carregado de ambos os locais. Seu site não funcionará se a função do tema pai não funcionar. Se todo o conteúdo do arquivo de função do tema pai for copiado para o filho, isso seria uma solução. Esta não é uma boa abordagem para estender o tema. Se o arquivo de rodapé deve ser alterado, o arquivo de rodapé do pai deve ser copiado para o filho. Em seguida, processe os arquivos e salve as alterações. Isso é aplicável em todas as seções que você deseja alterar.

Sugestões para criadores de temas infantis

Você precisa saber a diferença entre
get_stylesheet_directory()
e
get_template_directory()
se você fizer seus próprios temas. Você deve deixar claro que o
função get_template_
sempre apontará o diretório do tema pai e
get_stylesheet_ pontos
o diretório do tema filho. A escolha é sua, se você quer usar o pai ou a criança.

Arquivos no tema filho

Existem pelo menos dois arquivos, uma folha de estilo e um arquivo de funções. A folha de estilo informa ao WordPress sobre o tipo de tema. Também dá uma ideia sobre o tema pai. Todos os detalhes estão incluídos na folha de estilo com a ajuda do formato de texto comentado.

Existe uma prática errada de chamar uma folha de estilo de outra folha de estilo. Na verdade, você deve estar enfileirando o arquivo de funções. Deve haver uma função no arquivo de funções que enfileira a folha de estilo.

O tema pai contém um
index.php
mas não é necessário no tema filho.

Como ativar o tema filho

O WordPress usa um arquivo do tema pai, a menos que você substitua adicionando arquivos ao tema filho. Vamos para
Aparência>Temas
, você encontrará o tema entre os temas instalados em seu site. Você precisa ativar para aproveitar seus recursos. Se você não adicionou nenhuma personalização, a aparência é a mesma.

Como criar e personalizar o tema filho do WordPress

Agora, quando você tem um tema de trabalho, pode adicionar personalizações de acordo com os requisitos desejados. Se você deseja editar folhas de estilo, você pode definir regras no
estilo.css
na pasta do tema filho. Não apenas você pode editar arquivos de modelo, mas também atualizar o tema pai sem perder nenhuma personalização. No entanto, escrever funções pode ser mais complexo do que adicionar arquivos de modelo. Se você quiser adicionar qualquer nova função, então você precisa ir para o
funções.php
Arquivo. Depois de escrever a função, adicione a ação ou filtro relevante para adicionar a funcionalidade extra.

Basicamente, existem três métodos se você planeja substituir a função do tema pai.

  • Quando você tem um tema pai conectável, você pode escrever outra função no tema filho com o mesmo nome. A função no tema pai será ignorada devido a isso.
  • Quando você tem um tema pai desconectado, a desconexão pode ser feita para evitar a execução de uma função do tema pai.
  • Há casos em que você pode adicionar uma nova função para anexar ao mesmo gancho, mas com um nome diferente. Isso é feito sem substituir ou remover uma função.

Corrigir erros de tema filho e pai

Após a criação de um tema filho, podem ocorrer alguns problemas devido a alguma função, estilos ou outros arquivos. Há uma série de etapas para garantir que tudo esteja correto.

  1. Verifique se o tema filho foi ou não ativado. Você precisa ter certeza sobre o status de um tema pai.
  2. Limpe o cache do navegador e o cache criado pelos plugins.
  3. Verifique se você nomeou os arquivos corretamente com a sintaxe correta ao criar um tema filho no WordPress.
  4. Verifique se você salvou as alterações ou não.
  5. Se a função conectável não estiver funcionando, verifique se há uma incompatibilidade de nome ou se a função no tema pai é conectável ou não.
  6. Verifique os valores de prioridade e ganchos presentes na função em caso de problemas de substituição.
  7. Verifique o valor de prioridade, nome e gancho se o problema estiver sendo gerado a partir da função removida.
  8. Encontre onde e onde há um erro no código verificando o arquivo wp-config.php no modo de depuração.
  9. O código de saída para diferentes elementos deve ser verificado.

Coisas para lembrar para o tema filho do WordPress

  1. Deve haver uma folha de estilo e um arquivo de funções em um tema filho.
  2. Não edite temas de terceiros diretamente sem criar um tema filho. Isto irá salvaguardar as personalizações feitas.
  3. Ative o tema e não exclua o tema pai.
  4. Quando houver dois arquivos com o mesmo nome, o WordPress usará o arquivo no filho.
  5. Para substituir uma função conectável no tema pai, você precisa criar a função no tema filho com o mesmo nome.
  6. Com o uso da função remove_action( ) ou remove_filter() , você pode desconectar uma função do tema pai.
  7. Ao criar uma função com o mesmo gancho, você pode aumentar uma função de tema pai.

Empacotando

Você deve manter essas coisas em mente para criar um tema filho no WordPress, você pode obter o máximo de vantagem. Espero que este artigo esclareça suas dúvidas sobre o tema filho e pai.

Leituras Adicionais

WordPress Obter ID de postagem
Posts vs Páginas no WordPress
O que é um tema filho do WordPress
Como excluir temas no WordPress
Como adicionar uma categoria no WordPress
Como alterar a senha no WordPress