WordPress : Comment utiliser correctement un crochet d’action pour mettre en file d’attente mon fichier CSS dans WordPress en utilisant functions.php ?

Publié par Jean-Michel le

J’ai essayé de faire fonctionner ce code dans le functions.phpfichier de mon thème enfant afin de mettre correctement en file d’attente mon fichier CSS personnalisé dans mon fichier/page de modèle appelé « tableau de bord ». D’après ce que je comprends, le functions.phpfichier est chargé avant la requête principale, donc j’utilise un crochet d’action avec un rappel qui est montré ci-dessous. Mais cela ne semble tout simplement pas fonctionner. Une grande aide serait appréciée.

fonctions.php

add_action('get_header', function() {
    if(is_page('dashboard')) {

        function enqueue_style() {
          wp_enqueue_style( 'dashboard-css', 'https://myurl.com/wp-content/themes/astra-child/css/dashboard.css', false ); 
        }

        add_action( 'wp_enqueue_scripts', 'enqueue_style' );
    }
});

tableau de bord.php

<?php /*Template Name: User Dashboard*/?>
<head> 

</head>
<body>
<p>this is my dashboard</p>
</body>

Solution n°1 trouvée

Essayez un code comme celui-ci dans functions.phple fichier.

function enqueue_style() {
    global $wp_styles, $wp_scripts;
    $protocol = is_ssl() ? 'https' : 'http';
    if(is_page('dashboard')) {
         // Register 
         wp_register_style('dashboard-css', get_stylesheet_directory_uri() . '/css/dashboard.css');
         // Enqueue
         wp_enqueue_style('dashboard-css'); 
    }
}
add_action('wp_enqueue_scripts', 'enqueue_style');

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 *