Como criar um tema filho no WordPress (programaticamente e plugin)

Você quer personalizar o design do seu site e impressionar seus visitantes? Neste guia, mostraremos como criar um tema filho no WordPress com um pouco de codificação e com plugins .

A personalização é um fator forte no design do seu site. Você quer ter certeza de fazer tudo o que puder para ajudar seu site a se destacar. E embora você possa usar um tema WordPress com um design que atenda às suas necessidades, você pode fazer muito melhor se adicionar um pouco de sabor às configurações padrão. Seja alterando algumas configurações de plano de fundo ou configurando um mega menu para o seu site.

No entanto, personalizar seu site pode ser uma tarefa e tanto, especialmente se você estiver alterando um design que funcionou bem para você. É por isso que, se você quiser personalizar seu tema do WordPress, é altamente recomendável usar um tema filho. E é isso que o tutorial de hoje traz para você: um guia amigável para iniciantes sobre como criar um tema filho no WordPress .

O que é um tema infantil?

Simplificando, um tema filho é um tema adicional que você cria que herda o design e a aparência de um tema pai existente. O tema filho também herda todas as funções e recursos do tema pai, que você também pode modificar.

Mas se ele tem o mesmo design e funções do tema pai, por que você precisa de um tema filho? Existem certas vantagens de criar temas filhos no WordPress. Por um lado, você pode manter a personalização do tema pai separada e personalizá-los individualmente. Por exemplo, você pode fazer alterações no código do tema filho e essa personalização permanecerá separada do tema pai, portanto, nenhum dos arquivos nos temas pai será afetado.

Além disso, uma das principais vantagens de usar um tema filho é que você pode manter todas as suas personalizações mesmo depois de atualizar o tema pai. Um grande problema com a personalização do seu tema pai é que, quando você atualiza o tema, essas modificações são perdidas. Portanto, com um tema filho, independentemente de você alterar estilos, modelos ou funções, as modificações feitas nos arquivos do tema permanecem salvas mesmo após as atualizações.

Os desenvolvedores também podem usar temas filhos para criar designs de temas mais novos rapidamente. Usando temas filho, eles não precisam começar do zero e podem optar por modificar os temas pai para adequá-los também aos designs de tema.

Benefícios dos temas filhos

Então, para resumir, se você quiser mais flexibilidade para as personalizações de seu tema, usar um tema filho é uma excelente ideia. Alguns dos principais benefícios ao usar temas filhos são:

• Qualquer personalização que você fizer no tema filho permanece separada do pai e, portanto, não é revertida ou perdida após as atualizações.
• Não há risco de quebrar acidentalmente seu tema principal ou seus arquivos.
• Os desenvolvedores podem usar temas filho e temas pai para economizar tempo de desenvolvimento criando designs de temas flexíveis e estruturas de temas.
• Os temas filho são muito leves e você sempre pode reverter quaisquer alterações simplesmente desabilitando ou removendo o tema filho.

Agora que explicamos por que você deve considerar o uso de um tema filho, vamos dar uma olhada em como você pode criar um tema filho no WordPress.

Como criar um tema filho no WordPress

Existem 2 maneiras principais de criar um tema filho no WordPress:

1. Usando um plug-in
2. Programaticamente

Ambos os métodos têm seus prós e contras, então use aquele que melhor se adapte às suas habilidades e necessidades.

1) Crie um tema filho usando um plugin do WordPress

Criar um tema filho usando um plugin é a maneira mais fácil e amigável para iniciantes. Tudo o que você precisa fazer é instalar um plug-in, clicar em alguns botões aqui e ali e pronto. E há um grande número de plugins de temas infantis por aí que são muito fáceis de usar.

Para este guia, usaremos o plug-in Child Theme Generator. Se você quiser dar uma olhada em outras opções, recomendamos que você confira nossa lista dos melhores plugins WordPress Child Theme.

Depois de decidir qual complemento você prefere, você precisa instalá-lo. Portanto, abra o painel de administração do WP, passe o mouse sobre Plugins e clique em Adicionar novo . Em seguida, use a barra de pesquisa no canto superior direito para pesquisar o plug-in que você está prestes a instalar. Vamos instalar o Child Theme Generator .

Em seguida, instale o plug-in desejado. Quando a instalação terminar, pressione Ativar. Alternativamente, você também pode ativar/desativar seus plugins acessando Plugins > Plugins Instalados na barra lateral.

Como criar um tema filho com o plugin Child Theme Generator

Depois de instalar e ativar o plugin, abra a interface do plugin clicando em Settings > Child-Theme Gen.

Em seguida, na guia Criar novo , você pode preencher vários detalhes sobre o tema filho.

Simplesmente, escolha o tema que deseja como tema pai, adicione o título do tema, descrição, URL do tema filho, autor e outros detalhes do tema. Aqui, você também pode optar por adicionar uma licença GNU GPL junto com seus arquivos de tema.

Quando terminar, clique em Criar um novo tema filho e um tema filho será criado com base em seus detalhes de entrada.

Em seguida, você pode alterá-lo ou ativá-lo acessando Aparência > Temas, selecionando seu tema filho recém-criado e ativando -o.

É isso! Você acabou de criar seu tema filho! Agora você pode personalizá-lo e fazer todas as alterações que desejar.

Agora, vamos dar uma olhada em como você pode criar um tema filho programaticamente sem usar um plugin.

2) Crie um tema filho programaticamente

