it-swarm.com.de

Reihenfolge der Stylesheets im untergeordneten Thema

Das übergeordnete Thema enthält folgenden Code zum Einschließen von Stilen.

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' );

Im untergeordneten Design habe ich gerade die Stile des übergeordneten Designs mit importiert

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

Die Reihenfolge der Stylesheets ist jedoch:

  • style.css (untergeordnetes Thema)
  • bootstrap.min.css
  • responsive.css

Welche Änderung ist in der übergeordneten Funktion erforderlich, um style.css des untergeordneten Themas als letztes in die Reihenfolge aufzunehmen? Ich brauche:

  • bootstrap.min.css
  • responsive.css
  • style.css (untergeordnetes Thema)
1
Nilambar

Die Funktion wp_enqueue_style hat den Parameter $deps für abhängig.

$ deps (Array) (optional) Array von Handles eines Stylesheets, von dem dieses Stylesheet abhängt; Stylesheets, die vor diesem Stylesheet geladen werden müssen. false, wenn keine Abhängigkeiten vorliegen. Standard: array ()

Verwenden Sie diesen Parameter, um die Abhängigkeiten zu definieren, und Sie haben eine Bestellung.

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