Categoria: WordPress

  • WordPress – Temas Filho

    O que é um Tem Filho (Child Theme)

    Um tema filho no WordPress é um conjunto de recursos que permite fazer alterações no aspeto e funcionalidades do site sem afetar o tema principal, o tema Pai.

    O que é Tema Pai (Parent Theme)

    É o tema que contem todos os ficheiros necessário para que site seja apresentado corretamente em todo o seu aspeto e funcionalidades.

    Porque usar um tema filho?

    • Manter uma cópia intacta do tema;
    • Uma atualização ao tema Pai não reverte alterações no tema Filho. No entanto o tema Filho pode herdar novas funcionalidades do tema Pai;
    • Permite comutar entre temas alterados e desenvolver alternativas sem grandes modificações;

    Criar um tema Filho

    1. Criar a pasta do tema Filho

    Dentro da raíz da instalação do wordpress criar uma pasta em wp-content/themes com o nome <nome-do-tema-pai>-child.

    Exemplo: storefront-child
    Nota: O tema Pai tem que estar instalado para que tudo funcione.

    1. Criar uma folha de estilo: style.css
    /*
     Theme Name:   Storefront Child
     Theme URI:    https://woocommerce.com/storefront/
     Description:  Storefront Child Theme
     Author:       Raul Ramos
     Author URI:   http://raulramos.pt
     Template:     storefront
     Version:      1.0.0
     License:      GNU General Public License v2 or later
     License URI:  http://www.gnu.org/licenses/gpl-2.0.html
     Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style
     Text Domain:  storefrontchild
    */
    

    Informações necessárias:

    • Theme Name – Nome do tema. Deve ser exclusivo.
    • Template – Modelo. O nome da diretoria do tema pai. O tema pai no exemplo é o storefront, logo, o Template será storefront.
    1. Processar folhas de estilos

    Fonte: https://developer.wordpress.org/themes/advanced-topics/child-themes/