Olá galera, este é meu primeiro post aqui no Criador Sites, então vamos ao que interessa.

Quero falar de um assunto muito importante para quem gosta de pegar um tema pronto e personalizá-lo conforme a sua necessidade no WordPress.

Antes de entrar afundo no assunto, vou abordar as vantagens de utilizar o tema filho ou child Theme.

São elas: Preserva o código original do tema pai; Consegue atualizar o tema pai sem perder as alterações já realizadas no tema filho. (exceto itens de subpastas ); Maior controle na hora de realizar manutenção, pois você sabe qual arquivo você personalizou; Herda todos os recursos do tema pai.

Dentre essas grandes vantagens, em resumo, o grande benefício que temos em adotar a prática do uso do child theme é a organização do projeto. Fica muito mais fácil a manutenção futura e é muito simples criar um tema filho.

Veja algumas características do tema filho

• Para utilizar um tema filho, você também precisa instalar o tema pai. (Resumindo: se for instalar um tema filho no seu WordPress você vai ter que instalar 2 temas ao mesmo tempo).
• Se por algum motivo, algum arquivo do tema pai for deletado ou danificado, vai afetar o tema filho.
• Infelizmente o tema filho não herda arquivos de subpastas do tema principal (Pelo menos foi o que pude notar em testes. Caso alguém saiba uma solução para isso, por favor deixe um comentário abaixo).

Para criar um tema filho é muito fácil!  Veja abaixo os passos de criação de um tema filho para o tema default do WordPress, o Twentyten.

Primeiros passos

1. Dentro da pasta de temas  ../wp-content/themes, crie uma nova pasta com o nome que desejar. Por exemplo, “twentyten-filho”.
2. Dentro dessa pasta, crie um arquivo “style.css” , digite o cabeçalho e as linhas abaixo para formarmos um exemplo.

/*
 Theme Name:     Twentyten Filho
 Theme URI:      http: //example.com/
 Description:    Tema filho para o Twenty Tem
 Author:         Seu nome aqui
 Author URI:     http: //exemplo.com/sobre/
 Template:       twentyten
 Version:        0.1.0
 */
@import url("../twentyten/style.css");
 #site-title a {
 color: #009900;}

Explicando o cabeçalho

Theme Name: Nome para o tema filho.
Theme URI: Site do autor do tema filho.
Description: Descrição do tema filho.
Author: Nome do autor do tema filho.
Author URI: Site pessoal do autor do tema filho.
Template: Digite aqui o nome do diretório tema pai. (Essa é a linha que fará a ligação entre o tema filho e pai).
Version: Defina uma versão para o tema filho. Exemplo 0.1.0.

Explicando as linhas após o cabeçalho

@import url(“..twentyten/style.css”); Essa linha faz a importação dos estilos do tema pai. Pois o arquivo style.css do tema filho substituí totalmente o style.css do tema pai.

#site-title a{color: #009900;} Muda a cor do título do tema pai. Essa linha foi incluída como exemplo. Após a linha @import você vai digitar todas as linhas de estilo que desejar alterar em seu tema pai. O style.css do tema filho é lido primeiramente e assim substituí por completo todo o style.css do tema pai.

Pronto! Os princípios básicos para a criação de um tema filho são esses! Agora basta você entrar no painel do WordPress, ir no guia “Aparência>Temas” e ativar o tema filho que você acabou de criar.

Alterando arquivos do tema pai

Para alterar os arquivos do tema pai, basta você copiar os arquivos que deseja alterar para a pasta do seu tema filho. Agora altere o que deseja e pronto! Os arquivos são lidos primeiramente no tema filho, invalidando o arquivo do tema pai.

Arquivo functions.php

Diferente do arquivo style.css, o functions.php é carregado juntamente com o functions.php do tema pai.

Para você incluir novas funções, crie um arquivo functions.php para o seu tema filho e coloque apenas as funções que você deseja incluir dentro de <?php e ?>.

Essas funções que você incluiu, serão continuação das funções do tema pai.

Para funções já existentes no tema pai, você poderá incluir a seguinte regra mostrada no exemplo abaixo.

if (!function_exists('theme_special_nav')) {
 function theme_special_nav() {
 //  Fazer isso e aquilo etc
           }
 }

Esse exemplo é uma condicional que faz a substituição de uma função do tema para a alteração que você desejar.

Veja outro artigo sobre temas filhos no codex cliando aqui.

Você utiliza temas filhos para modificar temas existentes? O que achou desse artigo? Deixe abaixo o seu comentário com críticas ou sugestões!

Até mais!

Este foi um Guest Post escrito por Gabriel K. Cordeiro do site Tretacore, que é uma empresa que fabrica camisetas da marca Tretacore.

Tweet