Aguarde...

28 de dezembro de 2021

Como criar um tema filho para WordPress

Como criar um tema filho para WordPress

Não importa o quanto você queira se envolver ao criar seu tema filho do WordPress, este guia tem um método para você.

Encontrou um tema WordPress de que você realmente gosta, mas deseja personalizar um pouco sua aparência? Você pode fazer isso facilmente escrevendo algum código personalizado na folha de estilo CSS do seu tema. No entanto, essas alterações podem ser facilmente perdidas ao atualizar o tema.

Para evitar isso, você pode criar um tema filho, permitindo que você faça quantas personalizações desejar, sem correr o risco de perder essas alterações quando eventualmente atualizar o tema pai.

Orientaremos você em todas as etapas do processo. Primeiro, vamos esclarecer um pouco o jargão.

O que exatamente é um tema infantil?

Um tema filho é um tema WordPress totalmente funcional que herda suas funções e propriedades de outro tema – seu tema pai. Ao criar um tema filho, você pode aproveitar todos os recursos do tema pai sem perder esses recursos sempre que o tema pai recebe uma atualização.

Existem três componentes básicos que você precisa para criar um tema filho, e eles serão abordados em detalhes quando discutirmos como fazer um tema filho manualmente.

Primeiro, porém, vamos cobrir rapidamente como fazer um tema filho usando geradores de tema filho gratuitos e usando um plug-in.

Preparar? Vamos entrar nisso!

1. Como criar um tema filho usando um gerador de tema filho

Este é provavelmente o método mais fácil e direto de todos. Tudo o que você precisa fazer é navegar até um site gerador de tema filho, inserir um nome para o tema filho e pronto.

Dois dos geradores de tema infantil mais populares são o Astra Child Theme Generator e o Child Theme Generator , que cria temas infantis para o popular tema Astra.

Como criar um tema filho para WordPress

O tema Astra é um tema WordPress popular, leve e rápido, adequado para a construção de qualquer tipo de site. É também um dos principais temas gratuitos do WordPress de 2021 , portanto, é uma boa escolha geral para construir seu site. Para usar o Astra Child Theme Generator, primeiro você precisa instalar o tema Astra.

Para criar seu novo tema filho, basta fazer logon no Astra Child Theme Generator , inserir o nome que deseja para o novo tema filho, clicar em Gerar e pronto!

Seu novo tema filho será baixado automaticamente como uma pasta zip. Instale e ative-o como faria com qualquer outro tema.

2. Como criar um tema filho usando um plug-in

Este método é quase tão simples quanto usar um gerador de tema filho online. Existem vários plug-ins de gerador de tema filho, mas recomendamos que você use uma das opções mais populares – Configurador de tema filho .

Como criar um tema filho para WordPress

Para começar, instale e ative o plugin do repositório do WordPress. No painel esquerdo, passe o mouse sobre Ferramentas e clique em Temas filhos .

Para criar seu tema filho, marque CRIAR um novo tema filho , role para baixo e selecione o tema pai. Clique em Analisar e aguarde os resultados. Se todos os seus arquivos de tema estiverem em ordem, você verá opções adicionais na tela. Você pode ignorar a maioria deles ou fazer alterações quando apropriado.

Como criar um tema filho para WordPress

Para dar vida ao seu tema infantil, basta clicar no botão Criar Novo Tema Infantil na parte inferior da tela e pronto.

Navegue até Aparência> Temas , e seu novo tema filho estará visível e pronto para ativação.

Usar um gerador de tema filho ou um plug-in gerador de tema filho são ótimas soluções, fáceis de implementar e não requerem habilidades técnicas avançadas. Se você gostaria de entrar nos bastidores e desempenhar um papel mais ativo na criação de seu novo tema infantil, o próximo método é para você.

3. Como criar um tema filho manualmente

Criar um tema filho manualmente é muito mais envolvente do que qualquer um dos dois métodos anteriores, mas ainda é relativamente simples de realizar.

Você precisará de três componentes básicos: um arquivo de tema para seu tema filho, uma folha de estilo style.css e um arquivo functions.php .

1. Crie um arquivo de tema

Você pode fazer isso no cPanel ou usando FTP. Recomendamos o uso do cPanel se o seu serviço de hospedagem oferece. Faça login em cPanel> Gerenciador de arquivos> Arquivos> Public_html> wp-content> themes .

Como criar um tema filho para WordPress

Clique no botão + Pasta no menu superior para criar uma nova pasta. Você deve nomear isso após o nome do tema pai, adicionando “-child” no final. Se você estiver usando o tema Vinte e vinte e um, por exemplo, será parecido com: “vinte e vinte e um filho”.

2. Crie um arquivo Style.css

Style.css é a convenção de nomenclatura padrão do WordPress para folhas de estilo CSS. Este é o lugar para onde todo o CSS do seu tema filho irá, mas você pode adiar a criação do CSS até que tenha configurado completamente o seu tema filho.

Para criar um arquivo style.css , basta clicar na opção + Arquivo no menu superior. A folha de estilo deve ir para a nova pasta de tema que você acabou de criar. No novo arquivo, cole o seguinte comentário:

/*
Theme Name: Twenty Twenty One Child
Theme URI: http://example.com/twenty-twenty-one-child/
Description: Twenty Twenty One Child Theme
Author: Jane Doe
Author URI: http://example.com
Template: twentytwentyone
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twentytwentyonechild
*/

Este é um comentário e não será executado em tempo de execução, mas sem ele seu arquivo de folha de estilo CSS não funcionará. Salve o arquivo como style.css .

3. Crie um arquivo Functions.php

Assim como você adicionou um novo arquivo e o chamou de style.cs s, adicione um novo arquivo e chame-o de functions.php . Cole o código abaixo:


<?php

add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );

function enqueue_parent_styles() {

wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );

}

?>

É isso! Agora você tem todos os três componentes necessários para o seu tema filho funcionar. Para finalizá-lo, volte para o back-end do WordPress e ative o tema da mesma forma que faria com qualquer outro tema.

Introdução aos temas infantis do WordPress

Temas filhos são uma maneira útil de fazer alterações em seu tema WordPress sem ter que se preocupar com atualizações no tema pai. Neste artigo, mostramos três métodos diferentes e fáceis de usar para criar um tema filho. Se tudo o que você deseja é criar alguns designs personalizados para suas páginas da web, uma alternativa eficaz é usar um construtor de páginas WordPress.

Postado em Blog
Escreva um comentário