Personalização de Temas no WordPress: Como Criar um Tema Filho

Jair RodriguesJair Rodrigues
5 min read

O WordPress é uma das plataformas mais populares para criação de sites e blogs devido à sua flexibilidade e facilidade de uso. Uma das suas funcionalidades mais poderosas é a capacidade de personalizar e modificar temas para atender às necessidades específicas de um projeto. No entanto, ao fazer alterações diretamente no tema principal, há o risco de perder essas modificações quando o tema for atualizado. Para evitar esse problema, a melhor prática é criar um tema filho.

Neste artigo, vamos explorar o que é um tema filho no WordPress, por que ele é importante e como criar um tema filho do zero.

O que é um Tema Filho?

Um tema filho no WordPress é um tema que herda as funcionalidades e o estilo de outro tema, chamado de tema pai. Ele permite que você personalize um site sem modificar diretamente os arquivos do tema original. Isso garante que suas alterações não sejam perdidas quando o tema pai for atualizado.

Vantagens de Usar um Tema Filho:

  • Segurança: Ao atualizar o tema pai, você mantém suas personalizações intactas.

  • Facilidade de manutenção: Modificar o tema filho sem tocar no tema principal facilita a manutenção e a atualização do site.

  • Organização: Seu código de personalização fica separado e mais organizado, facilitando a gestão do seu projeto.

Agora que você conhece os benefícios de um tema filho, vamos aprender a criá-lo.

Como Criar um Tema Filho no WordPress

Passo 1: Criando a Pasta do Tema Filho

A primeira coisa que você precisa fazer é criar uma pasta para o seu tema filho. A estrutura do diretório será a seguinte:

  1. Acesse o diretório onde seus temas estão localizados. Geralmente, ele pode ser encontrado em wp-content/themes/.

  2. Dentro dessa pasta, crie uma nova pasta para o seu tema filho. Por exemplo, se o seu tema pai se chama twentytwentyone, o nome da pasta do tema filho poderia ser twentytwentyone-child.


Passo 2: Criando o Arquivo style.css

O arquivo style.css é um dos arquivos essenciais de qualquer tema no WordPress. No tema filho, ele irá importar o estilo do tema pai, além de permitir que você adicione suas próprias personalizações.

Dentro da pasta do tema filho, crie um arquivo chamado style.css e adicione o seguinte código:

/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    https://example.com/twenty-twenty-one-child
Description:  Tema filho para o Twenty Twenty-One
Author:       Seu Nome
Author URI:   https://example.com
Template:     twentytwentyone
Version:      1.0.0
*/

/* Estilos personalizados para o tema filho */

Theme Name: O nome do tema filho

  • Theme Name: O nome do tema filho.

Template: O nome do diretório do tema pai

  • Template: O nome do diretório do tema pai. Certifique-se de usar exatamente o nome do tema pai, pois isso informa ao WordPress qual tema será herdado.

Version: A versão do seu tema filho

  • Version: A versão do seu tema filho.

Esse arquivo também pode incluir seus próprios estilos personalizados, mas, por enquanto, ele está configurado para apenas importar os estilos do tema pai.


Passo 3: Criando o Arquivo functions.php

O arquivo functions.php do tema filho é onde você pode adicionar funcionalidades personalizadas. No entanto, para garantir que o WordPress carregue os estilos do tema pai, você precisa adicionar o seguinte código:

<?php
// Enfileirando o estilo do tema pai
function tema_filho_estilos() {
    wp_enqueue_style( 'tema-pai', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'tema-filho', get_stylesheet_uri(), array( 'tema-pai' ) );
}
add_action( 'wp_enqueue_scripts', 'tema_filho_estilos' );

Este código faz duas coisas:

  1. Enfileira o style.css do tema pai.

  2. Enfileira o style.css do tema filho, garantindo que os estilos do tema pai sejam carregados primeiro, seguidos pelas personalizações feitas no tema filho.


Passo 4: Ativando o Tema Filho

Agora que você criou os arquivos necessários, é hora de ativar o tema filho. Para fazer isso, siga os seguintes passos:

  1. Acesse o painel de administração do WordPress.

  2. Vá para Aparência > Temas.

  3. Encontre o tema filho que você criou e clique em Ativar.

Após ativar o tema filho, todas as suas personalizações feitas no style.css e em outros arquivos do tema filho começarão a ser aplicadas.


Personalizando o Tema Filho

Agora que o tema filho está ativo, você pode começar a personalizar seu site. Aqui estão algumas maneiras comuns de personalizar um tema filho:

1. Modificando o Arquivo style.css

Você pode adicionar novos estilos no arquivo style.css do tema filho. Por exemplo, se você quiser alterar a cor de fundo do seu site, adicione o seguinte código:

body {
    background-color: #f0f0f0;
}

2. Adicionando Templates Personalizados

O WordPress permite que você crie templates personalizados no tema filho. Para isso, crie um arquivo PHP, como page-custom.php, dentro da pasta do tema filho e adicione o seguinte código:

<?php
/**
 * Template Name: Página Customizada
 */

get_header(); ?>

<div class="custom-content">
    <h1>Conteúdo da Página Customizada</h1>
    <p>Este é o conteúdo da página customizada.</p>
</div>

<?php get_footer(); ?>

Agora, ao criar uma nova página no WordPress, você poderá escolher esse template customizado na opção "Atributos da Página".

3. Adicionando Funções Personalizadas

Se você precisar adicionar funcionalidades personalizadas, como widgets ou menus customizados, pode fazer isso no arquivo functions.php do tema filho. Por exemplo, para adicionar um menu personalizado, utilize o seguinte código:

function adicionar_menu_customizado() {
    register_nav_menus( array(
        'menu-principal' => 'Menu Principal',
    ) );
}
add_action( 'after_setup_theme', 'adicionar_menu_customizado' );

4. Modificando Arquivos de Template

Você pode sobrescrever qualquer arquivo de template do tema pai no tema filho.
Por exemplo, se quiser modificar o arquivo header.php do tema pai, basta copiá-lo para o diretório do tema filho e fazer as alterações desejadas.


Conclusão

Criar e personalizar um tema filho no WordPress é uma prática essencial para qualquer desenvolvedor que deseja modificar um site com segurança, sem perder as alterações durante atualizações do tema pai.

Com o tema filho, você mantém a integridade do tema original e aplica as personalizações necessárias para criar um site único e funcional.

Agora que você aprendeu como criar e personalizar um tema filho, está pronto para levar seus projetos WordPress para o próximo nível! 🚀

Se tiver dúvidas ou sugestões, sinta-se à vontade para deixar um comentário abaixo.


0
Subscribe to my newsletter

Read articles from Jair Rodrigues directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Jair Rodrigues
Jair Rodrigues