web-dev-qa-db-fra.com

Style.css dans le thème enfant est chargé avant Bootstrap

Lorsque je mets en file d'attente Bootstrap avec wp_enqueue_style(), Bootstrap est chargé après le style.css du thème enfant et remplace le style.css. Une façon de charger style.css après Bootstrap consiste également à mettre en file d'attente style.css, mais cela le chargera deux fois. Une idée de comment mettre en file d'attente style.css une fois ET après Bootstrap? Merci!

2
newjonnydepony

Généralement, le thème parent pourrait contenir le style.css du thème enfant, si vous pouvez le retirer de la file d'attente à l'aide de handle, puis mettre en file d'attente avec la dépendance appropriée.

Si le handle du thème enfant est child-theme-style, supprimez-le ensuite en utilisant

wp_dequeue_style('child-theme-style')

puis mettez-le en file d'attente au besoin.

wp_enqueue_style('child-theme-dep',get_stylesheet_uri(),array('bootstrap-handle-here'))

 enter image description here 

Nous pouvons facilement connaître l’URL de la feuille de style du thème enfant en consultant le lien affiché en tête, par exemple dans l’image jointe.

<link rel='stylesheet' id='hybrid-style-css'  href='https://wptavern.com/wp-content/themes/stargazer-child-dev/style.css?ver=4.6.1' type='text/css' media='all' />

Il nous dit que le descripteur de file de mise en file d'attente du thème enfant est hybrid-style, qui est leidsans -css.

5
bravokeyl

Bonnes nouvelles. C'est une reparation facile. WordPress vous permet de déclarer des dépendances lors de l'enregistrement de scripts et de feuilles de style. Répertoriez simplement les actifs que vous souhaitez charger plus tôt en tant que dépendances des actifs ultérieurs.

https://codex.wordpress.org/Function_Reference/wp_register_style

Cela fonctionne à la fois pour les scripts et les styles et constitue le moyen recommandé de contrôler l'ordre de chargement.

3
jdm2112