Criar um tema filho é uma prática recomendada no desenvolvimento do WordPress para evitar a perda de personalizações durante as atualizações do tema. Neste guia, mostrarei como criar um tema filho no WordPress de forma rápida e fácil, incluindo informações importantes sobre os caracteres de comentários no arquivo CSS.
Passo 1: Crie a pasta do tema filho No diretório wp-content/themes
do seu site WordPress, crie uma nova pasta com um nome descritivo, como meutema-filho
.
Passo 2: Crie o arquivo style.css Dentro da pasta do tema filho, crie um arquivo chamado style.css
. Adicione o seguinte código ao arquivo, substituindo “Meu Tema Filho” e “meutema” pelos nomes adequados do seu tema filho e tema pai, respectivamente:
/* Theme Name: Meu Tema Filho Template: meutema */
Mantenha os caracteres de comentário /*
e */
em torno das informações do tema filho, pois eles são essenciais para o WordPress reconhecer o tema filho corretamente.
Passo 3: Adicione seus estilos personalizados Agora, você pode adicionar seus próprios estilos CSS personalizados logo após os comentários iniciais no arquivo style.css
:
/* Theme Name: Meu Tema Filho Template: meutema */ /* Configure abaixo o seu CSS fora do campo comentários */ .seletor { propriedade: valor; }
Certifique-se de remover os caracteres de comentário /*
e */
na área onde você adicionará seus estilos personalizados, para que o WordPress aplique esses estilos corretamente.
Passo 4: Crie o arquivo functions.php Na mesma pasta do tema filho, crie um arquivo chamado functions.php
.
Passo 5: Carregue o arquivo CSS do tema pai Abra o arquivo functions.php
em um editor de texto e adicione o seguinte código para carregar o arquivo CSS do tema pai:
<?php function lw_enqueue_parent_styles() { wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css'); } add_action('wp_enqueue_scripts', 'lw_enqueue_parent_styles');
Passo 6: Ative o tema filho Vá ao painel administrativo do WordPress, navegue até “Aparência” > “Temas” e ative o tema filho que você acabou de criar.
Conclusão: Parabéns! Agora você criou e ativou um tema filho no WordPress. Todas as personalizações futuras devem ser feitas no tema filho para garantir que não sejam perdidas durante as atualizações do tema pai. Lembre-se de adicionar novas funções e estilos ao arquivo functions.php
e style.css
do seu tema filho, respectivamente, mantendo os caracteres de comentário nas áreas apropriadas.