WPML

Introdução


Se você é novo no WordPress, pode se perguntar por que deveria criar um tema filho. Bem, há alguns motivos pelos quais você gostaria de fazer isso; o mais importante é que, se você aplicar modificações diretamente aos arquivos do tema e o tema for atualizado, você perderá essas modificações.

Criar um tema filho não é nenhum bicho de sete cabeças. Tudo o que você precisa fazer é criar um diretório de tema filho dentro da pasta do tema, adicionar os arquivos style.css e functions.php a ele e adicionar o arquivo de configuração de idioma. Neste tutorial, explicaremos em detalhes como criar um tema filho multilíngue para o tema Genesis como exemplo. Os mesmos passos podem ser seguidos para criar um tema filho para outros temas.

Passos


  1. Crie um diretório de tema filho, que será colocado em wp-content/themes. Algumas coisas a serem observadas:

  • É recomendado que o nome do seu diretório de tema filho tenha o sufixo “-child”.

  • Não insira espaços ao nomear o diretório do seu tema filho, pois isso pode criar erros. Veja a ilustração a seguir.

  1. Crie uma folha de estilos para o tema filho (arquivo style.css); este arquivo será colocado dentro da pasta do tema filho que você criou. A folha de estilos deve começar com o cabeçalho da folha de estilos, que contém informações como nome do tema filho, URL do tema filho, Descrição e Template, etc.).

Note que, para o tema Genesis, não é recomendado importar o arquivo style.css do Genesis Framework, já que eles mudam o design de tempos em tempos. Em vez disso, você pode baixar o tema filho Genesis Sample disponível na sua conta e em https://github.com/copyblogger/genesis-sample
Ele se parece exatamente com o Genesis, mas pode ser usado sem importar a folha de estilos pai, já que ele inclui uma. Para outros temas, você pode seguir os passos fornecidos para adicionar a folha de estilos ao seu tema filho. Veja o exemplo a seguir.
/*
Theme Name: Genesis Child
Description: Child Theme for Genesis
Author: XYZ
Template: genesis
Text Domain: genesis
*/

Substitua o texto de exemplo por detalhes relevantes para o seu tema. Algumas coisas a mencionar aqui:


  • A linha de template corresponde ao nome do diretório do tema pai.

  • É uma boa prática adicionar o text domain do seu tema, que é usado para denotar todo o texto pertencente ao tema.

  1. Agora, é hora de herdar os estilos do tema pai. Isso pode ser feito criando o arquivo functions.php dentro do diretório do tema filho; em seguida, copie e cole o código abaixo.
<?php
 
function custom_enqueue_child_theme_style() {
wp_enqueue_style( 'parent-theme-css', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'custom_enqueue_child_theme_style' );


  1. Neste ponto, você pode ativar o seu tema filho navegando até o painel do WordPress >> Aparência >> Temas.

  2. Adicione um arquivo de configuração de idioma ao seu tema filho, você pode baixar um arquivo de configuração de idioma de exemplo aqui e colocá-lo no diretório do tema filho. O arquivo de configuração de idioma é usado para denotar o que precisa ser traduzido no tema. Leia sobre o arquivo de configuração de idioma. Note que você precisará excluir o arquivo de configuração de idioma do seu tema pai e manter o do tema filho, porque manter ambos os arquivos criaria erros. Agora, o diretório do seu tema filho deve ficar mais ou menos assim.

Conclusão


Os temas filhos permitem que você aplique modificações ao seu tema sem alterar o tema pai, o que manterá seu código organizado e evitará que as atualizações do tema alterem suas modificações. Ao seguir as instruções neste tutorial, você pode criar um tema filho em apenas alguns minutos.

Achou isso útil? Compartilhe este artigo: