Como criar um tema filho no WordPress

Tema Filho (Child Theme) WordPress

Categoria

Geral

Postado em

30 de agosto de 2019

Última Atualização

30 de agosto de 2019

Visualizações

933

Se você não é novo no WordPress, já deve saber o quão importante são os temas filhos do WordPress . Eles oferecem ao proprietário a maneira mais segura de lidar com o tema do WordPress. Também permite personalizar seu tema e garantir que as alterações não sejam perdidas quando uma nova atualização do tema pai for lançada.

Neste artigo, apresentaremos um tutorial sobre como criar um tema filho do WordPress. Mas primeiro, precisamos entender completamente o que um tema filho representa.

O que é um tema filho?

Um tema filho é uma cópia do tema principal, com uma diferença de que ele permanece independente do tema principal. Pode ser denominado apenas como um “reflexo”, usado para garantir que quaisquer alterações no tema original ou pai não se sobreponham às alterações que você fez no tema filho .

Como os desenvolvedores tendem a personalizar seu site, é comum que eles criem um tema filho. Se um tema filho não for criado, poderá levar à perda completa da personalização quando uma nova atualização para o tema pai for lançada.

Em resumo, os temas filhos oferecem a maneira correta de modificar e preservá-lo, mesmo quando novas atualizações chegam. Ele também fornece aos desenvolvedores ou proprietário do site a opção de reverter para o tema pai, se algo der errado .

A personalização do tema é armazenada no diretório “ /themes/themename/ ”. Portanto, se houver uma atualização, todas as alterações serão perdidas. A configuração de um tema filho é salva em outra direção que não é afetada por nenhuma atualização ou reinstalação.

Então, como você pode criar um tema filho do WordPress? Vamos começar.

Um tema filho pode ser criado de duas maneiras. A primeira maneira é um processo manual e é recomendado para a maior parte. Se você não sabe como codificar ou sobre o funcionamento interno do WordPress, recomendamos o uso de um plugin. Abordaremos os dois lados, e você pode decidir qual é o mais adequado para você.

Criando um tema filho manualmente

Criar um tema filho do WordPress não é tão difícil quanto percebido pela maioria dos iniciantes. Se você conhece um pouco de codificação e sabe organizar pastas, estará pronto. O processo manual de criação de tema filho consiste em apenas duas etapas, criando uma pasta e depois um arquivo. Vamos seguir cada uma das etapas abaixo.

Etapa 1: Criando a Pasta

O primeiro passo é criar um tema filho do WordPress e criar uma pasta para ele. Você pode fazer isso acessando o back-end do provedor de hospedagem ou através do FTP. Recomendamos o FTP, pois, fornece melhor controle e visualização do sistema de pastas do seu site. Depois de fazer login no seu site usando FTP, como o FileZilla, agora você precisa navegar para uma pasta específica. Deve ser “wp-content/themes/ “.

Quando estiver lá, você deverá ver as pastas nelas. Essas pastas representam os temas instalados no seu site.

Agora, precisamos criar uma nova pasta. O nome da pasta é de sua escolha. No entanto, recomendamos o uso de um nome que seja facilmente reconhecível, mesmo por outra pessoa. Recomendamos o uso de ” theme-name-child ” ou ” child-theme-name ” e assim por diante.

Etapa 2: Criando o arquivo de tema filho

O próximo passo é criar um arquivo de tema filho, ou seja, arquivo style.css. Este arquivo é necessário para criar um tema filho do WordPress. O nome do arquivo precisa ser ” style.css ” e nada mais. Como você deve ter adivinhado pelo nome, é um arquivo CSS em que a personalização é armazenada para o tema filho.

Para tornar o arquivo funcional, você precisa adicionar informações ao arquivo. A informação é vital e, portanto, não pode ser ignorada. Para adicionar as informações, você precisa abrir o arquivo no seu editor favorito.

/*
Theme Name: Tema filho (Child Theme)
Theme URI: https://pointcomunicacao.ppg.br
Description: Este é um tema filho
Author: Point Comunicação Web
Author URI: https://pointcomunicacao.ppg.br
Template: parentethemename
Version: 1.0.1
*/

 

Como você pode ver, adicionamos muitas informações acima. Nem todas as informações são vitais e, portanto, podem ser ignoradas. No entanto, existem coisas importantes que você não deve remover a qualquer custo.

A variável “Template” precisa estar lá, pois vincula o tema filho ao tema pai. Isso significa que você deve definir corretamente o valor da variável “Template”.

Outra coisa que você precisa cuidar é adicionar o arquivo style.css do pai no arquivo CSS filho. O principal motivo aqui é garantir que o site seja renderizado corretamente quando detectar o tema filho pela primeira vez. Para fazer isso, você precisa adicionar a seguinte linha ao arquivo style.css do seu filho.

URL de importação @ (“../parenttheme/style.css”);

Aqui você precisa garantir que você digite corretamente o nome do tema pai. Com tudo isso feito, você está pronto para usar o tema filho e personalizá-lo de acordo com seus requisitos.

Para ativar o tema filho, você precisa ir para ” Aparências > Temas ” e selecionar o novo tema filho.

Gostou? compartilhe nas redes!! ;)

Deixe seu comentário