WordPress : Thème enfant WordPress : Comment ajouter une feuille de style personnalisée de mon thème parent à mon thème enfant ?

Publié par Jean-Michel le

Mon thème parent a une feuille de style : app/assets/css/screen.css qui contient tout le style du thème pour une raison quelconque au lieu d’être dans /style.css

Depuis que je personnalise le thème, j’ai configuré un thème enfant mais les modifications que j’ajoute au style.css de mon thème enfant ne fonctionnent pas.

Comment puis-je ajouter la feuille de style app/assets/css/screen.css à mon thème enfant afin de pouvoir apporter les modifications nécessaires ?

Lire également:  Wordpress : Comment supprimer la redirection des clics sur la balise d'ancrage dans le cadre d'aperçu du personnalisateur ?

Solution n°1 trouvée

La méthode recommandée pour mettre en file d’attente la feuille de style du thème parent consiste actuellement à ajouter une wp_enqueue_scriptsaction et à l’utiliser wp_enqueue_style()dans le fichier functions.php.

Chargez votre style.cssfichier avec un gestionnaire approprié car vous avez dit que vous avez plus d’un style.cssfichier, vous devrez vous assurer de conserver toutes les dépendances du thème parent.

if ( ! function_exists( 'prefix_theme_enqueue_scripts' ) ) {
    function prefix_theme_enqueue_scripts() {
        wp_enqueue_style( 'parent_handler', get_template_directory_uri() . '/app/assets/css/screen.css' );
        wp_enqueue_style( 'child_handler',
            get_stylesheet_directory_uri() . '/style.css',
            array('parent_handler')
        );
    add_action( 'wp_enqueue_scripts','prefix_theme_enqueue_scripts' );
    }
}

parent_handlerest le même $handle utilisé dans le thème parent lorsqu’il enregistre sa feuille de style. Vérifiez votre thème parent pour le gestionnaire

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 *