web-dev-qa-db-fra.com

Ordre des feuilles de style dans le thème de l'enfant

Le thème parent a le code suivant pour inclure les styles.

function blue_planet_scripts() {
    wp_enqueue_style( 'blue-planet-style', get_stylesheet_uri() );
    wp_enqueue_style( 'blue-planet-style-bootstrap', get_template_directory_uri().'/css/bootstrap.min.css', false ,'3.0.0' );
    wp_enqueue_style( 'blue-planet-style-responsive', get_template_directory_uri().'/css/responsive.css', false ,'' ); 
}
add_action( 'wp_enqueue_scripts', 'blue_planet_scripts' );

Dans le thème enfant, je viens d'importer les styles du thème parent à l'aide de

@import url("../blue-planet/style.css");

Mais l'ordre des feuilles de style est:

  • style.css (thème enfant)
  • bootstrap.min.css
  • responsive.css

Quelle modification est nécessaire dans la fonction parent pour inclure le style.css de l'enfant thème en dernier dans l'ordre? J'ai besoin:

  • bootstrap.min.css
  • responsive.css
  • style.css (thème enfant)
child-themestylesheetparent-theme
1
Nilambar

La fonction wp_enqueue_style a le param $deps pour dépend.

$ deps (array) (facultatif) Tableau de descripteurs de toute feuille de style dont dépend cette feuille de style. feuilles de style devant être chargées avant cette feuille de style. false s'il n'y a pas de dépendances. Par défaut: array ()

Utilisez ce paramètre pour définir les dépendances et vous avez un ordre.

function blue_planet_scripts() {
    wp_enqueue_style( 'blue-planet-style', get_stylesheet_uri() );
    wp_enqueue_style( 'blue-planet-style-bootstrap', get_template_directory_uri().'/css/bootstrap.min.css', 'blue-planet-style' ,'3.0.0' );
    wp_enqueue_style( 'blue-planet-style-responsive', get_template_directory_uri().'/css/responsive.css', 'blue-planet-style-bootstrap','' ); 
}
add_action( 'wp_enqueue_scripts', 'blue_planet_scripts' );
1
bueltge