WordPress Theme Theme Guia Completo

Temas filho WordPress. Eles podem parecer (e parecer) intimidadores no início, mas depois de aprender os detalhes (e a beleza) dos temas filhos do WordPress, você se divertirá bastante. Neste post, dividiremos o tema filho do WordPress em várias partes. Em outras palavras, aprenderemos:


  • O que é um Tema WordPress para Crianças
  • Méritos dos Temas Filhos do WordPress
  • Deméritos de Temas Filhos do WordPress
  • Como criar um tema filho do WordPress
  • Recursos do tema filho WordPress

O que é um tema filho do WordPress?

Então, o que é um tema filho do WordPress?

Um tema filho do WordPress é basicamente um tema do WordPress que “empresta” arquivos e funcionalidades de outro tema do WordPress conhecido como tema pai. Não perfure nada ainda, vou explicar tudo em detalhes que prometo.

UMA tema dos pais é um tema típico do WordPress, como o tema Total WordPress mais vendido, o tema padrão Twenty Fourteen ou o tema que você está usando em seu site.

O tema filho do WordPress mais básico é simplesmente uma pasta que contém um arquivo style.css especial. Não se preocupe, tudo fará sentido quando eu explicar. Uma das perguntas que provavelmente está passando pela sua cabeça agora é: Por que alguém iria querer usar um tema filho enquanto há muitos temas pai?

A resposta é bem simples. A maioria dos temas principais recebe atualizações de vez em quando. Portanto, se você escolher um tema pai e personalizar o código (e o estilo), perderá todas essas alterações na próxima vez que atualizar o tema. É aqui que entram os temas filho do WordPress. Um tema filho do WordPress permite que você personalize seu tema pai sem correr o risco de perder suas alterações ao atualizar. Obviamente, você pode optar por acabar com as atualizações se não se importar de expor seu site a hackers.

Se movendo…

Alguns parágrafos atrás, mencionei que os temas filho “emprestam” arquivos de modelo e a funcionalidade dos temas pai. Como isso acontece? Pense nos temas filhos como sombra temas; eles imitam seus temas principais. É como criar uma cópia do tema principal sem realmente copiar nada. Parece mágica, certo?

Pressione o botão congelar. Como você cria uma cópia do tema principal sem realmente copiar nada? O segredo para entender os temas filhos está no arquivo style.css especial que mencionamos anteriormente. Na verdade, o segredo é uma única linha encontrada dentro do style.css. Qual linha você pergunta? Mais sobre isso em um momento. Como criaremos um tema filho mais adiante neste post, apresentarei alguns conceitos básicos para revelar a linha de que estou falando e oferecer uma melhor compreensão dos temas filhos..

Para criar um tema filho, você deve criar uma pasta (para o tema filho) no diretório de temas do WordPress. Você pode nomear a pasta com o que quer (ou após o seu tema). Em seguida, você deve criar um style.css com o seguinte código:

/ *
Nome do tema: o nome do tema filho (por exemplo, Tema filho total)
URI do tema: http://www.example.com (URL do tema do seu filho)
Descrição: uma breve descrição do tema do seu filho
Autor: Seu nome vai aqui
Modelo: o nome do diretório do tema principal (por exemplo, Total, vinte e quatro, etc.)
Versão: 1.0.0
* /

Você deve salvar este style.css na pasta do seu tema filho. Agora, volte para a sexta (sexta) linha no código acima. Você verá:

Modelo: o nome do diretório do tema principal (por exemplo, Total, vinte e quatro, etc.)

Essa linha informa ao tema filho a partir de qual tema pai emprestar funções e arquivos de modelo. Essa linha simples vincula o tema filho ao tema pai, atuando como um canal através do qual o tema filho recebe arquivos de modelo e funcionalidades do tema pai. Isso significa que você deve ter o tema principal instalado na sua plataforma WordPress.

Basta dizer que, sem essa linha, você não tem um tema filho. Você só tem uma pasta e um arquivo style.css típico.

