COMO CRIAR UM TEMA FILHO (CHILD THEME) NO WORDPRESS

Conteúdo

Você está aqui:

O Que é um Tema Filho

Os temas filhos são temas separados que dependem de um tema pai para a maioria de suas funcionalidades. Se você estiver usando um tema filho, o WordPress verificará seu tema filho primeiro para ver se existe uma funcionalidade específica. Caso contrário, ele usará o tema principal. Isso é ótimo porque permite modificar apenas o que você precisa.

A grande diferença é que um tema filho depende completamente de seu pai para funcionar. Sem o tema principal presente, ele não fará nada e nem poderá ser ativado.

Isso ocorre porque um tema filho não é uma entidade autônoma, mas modifica ou adiciona aos arquivos de um tema existente.

Ele usa tudo o que está presente no tema pai e altera apenas as partes que você deseja que sejam diferentes.

Como Criar um Tema Filho no WordPress

Sempre verifique se o tema que você está usando disponibiliza um tema filho por padrão (a maioria oferece), dessa forma, você não precisa seguir todo o processo a seguir.

Criar um tema filho no WordPress é um tarefa bem simples, mas que requer atenção da sua parte.

1. Acesse os Arquivos do seu Site

Acesse os arquivos de instalação do seu site WordPress usando:

  • Cliente FTP
  • ou o Gerenciador de Arquivos do cPanel

e vá para wp-content > themes, agora que você está na pasta themes vamos fazer as coisas acontecerem.

2. Crie uma Pasta para o seu Tema Filho

Encontre o tema principal ativo (tema pai) que você está usando e deseja criar o tema filho.

Vamos supor que o nome do tema seja MeuTemaWordPress, então você deve criar uma pasta com o nome MeuTemaWordPress-child.

Percebeu que adicionamos -child no final do nome? Siga sempre esse padrão e você não vai confundir seu tema filho. (mas você pode usar o que achar melhor)

Veja um exemplo com o tema padrão twentyfourteen:

Criando Pasta Tema Filho WordPress

3. Crie um Arquivo de nome style.css na pasta do tema filho

Para um tema filho no WordPress ser reconhecido como tal, ele deve ter um arquivo style.css. Caso você não crie tais arquivos, não conseguirá ativar o tema filho.

Então, crie o arquivo style.css dentro da pasta do tema filho que você criou acima

Ou usando um Cliente FTP como FileZilla, ao criar, nomeie o arquivo como style.css.

4. Edite o Arquivo style.css

Agora você precisa editar esse arquivo style.css do tema filho, isso é obrigatório também.

Adicione a seguinte estrutura como indicada abaixo no arquivo style.css (altere as informações de acordo com o seu tema e suas informações):

1234567891011 /*Theme Name: Nome do Tema FilhoTheme URI: Endereço URL para o seu siteDescription: Tema Filho para Meu Tema PrincipalAuthor: Seu NomeAuthor URI: Endereço URL que leva ao perfil do autor do temaTemplate: nomedotemapaiVersion: 1.0*/ 

Em Template: nomedotemapai, presente no bloco de código acima, dizemos quem é o tema pai para esse tema filho.

Então, coloque o nome do tema pai exatamente como está na pasta do tema pai (ou tema original).

5. Crie um arquivo de nome functions.php na pasta do tema filho

O próximo passo é adicionar um arquivo de funções (functions.php) para o seu tema filho.

Você precisa disso para poder enfileirar a folha de estilo CSS do tema pai.

Sem ele, seu site não teria nenhum estilo e ficaria parecido com algo assim:

Tema Filho sem Estilo CSS do Tema Pai

Novamente escolha o seu método para criar o arquivo functions.php, seja o Gerenciador de Arquivos do cPanel ou um Cliente FTP.

6. Edite o arquivo functions.php

Abra o arquivo functions.php que você criou e adicione as seguintes linhas de código:

1234567891011 <?php /* script de enfileiramento para a folha de estilo do tema pai */function childtheme_parent_styles() { // Enfileire o estilowp_enqueue_style( ‘parent’, get_template_directory_uri().’/style.css’ );}add_action( ‘wp_enqueue_scripts’, ‘childtheme_parent_styles’); 

Escolha o seu método para editar o arquivo functions.php, seja o Gerenciador de Arquivos cPanel ou o Cliente FTP:

Como Ativar o Tema Filho

Quando o tema filho estiver pronto, você precisará ativá-lo. Se você está preocupado que a ativação do tema filho desative o tema pai, não se preocupe: o WordPress saberá usar os arquivos do tema pai, a menos que você adicione novos arquivos ao tema filho que os substitua.

Até o momento, você não adicionou nenhum arquivo ou função extra ao tema filho, para que seu site funcione exatamente da mesma maneira que faria com o tema pai ativado.

No Painel Administrativo do WordPress, vá para Aparência > Temas.

Você encontrará seu tema filho listado entre os temas instalados no seu site.

Passe o mouse sobre o tema e clique no botão Ativar.

Isso ativará o seu tema filho. Agora, quando você visita seu site ao vivo, ele terá a mesma aparência de antes.

Parece o mesmo porque você ainda não adicionou personalizações.

Mas agora você tem um tema filho que funciona. Parabéns!

Was this article helpful?
Dislike 0

Os Melhores Planos de Hospedagem

Seja cliente da melhor Hospedagem de Sites do Brasil. Com Servidores Otimizados e Tecnologia de Ponta, nossas hospedagens tem tudo para que seu site fique muito mais rápido.