Tema Filho Zerif-Lite

(@leislaa)

Criei um tema filho do tema Zerif-Lite só para fazer algumas alterações no css.

Criei um diretório com o nome zerif-lite-child e coloquei dois arquivos lá dentro:
style.css e functions.css.

Ao utilizar o tema filho alguns estilos não foram herdados do tema pai (exemplo: algumas cores, fonte, estilos de botões).

style.css

/*
Theme Name:     Zerif Lite Child
Theme URI:      http://www.teste.com.br/
Description:    Zerif Lite Child Theme
Author:         Teste
Author URI:     http://www.teste.com.br/
Template:       zerif-lite                             
Version:        1.0
*/

.about-us {
	background: #202874;
}

functions.php

<?php

function theme_enqueue_styles() {

    $parent_style = 'zerif-lite';

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'zerif-lite-child',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style )
    );
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

Como faço para o tema filho herdar todos os estilos do pai e só alterar o que eu inserir no css do tema filho?

Visualizando 1 resposta (de um total de 1)

Moderador Felipe Elia
(@felipeelia)

7 anos, 6 meses atrás

Oi @leislaa,

Já conseguiu resolver esse problema? Se ainda não conseguiu, seguem algumas dúvidas para entender melhor:

– O tema zerif-lite carrega uma série de arquivos CSS, como pode ser visto na função zerif_scripts no functions.php do tema. Navegando pelo Google Chrome, clicando com o botão direito no elemento e selecionando “Inspecionar” é possível identificar quais arquivos conferem estilo ao elemento. Comparando com o original, você conseguiu identificar qual é o arquivo que não está sendo carregado?
– Um detalhe: da forma como está seu código, o seu CSS é carregado antes de vários outros, o que vai dificultar que você sobrescreva algumas regras. Uma alternativa fácil para modificar esse comportamento é trocar
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
por
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles', 99 );

Isso acontece porque o functions.php do tema filho é carregado antes (isso mesmo, antes) do functions.php do tema pai. Colocando o terceiro parâmetro na função você informa ao WP que deseja que essa função seja executada depois.

Se você já conseguiu resolver o problema, mesmo que de outra forma, não esqueça de passar aqui pra dizer como foi e marcar seu tópico como “resolvido”, beleza?

Visualizando 1 resposta (de um total de 1)

O tópico ‘Tema Filho Zerif-Lite’ está fechado para novas respostas.

Tags de tópico

Visualizações