Thème enfant WordPress : Comment remplacer les fichiers .css du thème parent qui existent dans les sous-répertoires ?

Publié par Jean-Michel le

J’ai un fichier /lib/extends_script/extends-style.min.css dans mon thème enfant que j’essaie de faire remplacer la version dans le thème parent. J’ai le code suivant en place, mais il semble toujours charger la version parent du fichier .css. Qu’est-ce que je fais mal?

Child theme: functions.php

function PREFIX_remove_scripts() {

    // enqueue parent styles
    wp_enqueue_style('maple', get_template_directory_uri() .'/style.css');

    // enqueue child styles
    wp_enqueue_style('maple-child', get_stylesheet_directory_uri() .'/style.css', array('maple'), 99999);
    wp_enqueue_style('tn-extends-lib-style', get_stylesheet_directory_uri() .'/lib/extends_script/extends-style.min.css');

}

add_action( 'wp_enqueue_scripts', 'PREFIX_remove_scripts', 20 );

Le thème parent functions.php le met en file d’attente de la manière suivante :

if ( ! function_exists( 'tn_register_frontend_script' ) ) {
    function tn_register_frontend_script() {
        // load css code
        wp_enqueue_style( 'tn-extends-lib-style', get_template_directory_uri() . '/lib/extends_script/extends-style.min.css', array(), TN_THEME_VERSION, 'all' );
etc.

Solution n°1 trouvée

Copiez le fichier qui inclut les scripts ou le style du thème parent au thème enfant, avec les mêmes niveaux d’imbrication de dossiers, par exemple :

parent-theme/inc/theme_styles.php

à

child-theme/inc/theme_styles.php

et à l’intérieur du même fichier mais dans le remplacement du thème enfant

get_template_directory_uri()

à

get_theme_file_uri()

et maintenant, wordpress vérifie d’abord le chemin du style dans le thème enfant.

Le fichier de la feuille de style avec le même chemin que dans votre thème parent doit également être à l’intérieur de votre thème enfant

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *