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.