WordPress : Comment utiliser correctement un crochet d’action pour mettre en file d’attente mon fichier CSS dans WordPress en utilisant functions.php ?
J’ai essayé de faire fonctionner ce code dans le functions.php
fichier 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.php
fichier 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.php
le 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');
0 commentaire