Em resumo, a linha do modelo herda (a maioria) do tema pai quando você ativa o tema filho. Todas as alterações feitas no tema filho não serão afetadas se / quando você atualizar o tema pai. Como você gosta dessa explicação? Você está seguindo ou não está claro o suficiente? Se você estiver comigo, vamos às vantagens e desvantagens dos temas filhos do WordPress.

Quais são os benefícios de usar um tema filho?

Há muitos benefícios no uso de um tema filho e recomendamos que qualquer pessoa que use um tema que não foi criado para o site deles configure e ative um tema filho. Listamos alguns dos principais benefícios do uso de um tema infantil e por que você deve considerá-lo fortemente.

Sucesso

Atualizações seguras

Os temas filhos do WordPress apenas pedem funções, modelos e estilos do tema principal. Isso permite que você personalize seu site sem tocar no tema principal. Portanto, sempre que os desenvolvedores atualizarem o tema principal, você poderá atualizar seu site com segurança sem perder alterações personalizadas.

Os temas filhos são facilmente extensíveis

Os temas filhos do WP oferecem muita flexibilidade. Você pode criar novos arquivos de modelo que não faziam parte do tema pai. Você pode adicionar novas funções, estilos e muito mais. Além disso, existem muitas estruturas de temas comerciais e gratuitas com opções extensíveis para você começar.

Os temas filhos são seguros para fallback

Todo desenvolvedor é humano, e todos sabemos que errar é humano. Todo mundo comete erros e todo mundo esquece. Dito isto, você estará na sopa se esquecer de codificar algo ao usar um tema principal. As coisas são um pouco diferentes com temas infantis. Se você esquecer algum código, o WordPress carregará automaticamente uma alternativa (ou o original) do tema principal. Obviamente, isso só é verdade se o código existir no tema pai.

Quais são os negativos do uso de um tema filho?

Embora, em geral, os temas filhos sejam impressionantes e recomendamos que todos que usam o WordPress ativem um tema filho em seu site, se planejarem fazer possíveis ajustes no futuro, são algumas coisas que você deve ter em mente.

Há uma curva de aprendizado

Os temas filhos destinam-se principalmente a ampliar ou personalizar a funcionalidade do tema pai, o que significa que, se você não é um desenvolvedor, não há muito o que fazer com o tema filho e deseja aprender algumas codificações pleno potencial do seu tema filho. Portanto, se você é um novato, precisa de tempo para aprender o funcionamento dos temas principais e do WordPress (além de um pouco de código) em geral, para aproveitar todo o potencial dos temas secundários. Mesmo assim, você deve ganhar suas listras. Afinal, você estará codificando como os profissionais em pouco tempo!

As coisas quebram ou são deixadas para trás

Se você construiu seu site em torno de um tema principal, talvez precise ajustar algumas coisas (por exemplo, menus, widgets e / ou opções de tema) ao mudar para um tema filho. Alguns temas salvam as configurações no banco de dados com base no nome do tema. Quando você muda para o tema filho, pode parecer que você perdeu todas as configurações de tema pai (configurações do Customizer), mas não se preocupe, elas são seguras no banco de dados, mas você é necessário voltar aos pais, se for esse o caso, para que você possa copiar suas configurações e migrá-las. Em nosso tema Total, fornecemos um painel útil Importar / Exportar diretamente no painel para que você possa copiar as configurações do Personalizador de temas antes de mudar para o tema filho e migrá-las sobre.

Além disso, se você estiver usando o tema filho para fornecer funções adicionais ao seu site, em vez de usar um plug-in, se você alternar o tema pai, talvez seja necessário mudar alguns desses ajustes para um novo tema filho, renomear o tema filho atual ou mover o ajustes em um plugin personalizado.

Como criar um tema filho do WordPress?

Quero supor que você seja proativo e tenha criado uma pasta e o arquivo style.css “especial” para o seu tema filho. Se você acabou de pular para esta parte (ou estava esperando ansiosamente por esta seção), abra seu diretório de temas do WordPress via FTP / SFTP (… / wp-content / themes) e crie uma pasta onde você armazenará o seu tema filho.

