Temas filho e customização dos temas WordPress

Descubra o valor dos dados em sua empresa

Temas filho e customização dos temas WordPress

Essa é a forma correta indicada para alteração do tema e adição de funcionalidades além daquelas previstas pelo desenvolvedor original do tema.

Quando é necessário efetuar uma customização maior do que aquela prevista pelo tema, devemos utilizar a criação de um tema filho no WordPress

Por exemplo: para inclusão do Breadcrumb do plugin Yoast SEO em alguns temas que não preveem sua existência, é necessário efetuar uma customização nas templates para que o breadcrumb seja inserido.

O objetivo da inclusão do Breadcrumb é o de facilitar para nossos usuários e para as ferramentas de busca, a identificação da estrutura e das divisões do nosso site.

Porque usar um tema filho?

Há alguns motivos para você utilizar um tema filho em seu site:

  • Se você modificar um tema diretamente e o tema for atualizado, suas modificações podem se perder. Ao usar um tema filho você se certifica de que suas modificações são preservadas;
  • Usar um tema filho agiliza o desenvolvimento;
  • Quando ocorrer atualização do tema original, você pode verificar se as mudanças impactam seu site e efetuar os ajustes necessários de forma simplificada;
  • Usar um tema filho é uma ótima maneira de aprender sobre o desenvolvimento de temas WordPress.

Sempre posso utilizar um tema filho?

Há uma restrição importante com o uso de temas filho: Você não pode criar um tema filho de um tema que já seja também um tema filho. Não há temas “neto”… Antes de iniciar, você deverá verificar se o tema que está utilizando já herda de um outro tema. Como você pode saber isso? É simples: dentro do tema, procure o arquivo style.css. Dentro dele, se houver uma linha iniciada por “Template:” e estiver preenchida, então o tema escolhido já é um tema filho e não poderá ser utilizado. Caso contrário, você pode continuar…

Como funciona um tema filho?

O tema filho herda de um tema todas as características e inclui aquelas adições que estiverem definidas em seu interior. Por isso ele tem esse nome: ele é um filho que puxou o pai, mas que tem suas próprias características

Há uma sequência para sua criação:

  • Criação de uma pasta específica para conter nosso tema filho
  • Edição do arquivo style.css dentro do padrão do WordPress para identificação do tema pai e do nosso tema.
  • Inserção do arquivo de funções functions.php para inclusão do CSS do tema pai em nosso tema
  • Customização dos itens que considerarmos necessário

Criando a pasta para nosso tema filho

Devemos entrar pelo gerenciador de arquivos de nossa hospedagem ou conectar pelo FTP para gerenciar nossos arquivos.

A partir do gerenciador de arquivos, vamos criar a nossa pasta para o novo tema. O local para criação dessa pasta é:

Raiz de instalação do WordPress -> wp-content -> themes

O Códex com as melhores práticas do WordPress sugere que seja utilizado o nome do tema original com o acréscimo do sufixo -child para facilitar nossa organização. Esse é um padrão que, se seguido, facilitará a manutenção do site no futuro. Traduzindo: faça dessa forma!

Abaixo um exemplo de criação de um filho do tema mesmerize:

Criação do arquivo style.css

Esse é um arquivo obrigatório para que o WordPress reconheça a pasta como uma novo tema. O conteúdo do arquivo é o seguinte:

/*
 Theme Name:   Mesmerize-child
 Description:  Mesmerize-child, like mesmerize is an incredibly flexible, multipurpose WordPress theme that can help you create an amazing website easier than ever, by drag and drop. It comes with a predesigned home page, 5 header designs and over 30 ready to use content sections that you can easily customize. It also has lots of customization options (video background, slideshow background, header content types, gradient overlays, etc) that will help you create a beautiful, unique website in no time. Highlight is responsive so it works on mobile devices out of the box and it is also WooCommerce ready.
 Theme URI:    https://extendthemes.com/mesmerize
 Author:       Marco Mazzei
 Author URI:   https://openwork.com.br/
 Template:     mesmerize
 Version:      1.0.1
 License:      GNU General Public License version 3
 License URI:  http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
 Tags:         entertainment, food-and-drink, portfolio, one-column, two-columns, right-sidebar, grid-layout, custom-header, custom-menu, custom-logo, full-width-template, theme-options, translation-ready, featured-images, threaded-comments
 Text Domain:  mesmerize-child
This theme, like WordPress, is licensed under the GPL.
*/

Sumiu o estilo! E agora?

Calma: quando criamos um tema filho, o WordPress desabilita a folha de estilos do tema pai. Temos que configurar, explicitamente, a inclusão dos estilos do tema pai em nosso tema. Vamos criar o nosso arquivo functions.php e incluir os comandos para que ele insira a folha de estilos do tema pai em nosso tema. Veja como fazer isso:

<?php
/* A forma correta de incluir uma folha de estilos no WordPress é chamando o hook, o 
* gatilho wp_enqueue_scripts. É isso que esse trecho de código PHP faz. 
*/
function theme_enqueue_styles() {
    $parent_style = 'parent-style';
    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style )
    );
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
?>

Só isso?

Sim! Parabéns! Se seguiu o passo-a-passo, você acabou de criar seu primeiro tema filho. Agora, qualquer alteração que você quiser fazer, poderá ser incluída nesse tema e garantirá que as atualizações do tema pai não danifiquem seu site.

No entanto, ninguém faz um tema filho para simplesmente criar dois arquivos. Nosso objetivo é o de mudar algo, incluindo alguma funcionalidade que não estava no tema original. Que tal fazermos isso agora? É exatamente isso que iremos fazer em nossa próxima postagem…

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Iniciar conversa
1
Precisa de ajuda?
Olá,
Openwork Consultoria agradece sua visita!
Aproveite e tire todas as suas dúvidas sobre os nossos produtos e serviços conversando comigo.
Powered by