WordPress : J’ai créé un thème enfant et cela ne fonctionne pas pour certains fichiers CSS
J’ai un template avec 4 fichiers css : rtl.css
, style.css
, main.css
, bootstrap.css
.
rtl.css
et style.css
se trouvent à la racine de mon modèle, par exemple :
my_template_root/style.css
.
main.css
et bootstrap.css
sont situés, par exemple :
my_template_root/assets/stylesheet/main.css
functions.php
code est :
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_directory_directory_uri() . 'style.css' );
}
Ce functions.php
code s’applique correctement uniquement pour rtl.css
et style.css
mais mes modifications dans main.css
et bootstrap.css
ne fonctionnent pas de toute façon.
Solution n°1 trouvée
Vous appelez vos fichiers CSS avec une mauvaise fonction comme dans la ligne suivante de votre code
wp_enqueue_style( 'parent-style', get_directory_directory_uri() . 'style.css' );
Vous utilisez get_directory_directory_uri()
une fonction pour appeler des fichiers qui n’est pas une fonction dans wordpress.
Les fichiers doivent être appelés avec l’une des deux fonctions suivantes
-
get_stylesheet_directory_uri() : Cette fonction recherchera les fichiers dans le dossier de votre thème actif. Par thème actif, on entend un thème activé par l’utilisateur à partir de
dashboard -> appearace -> theme
. Dans votre cas, le thème enfant est actif, il recherchera donc un fichier dans le dossier de votre thème enfant. -
get_template_directory_uri() : Cette fonction recherchera les fichiers dans le dossier de votre thème parent.
Si vos fichiers sont présents dans le dossier du thème enfant, ajoutez ce code functions.php
pour appeler vos fichiers CSS
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_stylesheet_uri() ); //It will call your style.css file
wp_enqueue_style( 'style1', get_stylesheeet_directory_uri() . '/rtl.css' );
wp_enqueue_style( 'style2', get_stylesheeet_directory_uri() . '/assets/stylesheet/main.css' );
wp_enqueue_style( 'style3', get_stylesheeet_directory_uri() . '/assets/stylesheet/bootstrap.css' );
}
Dans le code ci-dessus parent-style
, style1
, , style2
, style1
sont le nom d’attribution de l’utilisateur et ce nom doit être unique. Et sur une seule ligne, un seul fichier sera appelé, donc si vous voulez appeler 4 fichiers, vous devez spécifier le chemin de tous les fichiers sur différentes lignes.
Remarque : Si vos fichiers sont présents dans le thème parent, vous devez les remplacer get_stylesheeet_directory_uri
par get_template_directory_uri
dans le code ci-dessus.
Pour plus de détails, lisez cet article.
0 commentaire