Je construis un site Bootstrap sur WordPress et je dois pouvoir inclure plusieurs feuilles de style. Cependant, lorsque je les mets en file d'attente comme suit, seules les première et troisième feuilles de style apparaissent dans le source de la page. J'ai confirmé que les trois fichiers sont sur le serveur.
wp_enqueue_style( 'mamies-wafers-bootstrap-min', '/wp-content/themes/mamies-wafers/css/bootstrap.min.css' );
wp_enqueue_style( 'mamies-wafers-carousel', '/wp-content/themes/mamies-wafers/css/carousel.css' );
wp_enqueue_style( 'mamies-wafers-style', get_stylesheet_uri() );
Qu'est-ce que je rate?
La fonction wp_enqueue_style()
utilise le format et les paramètres suivants:
wp_enqueue_style( $handle, $src = false, $deps = array(), $ver = false, $media = 'all' );
Dans votre cas, vous pouvez essayer ce qui suit:
<?php
/**
* Proper way to enqueue scripts and styles
*/
function namespace_theme_stylesheets() {
wp_enqueue_style( 'mamies-wafers-bootstrap-min', get_template_directory_uri() .'/css/bootstrap.min.css', array(), null, 'all' );
wp_enqueue_style( 'mamies-wafers-carousel', get_template_directory_uri() .'/css/carousel.css', array(), null, 'all' );
wp_enqueue_style( 'mamies-wafers-style', get_stylesheet_uri(), '', null, 'all' );
}
add_action( 'wp_enqueue_scripts', 'namespace_theme_stylesheets' );
Si vous envisagez de réduire au minimum votre CSS, il est toujours préférable d'utiliser d'abord wp_register_style
pour chaque feuille de style, puis de la mettre en file d'attente.
<?php
/**
* Proper way to register and enqueue scripts and styles
*/
function namespace_theme_stylesheets() {
wp_register_style( 'mamies-wafers-bootstrap-min', get_template_directory_uri() .'/css/bootstrap.min.css', array(), null, 'all' );
wp_register_style( 'mamies-wafers-carousel', get_template_directory_uri() .'/css/carousel.css', array(), null, 'all' );
wp_register_style( 'mamies-wafers-style', get_stylesheet_uri(), '', null, 'all' );
wp_enqueue_style( 'mamies-wafers-bootstrap-min' );
wp_enqueue_style( 'mamies-wafers-carousel' );
wp_enqueue_style( 'mamies-wafers-style' );
}
add_action( 'wp_enqueue_scripts', 'namespace_theme_stylesheets' );
Cela a fonctionné pour moi
foreach( glob( get_template_directory(). '/css/*.css' ) as $file ) {
$file = str_replace(get_template_directory(), '', $file);
echo ( get_template_directory_uri() . $file);
// $file contains the name and extension of the file
wp_enqueue_style( $file.'style', get_template_directory_uri() . $file);
}
foreach( glob( get_template_directory(). '/js/*.js' ) as $file ) {
$file = str_replace(get_template_directory(), '', $file);
// $file contains the name and extension of the file
wp_enqueue_script( $file . 'script', get_template_directory_uri() . $file);
}