Se você não quiser instalar nenhum plugin, você pode criar um tema filho do WordPress programaticamente . Isso requer um pouco de codificação, mas ainda é bastante fácil, mesmo para iniciantes. Tudo o que você precisa fazer é criar a pasta do seu tema filho e criar alguns arquivos dentro dela.

Ative o tema pai

Então, primeiro, você precisa ativar o tema pai do qual deseja criar um tema filho em seu site.

Em seguida, você precisa usar o painel de controle de hospedagem do seu site e acessar as pastas do servidor. Você terá que usar o gerenciador de arquivos do seu painel ou cliente FTP para abrir a pasta de temas do seu site. Isso está em public_html/wp-content/themes .

Degraus

Depois de localizar a pasta do tema, siga estas etapas fáceis:

1) Crie uma pasta dentro do diretório de temas com o nome do seu tema filho. Por enquanto, usaremos o Demo Child Theme . Você também pode usar o nome do seu tema pai, seguido por um sufixo filho, para facilitar o gerenciamento. Por exemplo, Flash-Child ou Blacklite-Child .

2) Em seguida, crie um arquivo style.css e copie o código a seguir dentro do arquivo style.CSS.

 /*
Nome do tema: tema filho de demonstração
Modelo: Blacklite
URL do tema: Quadlayers.com/blog
Descrição: Tema filho de demonstração
Autor do tema: Quadlayers
URL do autor: Qualayers.com
Versão: 1.0.0
*/

Isso é chamado de folha de estilo. Lembre-se de alterar essas informações para o seu tema filho. Basta adicionar as informações após os dois pontos para cada linha do código. As partes mais importantes aqui são o nome do tema, que precisa ser exclusivo, e o nome do modelo que você está usando, pois você precisa designar qual tema pai está usando.

3) Em seguida, crie um arquivo chamado Functions.php dentro da pasta do tema filho e copie o seguinte código:

 <?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
wp_enqueue_style( 'estilo-pai', get_template_directory_uri().'/style.css' );
}
?>

4) Salve os dois arquivos e vá para o seu Dashboard > Appearance > Themes. Você verá um novo tema filho com a descrição que você inseriu na sua pasta Style.CSS !

E é assim que você cria um tema filho no WordPress programaticamente. Agora, vamos ver como personalizá-lo.

Como personalizar seu tema filho do WordPress?

Nesta seção, veremos o que você pode fazer para personalizar a aparência do seu tema filho em um nível mais profundo. Por um lado, vamos alterar as configurações de fonte e cor de fundo usando um pouco de CSS.

Personalize o CSS do seu tema

Primeiro, vá para Aparência > Personalizar para abrir seu personalizador de temas. Em seguida, clique em CSS adicional no menu da barra lateral.

Aqui, você pode adicionar alguns códigos CSS que substituirão as configurações do seu tema diretamente. Por exemplo, você pode adicionar este pequeno código:

 p{
cor: cinza;
}
p{
família de fontes: Helvetica;
tamanho da fonte: 18px;
}

E ao inserir esse pequeno trecho de código, você verá as alterações no personalizador do Live. Precisamos de um pouco mais de cor, então vamos alterar a cor de fundo da barra de widgets do seu site:

 .ferramenta {
fundo: #00FFFF;
preenchimento: 25px;
}

Agora, vamos adicionar uma linha extra de código para remover o rodapé de direitos autorais “Powered by WordPress”:

 .site-info { display: nenhum; }

E lá vamos nós, você personalizou seu tema filho com um pouco de CSS. Isso é apenas arranhar a superfície dessas modificações. Há muito mais que você pode fazer.

Personalize seu arquivo Theme Functions.php

Você pode personalizar diretamente seus arquivos de tema acessando Aparência > Editor de temas. Em seguida, clique no arquivo Functions.php para adicionar funções personalizadas ao seu tema.

Por exemplo, para desabilitar o clique com o botão direito do mouse em seu site, adicione estas linhas de código ao seu arquivo Functions.php:

 função sua_função() {
?>
<script>
jQuery(document).ready(function(){
jQuery(document).bind("contextmenu",function(e){
retorna falso;
});
});
</script>
<?php
}
add_action('wp_footer', 'sua_função');

Em seguida, clique em Atualizar arquivo.

Finalmente, se você estragar alguma coisa, você pode simplesmente excluir seu tema filho, criar um novo e começar do zero sem afetar seu tema pai.

Conclusão

Em suma, criar e personalizar temas filhos abre uma nova avenida de modificações de temas para todos os tipos de usuários do WordPress. A melhor coisa sobre isso é a flexibilidade que ele oferece, pois você pode reverter qualquer coisa que possa ter atrapalhado seu tema. Além disso, todas as suas personalizações ficam separadas do tema pai e não são perdidas após as atualizações. Por isso, recomendamos que você crie um tema filho e brinque com ele para melhorar seu site.

Isso pode parecer complicado, mas não é. Basta adicionar um pouco de código aos seus arquivos de tema e gerenciar algumas pastas.

No entanto, nem todos os usuários podem achar fácil criar e construir temas filho programaticamente, especialmente iniciantes. Se for o seu caso, você pode usar um plugin para criar seu tema. Se você tiver problemas a qualquer momento, sinta-se à vontade para nos deixar um comentário e iremos direto ao assunto.

Por fim, se você quiser personalizar ainda mais o seu tema, confira nossos guias sobre como editar rodapés e como personalizar cabeçalhos no WordPress .