fbpx

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Siga a FULL.

Guia completo do tema filho do WordPress

Você está em:

Guia completo do tema filho do WordPress

Temas filhos do WordPress. Eles podem soar (e parecer) intimidantes no começo, mas uma vez que você aprenda os prós e contras (assim como a beleza) dos temas filhos do WordPress, você vai se divertir muito. Neste post, vamos dividir o tema filho do WordPress em suas várias partes. Colocando de outra forma, vamos aprender:

  • O que é um tema filho do WordPress
  • Méritos dos Temas Filhos do WordPress
  • Deméritos dos temas filhos do WordPress
  • Como criar um tema filho do WordPress
  • Recursos do tema filho do 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 de modelo e funcionalidades de outro tema do WordPress conhecido como tema pai. Não soque nada ainda, vou explicar tudo em detalhes, prometo.

Um tema pai é um tema WordPress típico, como o nosso Tema WordPress mais vendido, o tema padrão Twenty Fourteen ou qualquer tema que você esteja usando em seu site.

O tema filho mais básico do WordPress é 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 pai recebe atualizações de vez em quando. Portanto, se você pegar 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 filhos do WordPress. Um tema filho do WordPress dá a você o poder de personalizar seu tema pai sem correr o risco de perder suas alterações ao atualizar. Claro, você pode optar por acabar com as atualizações se não se importar em expor seu site a hackers.

Se movendo…

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

Pressione o botão de congelamento. Como você cria uma cópia do tema pai sem realmente copiar nada? O segredo para entender os temas filhos está dentro do 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 vamos criar um tema filho mais adiante neste post, vou apenas apresentar alguns conceitos básicos para revelar a linha sobre a qual estou falando e dar a você uma melhor compreensão dos temas filhos.

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

/*

Theme Name : The name of your child theme (e.g. Total Child Theme)

Theme URI: http://www.example.com (Your child theme’s URL)

Description: A brief description of your child theme

Author: Your name goes here

Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)

Version: 1.0.0

*/

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

Modelo: o nome do diretório do seu tema pai (por exemplo, Total, vinte e quatorze, etc.)

Esta linha informa ao seu tema filho de qual tema pai emprestar funções e arquivos de modelo. Essa linha simples vincula seu tema filho ao tema pai, agindo 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 pai instalado em 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 de modelo herda (a maior parte) do seu tema pai quando você ativa seu tema filho. Todas as alterações feitas no seu 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ê está comigo, vamos passar para as vantagens e desvantagens dos temas filhos do WordPress.

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

Há muitos benefícios em usar um tema filho e recomendamos que qualquer pessoa que use um tema que não foi personalizado para seu site configure e ative um tema filho. Listamos alguns dos principais benefícios de usar um tema filho e por que você deve considerá-lo.

Sucesso

Atualizações seguras

Os temas filhos do WordPress apenas emprestam funções, modelos e estilos do tema pai. Isso permite que você personalize seu site sem tocar no tema pai. Portanto, sempre que os desenvolvedores atualizarem seu tema pai, você poderá atualizar seu site com segurança sem perder as 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 muitos frameworks de temas comerciais e gratuitos 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 erra e todo mundo esquece. Dito isto, você estará na sopa se esquecer de codificar algo ao usar um tema pai. 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 pai. Claro, isso só é verdade se o código existir no tema pai.

Quais são os pontos negativos de usar um tema filho?

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

Há uma curva de aprendizado

Os temas filho são principalmente para estender ou personalizar a funcionalidade do seu tema pai, o que significa que, se você não for um desenvolvedor, não poderá fazer muito com seu tema filho e desejará aprender alguma codificação a tomar todo o potencial do seu tema filho. Portanto, se você é um novato, precisa de tempo para aprender o funcionamento dos temas pai e do WordPress (assim como um pouco de código) em geral para aproveitar todo o potencial dos temas filhos. 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 pai, talvez seja necessário ajustar algumas coisas (por exemplo, menus, widgets e/ou opções de tema) quando mudar para um tema filho. Alguns temas salvam as configurações no banco de dados com base no nome do tema, então, quando você alterna para o tema filho, pode parecer que você perdeu todas as configurações do tema pai (configurações do personalizador), mas não se preocupe, elas estão seguras no banco de dados, mas você precisa voltar para seu pai, se for esse o caso, para que você possa copiar suas configurações e migrá-las.

Em nosso tema Total, fornecemos um útil painel Importar/Exportar diretamente no painel para que você possa copiar as configurações do Personalizador do tema antes de mudar para o tema filho e migrá-las.

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

Como criar um tema filho do WordPress?

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

Nota : Você pode acessar o diretório de temas através do seu Gerenciador de Arquivos em seu cPanel. Alternativamente, você pode usar um cliente FTP como o FileZilla se tiver contas FTP habilitadas.

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

/*

Theme Name : The name of your child theme (e.g. Total Child Theme)

Theme URI: http://www.example.com (Your child theme’s URL)

Description: A brief description of your child theme

Author: Your name goes here

Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)

Version: 1.0.0

*/

É o mesmo código que usamos anteriormente.

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

function total_child_enqueue_parent_theme_style() {

// Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)

$theme   = wp_get_theme( ‘Total’ );

$version = $theme->get( ‘Version’ );

// Load the stylesheet

wp_enqueue_style( ‘parent-style’, get_template_directory_uri().’/style.css’, array(), $version );

}

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 pai. Isso permitirá que seu tema filho atualize dinamicamente o número da versão anexado ao estilo pai. se estiver usando um) faça o cache novamente da folha de estilo e evite que seu site tenha problemas de CSS quando visualizado.

Personalizando seu tema filho

personalizações de temas-filhos

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 seu tema filho e modificados, você só pode copiar arquivos de modelo. Portanto, se o tema tiver certos arquivos dentro de um includes, inc, functions ou outra pasta que contenha classes e funções personalizadas, talvez você não consiga 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 seu tema filho para obter mais funcionalidades
  • Use o arquivo functions.php do seu tema filho para adicionar funções personalizadas e fazer uso do tema pai ou filtros do WordPress. Não adicione novas funções ao arquivo functions.php em seu tema pai!

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

E é isso.


Para encerrar 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 deseja aprender o desenvolvimento de temas WordPress. Eles são simples e divertidos de criar e oferecem muitas opções para transformar seu site WordPress da maneira que você quiser.

Projete e divirta-se, e não saia antes de compartilhar conosco nos comentários abaixo. Adoramos e valorizamos o seu feedback

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

Meu carrinho
🎁 Faltam R$300,00 para liberar o Cupom Secreto
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(