Nota: Você pode acessar o diretório de temas através do seu Gerenciador de arquivos no cPanel. Como alternativa, você pode usar um cliente FTP, como FileZilla se você tiver contas de FTP ativadas.

Em seguida, abra seu editor de texto favorito (o meu Bloco de anotações++) e crie um arquivo style.css com as seguintes informações:

/ *
Nome do tema: o nome do tema filho (por exemplo, Tema filho total)
URI do tema: http://www.example.com (URL do tema do seu filho)
Descrição: uma breve descrição do tema do seu filho
Autor: Seu nome vai aqui
Modelo: o nome do diretório do tema principal (por exemplo, Total, vinte e quatro, etc.)
Versão: 1.0.0
* /

É o mesmo código que usamos anteriormente.

Faça o upload do seu arquivo style.css para a pasta do tema filho. Nesse momento, seu arquivo style.css está vazio (além das linhas acima, que não fazem nada em termos de estilo), portanto, não espere que o tema filho se pareça com o tema principal. Para superar esse obstáculo, você pode importar o style.css do tema principal, criando um novo arquivo functions.php vazio na pasta do tema filho e adicionando o seguinte código PHP:

função total_child_enqueue_parent_theme_style () {

// Obter dinamicamente o número da versão da folha de estilo pai (permite que os navegadores voltem a cache sua folha de estilo quando você atualizar seu tema)
$ theme = wp_get_theme ('Total');
$ version = $ theme-> get ('Versão');

// Carrega a folha de estilo
wp_enqueue_style ('estilo pai', get_template_directory_uri (). '/ style.css', array (), $ versão);

}
add_action ('wp_enqueue_scripts', 'total_child_enqueue_parent_theme_style');

Certifique-se de alterar onde diz “Total” para ser o nome do seu tema principal. Isso permitirá que o tema filho atualize dinamicamente o número da versão anexado ao pai style.css. Assim, quando o tema pai for atualizado se houver alguma alteração no arquivo style.css no tema pai, permitirá que o navegador e sua CDN ( se estiver usando uma) reutilize em cache a folha de estilo e impeça que seu site tenha problemas de CSS quando visualizado.

Personalizando o seu tema filho

personalizações de tema filho

Agora vem a parte divertida. Você provavelmente criou seu tema filho para fazer personalizações, então mergulhe!

  • Para personalizar seu tema filho, basta adicionar seus estilos ao arquivo style.css que você criou. Eles substituirão os estilos correspondentes encontrados no tema pai.
  • Para editar arquivos de modelo, copie-os primeiro para o tema filho e depois edite-os a partir daí. Mas nem TODOS os arquivos podem ser copiados para o tema filho e modificados; você só pode copiar sobre arquivos de modelo. Portanto, se o tema tiver determinados arquivos dentro de uma inclusão, inc, funções ou outra pasta que contenha classes e funções personalizadas, talvez você não possa copiá-los e modificá-los. Para esses casos, você pode querer usar filtros ou ganchos de ação para modificar as funções padrão do tema pai.
  • Você pode adicionar arquivos de modelo personalizados ao tema filho para obter mais funcionalidades
  • Use o arquivo functions.php do seu tema filho para adicionar funções personalizadas e usar o tema pai ou os filtros do WordPress. Não adicione novas funções ao arquivo functions.php no tema principal!

O WordPress carregará primeiro os arquivos e os estilos de modelo no tema filho, mas se algo estiver faltando, os arquivos correspondentes serão carregados no tema pai. Ah, sim, temas infantis são seguros para fallback, mas aposto que dissemos que já.

E é isso.


Para embrulhar as coisas …

Os temas filhos são muito poderosos no que diz respeito à personalização e extensibilidade. Além disso, eles fornecem boas bases de aprendizado para quem quer aprender o desenvolvimento do tema WordPress. Eles são simples e divertidos de criar e oferecem muitas opções para transformar seu site WordPress da maneira que você quiser.

Desenhe e divirta-se, e não saia antes de compartilhar conosco nos comentários abaixo. Adoramos e valorizamos seus comentários ��

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map