Imagem do artigo Edição de arquivos de tema e criação de temas filho

40. Edição de arquivos de tema e criação de temas filho

Página 70 | Ouça em áudio

40. Edição de Arquivos de Tema e Criação de Temas Filho

Quando se trata de personalizar um site WordPress, a edição de arquivos de tema e a criação de temas filho (child themes) são técnicas fundamentais que todos os desenvolvedores e usuários avançados devem conhecer. Essas práticas permitem que você modifique a aparência e o funcionamento de um site sem comprometer a capacidade de atualizar o tema principal no futuro.

O que é um Tema Filho?

Um tema filho é um tema WordPress que herda a funcionalidade e o estilo de outro tema, conhecido como tema pai. Alterações feitas em um tema filho não afetam o tema pai, o que é ideal para realizar personalizações sem perder a capacidade de receber atualizações do tema pai. Isso é essencial porque atualizações frequentemente incluem correções de segurança e melhorias de desempenho.

Por que Usar um Tema Filho?

Usar um tema filho tem várias vantagens:

  • Segurança: Ao editar diretamente os arquivos de um tema pai, você corre o risco de perder suas personalizações quando uma atualização do tema é aplicada. Um tema filho protege suas edições.
  • Boas Práticas: É considerado uma boa prática de desenvolvimento WordPress usar temas filho para personalizações, pois mantém o código original intacto e facilita a manutenção.
  • Flexibilidade: Com um tema filho, você pode experimentar e modificar o design e o código sem medo de afetar o site ao vivo.

Criando um Tema Filho

Para criar um tema filho, siga estes passos:

  1. Crie uma nova pasta no diretório /wp-content/themes/ do seu WordPress e dê a ela um nome relacionado ao tema pai, como temapai-filho.
  2. Dentro dessa pasta, crie um arquivo chamado style.css. Este arquivo deve conter um cabeçalho comentado que informa ao WordPress sobre o seu novo tema filho. Por exemplo:
/*
 Theme Name:   Tema Pai Filho
 Theme URI:    http://exemplo.com/tema-pai-filho/
 Description:  Tema filho do Tema Pai
 Author:       Seu Nome
 Author URI:   http://exemplo.com
 Template:     temapai
 Version:      1.0.0
*/

Observe que o parâmetro Template deve corresponder ao nome da pasta do tema pai.

  1. Crie um arquivo chamado functions.php. Este arquivo é usado para adicionar ou modificar a funcionalidade do seu tema. Para garantir que os estilos do tema pai sejam carregados, adicione o seguinte código:
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );

function enqueue_parent_styles() {
   wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
  1. Ative seu tema filho através do painel de administração WordPress em Aparência > Temas.

Editando Arquivos de Tema

Com seu tema filho ativo, você pode começar a editar os arquivos de tema. Aqui estão algumas diretrizes:

  • Arquivos de Estilo: Qualquer CSS adicional deve ser adicionado ao style.css do tema filho. Isso sobrescreverá os estilos do tema pai.
  • Arquivos de Template: Se você precisa modificar um arquivo de template, como header.php ou single.php, copie o arquivo original do tema pai para o diretório do tema filho e faça suas edições lá.
  • Funções PHP: O arquivo functions.php do tema filho é carregado antes do arquivo do tema pai. Isso significa que você pode adicionar novas funções ou sobrescrever as existentes.

Boas Práticas ao Editar Temas

Ao editar temas, mantenha em mente as seguintes boas práticas:

  • Mantenha o Código Organizado: Comente seu código e mantenha uma estrutura clara para facilitar a manutenção e compreensão.
  • Teste as Alterações: Teste suas alterações em um ambiente de desenvolvimento antes de aplicá-las ao site ao vivo.
  • Backups: Sempre faça backups do seu tema e do seu site antes de fazer alterações significativas.
  • Atualizações de Tema: Mantenha o tema pai atualizado para garantir segurança e compatibilidade. As atualizações não afetarão seu tema filho.

Editar arquivos de tema e criar temas filho são habilidades essenciais para qualquer pessoa que deseja personalizar seriamente um site WordPress. Com essas técnicas, você pode garantir que suas personalizações sejam preservadas, seguras e fáceis de gerenciar a longo prazo.

Recursos Adicionais

Para mais informações sobre temas filho e edição de temas WordPress, considere os seguintes recursos:

Com dedicação e prática, você pode dominar a arte de personalizar temas WordPress e criar sites únicos e funcionais que atendam às necessidades específicas de seus projetos ou clientes.

Agora responda o exercício sobre o conteúdo:

Qual é o propósito de criar um tema filho (child theme) no WordPress?

Você acertou! Parabéns, agora siga para a próxima página

Você errou! Tente novamente.

Imagem do artigo CSS básico para personalização de temas

Próxima página do Ebook Gratuito:

71CSS básico para personalização de temas

5 minutos

Ganhe seu Certificado deste Curso Gratuitamente! ao baixar o aplicativo Cursa e ler o ebook por lá. Disponível na Google Play ou App Store!

Disponível no Google Play Disponível no App Store

+ de 6,5 milhões
de alunos

Certificado Gratuito e
Válido em todo o Brasil

48 mil exercícios
gratuitos

4,8/5 classificação
nas lojas de apps

Cursos gratuitos em
vídeo, áudio e texto