Suporte » Temas » Criar template filho com tema feito no Framework Odin!

  • wordlove

    (@wordlove)


    Olá pessoal!

    Eu criei um template filho do tema ConversionWP Premium, só que o css (style) ficou quebrado! Tudo que sei é que esse template foi desenvolvido com o Odin…

    Alguém sabe o que colocar de caminho para style.css do template filho funcionar?

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • Moderador Leo Baiano

    (@leobaiano)

    Para o tema filho funcionar corretamente você precisa seguir algumas regras, veja aqui: https://codex.wordpress.org/pt-br:Temas_Filhos

    Me tira uma dúvida, o problema é que o CSS do tema filho não está sendo carregado ou o CSS do tema pai é que não está sendo carregado?

    Criador do tópico wordlove

    (@wordlove)

    Oi Leo!

    É o CSS do tema pai que não está sendo carregado, o CSS do tema filho eu ainda não escrevi.

    Criador do tópico wordlove

    (@wordlove)

    Dentro do style.css do tema pai tem exatamente esse código:

    /*
    Theme Name: ConversionWP Premium
    Theme URI: http://rebello.blog.br/
    Description: Template Premium altamente customizável, voltado para conversão e otimizado para SEO
    Author: Jair Rebello
    Author URI: http://jairrebello.com/
    Version: 1.4.1
    Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: odin
    
    Don't add css in this file!
    The theme css is in assets/css/style.css
    */

    No style.css do tema filho tem esse código aqui:

    /*
    Theme Name: Template MEU
    Template: converstionwp-premium
    */
    ~
    ~

    No functions do tema filho tem esse código:

    <?php
    function theme_enqueue_styles() {
    
        $parent_style = 'parent-style';
    
        wp_enqueue_style( 'child-style',
            get_stylesheet_directory_uri() . '../assets/css/style.css',
            array( $parent_style )
        );
    }
    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
    ?>
    Moderador Leo Baiano

    (@leobaiano)

    1 – No seu style.css, em Theme Name coloque ConversionWP Premium Child

    2 – O diretório do tema pai é: converstionwp-premium correto?

    3 – No functions você só está carregando o CSS do tema filho, pois get_stylesheet_directory_uri() aponta para o tema filho e não para o tema pai, você precisa carregar o CSS do tema pai também, para isso use get_template_directory_uri() (em temas filhos ele aponta para o tema pai e não para o tema ativo).

    Exemplo:

    function theme_enqueue_styles() {
    
        $parent_style = 'parent-style';
    
        // Carrega o style do tema pai
        wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    
        // Carrega o style do tema filho
        wp_enqueue_style( 'child-style',
            get_stylesheet_directory_uri() . '/style.css',
            array( $parent_style )
        );
    }
    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • O tópico ‘Criar template filho com tema feito no Framework Odin!’ está fechado para novas respostas.