Ao construir um tema filho, você preservará todos os seus estilos e funções personalizados em cada atualização do tema, garantindo que seu site mantenha seu charme único.
Crie um tema filho em seu site WordPress configurando um novo diretório e adicionando um arquivo style.css para armazenar seus designs personalizados.
Então, com um pouco de codificação em um arquivo functions.php, você pode aprimorar a funcionalidade do seu site sem suar a camisa. Quando terminar, você terá um tema infantil que não apenas reflete sua marca pessoal, mas também resiste ao teste do tempo e das atualizações.
Vamos começar!
Visão geral dos temas infantis do WordPress
Compreender o vínculo entre os temas pai e filho garante que você possa atualizar e personalizar seu site sem arriscar ajustes cada vez que o tema pai for atualizado.
O que são temas infantis no WordPress?
Pense nos temas filhos como sua camada de personalização pessoal. Eles são portáteis, replicáveis e economizam muito tempo de desenvolvimento. Além disso, eles mantêm tudo separado dos arquivos do tema pai, o que é uma maneira inteligente de evitar dores de cabeça na hora de atualizar.
Resumindo, eles são a maneira inteligente de personalizar seu site WordPress.
Vantagens de usar temas infantis
Você descobrirá que o uso de temas filhos no WordPress oferece várias vantagens importantes.
Personalizações seguras
A criação de um tema filho do WordPress garante que você personalize seu site com segurança, sem arriscar a integridade do tema pai durante as atualizações. Veja por que eles são tão benéficos:
- As personalizações são à prova de atualização. Suas alterações não serão substituídas.
- Separação de mudanças. Ele mantém seus ajustes distintos do tema pai.
- Segurança de recuo. Se algo quebrar, o tema pai permanecerá intacto e operacional.
Atualizações fáceis
Cada personalização feita no tema filho permanece intacta a cada atualização do tema pai, garantindo que você não perca nenhum ajuste.
|
Beneficiar |
Tema infantil |
Tema pai |
|
Atualizar segurança |
Preservado |
Atualizável |
|
Retenção de personalização |
Sim |
N / D |
|
Codificação Separada |
Independente |
Essencial |
|
Facilidade de gerenciamento |
Alto |
Médio |
Estendendo a Funcionalidade
A flexibilidade é uma das principais vantagens que você obterá ao usar um tema filho, pois permite estender a funcionalidade do seu site WordPress sem alterar a estrutura central do tema pai.
Aqui está o que se destaca:
- Personalize com segurança o design e a funcionalidade do seu site
- Preservar alterações durante atualizações do tema pai
- Melhore o desempenho com otimizações personalizadas
Quando optar por um tema infantil
Você deve considerar o uso de um tema filho quando quiser fazer personalizações significativas no design ou na funcionalidade do seu site sem afetar o código do tema original. Um tema filho garante que seus ajustes sejam preservados durante as atualizações do tema pai, fornece um ambiente seguro para testar novos recursos e serve como base para a construção de um tema personalizado para projetos ou clientes específicos.
Aqui está uma referência rápida para ajudá-lo a decidir quando usar um tema filho:
|
Cenário |
Optar pelo tema infantil? |
|
Pequenas alterações de CSS |
Não é necessário |
|
Extensas alterações de design/funcionalidade |
Sim |
|
Teste seguro de novos recursos |
Sim |
Como criar manualmente um tema filho
Agora que você está preparado para personalizar seu site WordPress, vamos criar seu próprio tema filho. Você começará configurando uma pasta dedicada e, em seguida, prosseguirá para a criação do arquivo style.css essencial.
Após essas etapas, você aprenderá como enfileirar corretamente as folhas de estilo e ativar seu novo tema filho.
Pré-requisitos: Preparando Seu Ambiente WordPress
Antes de mergulhar na criação de seu tema filho WordPress, é crucial que você configure um ambiente de backup e teste para proteger seu site. Esta etapa é vital para garantir que você possa restaurar facilmente seu site caso algo dê errado durante o processo de personalização.
Aqui está o que você precisa cuidar:
- Faça backup do seu site: Use um plugin confiável ou as ferramentas do seu provedor de hospedagem para criar um backup completo.
- Configure um ambiente de teste: Clone seu site ativo em uma área de teste onde você possa experimentar sem medo.
- Aprimore suas habilidades: certifique-se de estar confortável com os conceitos básicos de HTML, CSS e PHP, pois você precisará deles para ajustar seu tema filho.
Com essas precauções em vigor, você está pronto para começar a criar seu tema infantil exclusivo com segurança e confiança.
Etapa 1: crie uma pasta de tema filho
Tendo preparado seu ambiente WordPress com uma área de backup e teste, vamos mergulhar em sua primeira tarefa: criar uma pasta de tema filho no wp-content/temas diretório. É aqui que o tema filho viverá, separado com segurança do tema pai.
Comece acessando os arquivos do seu site através de um cliente FTP ou gerenciador de arquivos de hospedagem. Navegue até o wp-content/temas diretório.
Agora, crie uma nova pasta aqui. Nomeie-o de forma semelhante ao tema pai, mas adicione -criança para distingui-lo. Por exemplo, se o seu tema pai for ga-analytics#sendMarketClickEvent”>Xnomeie a pasta do seu tema filho x-criança.
É isso! Você criou com sucesso a pasta do tema filho, o primeiro passo para um site WordPress flexível e à prova de atualizações.
Etapa 2: elaborando o arquivo style.css essencial
No diretório do seu tema filho, você precisará criar um estilo.css arquivo que define o estilo e a identidade do seu tema filho. Este arquivo deve incluir um comentário no cabeçalho com os detalhes necessários.
Aqui está o que você deve focar:
- Nome do tema: Identifique claramente o tema filho, dando-lhe um nome exclusivo.
- Modelo: Especifique o nome do tema pai, garantindo que o WordPress saiba a qual tema pai o seu tema filho está associado.
- Versão: Incluir um número de versão para o seu tema filho ajuda no gerenciamento de atualizações e armazenamento em cache.
Por exemplo:
1 |
/*
|
2 |
Theme Name: X Theme Child
|
3 |
Theme URI: https://example.com/x-child/
|
4 |
Description: My Website X Child Theme
|
5 |
Author: John Doe
|
6 |
Author URI: http://example.com
|
7 |
Template: x
|
8 |
Version: 1.0.0
|
9 |
License: GNU General Public License v2 or later
|
10 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
11 |
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
|
12 |
Text Domain: xchild
|
13 |
*/
|
Depois de criar seu style.css com as informações necessárias, salve-o na pasta do tema filho.
Etapa 3: enfileirar folhas de estilo de tema pai e filho
Agora você precisará executar o enfileiramento da folha de estilo para garantir que os estilos do tema pai e do tema filho sejam carregados corretamente. Este processo é crucial para manter a consistência visual do seu site.
Primeiro, você precisará criar um arquivo function.php como fez para o arquivo CSS. Depois de criar o arquivo php, adicione uma função para enfileirar os estilos. Use a função wp_enqueue_style(), especificando primeiro a folha de estilo do tema pai e depois a folha de estilo do tema filho.
Aqui está uma tabela para ajudá-lo a visualizar o processo:
|
Função |
Propósito |
Parâmetros |
|
wp_enqueue_style |
Carrega uma folha de estilo específica. |
identificador, src, deps, ver, mídia |
|
add_action |
Conecta uma função a uma ação específica. |
‘wp_enqueue_scripts’, ‘nome_da_função’ |
|
get_stylesheet_uri |
Recupera o URI da folha de estilo do tema atual. |
Nenhum |
Lembre-se de definir as dependências e os números de versão corretos para garantir que seu site reflita as alterações mais recentes.
É isso! Agora você está executando um site WordPress com um tema filho exclusivamente seu.
Etapa 4: adicionar arquivos de modelo e personalizações
Agora que você configurou seu tema filho, é hora de personalizá-lo substituindo os arquivos do tema pai.
Você pode implementar estilos personalizados facilmente editando o arquivo style.css do tema filho.
Para personalizações mais avançadas, use o arquivo functions.php para adicionar ou modificar a funcionalidade do tema.
Substituindo arquivos de tema pai
Substituir os arquivos do tema pai pelo tema filho garante que suas personalizações sejam mantidas, mesmo quando o tema principal for atualizado.
Veja como você pode fazer isso:
- Copie o arquivo de modelo do tema pai para o diretório do tema filho.
- Modifique o arquivo na pasta do seu tema filho.
- Ative seu tema filho para ver as alterações entrarem em vigor.
Implementando estilos personalizados
Normalmente, você desejará adicionar seu próprio toque ao tema filho implementando estilos personalizados. Isso envolve a edição do arquivo ‘style.css’ no diretório do tema filho.
Aqui, você pode adicionar ou substituir CSS para personalizar a aparência do seu site. Lembre-se de enfileirar as folhas de estilo pai e filho em functions.php para garantir que seus estilos personalizados sejam aplicados corretamente após a ativação.
Usando funções.php para personalizações avançadas
Depois de personalizar a aparência do seu tema filho com CSS, mergulhe no arquivo functions.php para estender sua funcionalidade e fazer personalizações avançadas.
Veja como você pode aprimorar seu tema:
- Adicione funções personalizadas para ajustar o comportamento do seu site.
- Use ganchos para modificar ou estender os recursos do tema pai.
- Substitua as funções do tema pai para adaptar elementos específicos às suas necessidades.
Como criar um tema filho usando plug-ins
Se não estiver interessado em criar manualmente um tema filho, você tem a opção de usar um plugin que faz o trabalho pesado para você.
Vamos percorrer o processo de seleção do plugin certo e usá-lo para gerar seu tema filho sem esforço.
Comparar este método com a abordagem manual ajudará você a entender os prós e os contras do uso de plug-ins para esta tarefa.
Selecionando o plugin certo
Quando você deseja agilizar o processo de criação de um tema filho do WordPress, optar por um plugin pode ser uma jogada inteligente. Esses plug-ins facilitam a geração de um tema filho sem mergulhar em muito código.
Aqui estão algumas coisas a serem consideradas ao selecionar o plugin certo:
- Fácil de usar: procure um plugin com interface amigável que simplifique o processo de criação.
- Recursos oferecidos: alguns plug-ins podem oferecer recursos adicionais, como enfileirar estilos ou copiar arquivos de modelo.
- Compatibilidade e atualizações: certifique-se de que o plug-in seja compatível com a sua versão do WordPress e seja atualizado regularmente para segurança e funcionalidade.
Processo passo a passo usando um plugin WordPress
Comece instalando e ativando o plugin escolhido.
Aqui estão alguns plug-ins que criarão um tema filho para você:
Para este tutorial passo a passo, abordaremos como configurar um tema filho no plugin Child Theme Configurator. Depois de instalar o plugin Child Theme Configurator, siga as instruções fornecidas pelo desenvolvedor do plugin, resumidas a seguir:
- Comece acessando o Pai/Filho Aba.
- Escolha a ação, Crie um novo tema filho: instale um novo tema filho com base em um tema pai existente.
- Escolha um tema pai quando solicitado.
- Analise o tema filho em busca de dependências e problemas clicando em Analisar.
- Nomeie o diretório do tema (não o tema em si).
- Decida o local para salvar o estilo: Folha de estilo primária: Adicione novos estilos diretamente, substituindo os atuais ou Folha de estilo separada: preserva os estilos originais e adiciona novos separadamente.
- Escolha como lidar com a folha de estilo do tema pai
- Personalize os detalhes do tema filho, como nome, descrição, autor, etc.
- Opcionalmente, copie as configurações do tema pai para o tema filho.
- Clique no Configurador botão.
É isso! Você terá o tema infantil configurado e pronto para usar!
Crie um tema filho para o seu site WordPress agora!
Criar um tema filho WordPress é um processo simples e essencial para personalizar seu site com segurança e eficiência.
Este artigo guiou você pelas etapas simples de configuração de um tema filho, desde a criação de uma pasta dedicada e a elaboração de um arquivo style.css até o enfileiramento de folhas de estilo e a realização de personalizações avançadas.
Quer você opte por criar manualmente seu tema filho ou usar um plug-in, os benefícios de usar um tema filho são claros: personalizações seguras, atualizações fáceis e funcionalidade estendida, tudo isso preservando a integridade do seu tema pai.
Se você está procurando ga-analytics#sendElementsClickEvent”>temas e plug-ins WordPress de alta qualidade, dê uma olhada no Envato Elements.
