-1
votes

WordPress Child Theme CSS ne remplace pas les parents parent CSS

J'utilise le thème Mies-enfant, mais le problème est que je ne peux pas voir que les changements de CSS affectent mon site Web.

Voici ce que mon enfant style.CSS ressemble à: p>

<?php
/*
 * ===== Theme Translation =====
 * Load the translations from the child theme if present
 */
add_action( 'before_wpgrade_core', 'mies_child_theme_setup' );
function mies_child_theme_setup() {
    load_child_theme_textdomain( 'mies_txtd', get_stylesheet_directory() . '/languages' );
}

/**
 * ===== Loading Resources =====
 * Add all the extra static resources of the child theme - right now only the style.css file
 */

function mies_child_enqueue_styles() {
    // Here we are adding the child style.css while still retaining all of the parents assets (style.css, JS files, etc)
    wp_enqueue_style( 'mies-child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array('wpgrade-main-style') //make sure the the child's style.css comes after the parents so you can overwrite rules
    );
}

add_action( 'wp_enqueue_scripts', 'mies_child_enqueue_styles' );


0 commentaires

3 Réponses :


0
votes

Utilisez ce code.

// Queue parent style followed by child/customized style
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles', PHP_INT_MAX);

function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' 
);
wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . 
'/styles/child-style.css', array( 'parent-style' ) );
}


0 commentaires

1
votes

Vous avez essayé d'ajouter le $ HANDER CODE> STRORT> de votre parent 'Enqueuser style WPGrade-style code> comme une dépendance $ DEPS code> strong> pour votre script Enfant Enqueue Lorsque le style du parent n'a pas encore été en cours.

Récupérez votre style parent à l'aide de get_template_directory_uri () code> Fort> Premier et enQui, suivi de la récupération de vos styles de votre enfant en utilisant get_stylesheet_directory_uri () Code> Strong> et en faisez l'ajout du parent comme une dépendance $ DEPS code> > strong> dans votre enfant Enqueue script comme ceci: p>

p>

function mies_child_styles() { 
    
    // enqueue parent
    wp_enqueue_style( 'wpgrade-main-style', trailingslashit( get_template_directory_uri() ) . '/style.css', array(  );
   
    // enqueue child
    wp_enqueue_style( 'mies-child-style', trailingslashit( get_stylesheet_directory_uri() . '/style.css', array('wpgrade-main-style') );
}
add_action( 'wp_enqueue_scripts', 'mies_child_styles' );


2 commentaires

J'utilise le code proposé mais sans avoir le résultat attendu. En outre, le panneau WP-Admin a arrêté de fonctionner.


@arismrk hmm. Pouvez-vous essayer d'envelopper vos sections get_template avec TrailingsLashit () comme indiqué dans le code édité ci-dessus et voyez si cela aide.



0
votes

J'ai comme ça dans mon projet.

    function mies_child_enqueue_styles() {
        //enqueue parent styles
        wp_enqueue_style('parent-theme', get_template_directory_uri() .'/style.css');

        // enqueue child styles
        wp_enqueue_style('child-theme', get_stylesheet_directory_uri() .'/style.css', 
        array('parent-theme'));
    }
    add_action('wp_enqueue_scripts', 'mies_child_enqueue_styles');


0 commentaires