Порядок стилей в дочерней теме

Тема родителя содержит следующий код для включения стилей.

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

В дочерней теме я просто импортировал стили родительской темы, используя

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

Но порядок таблиц стилей:

  • style.css (детская тема)
  • bootstrap.min.css
  • responsive.css

Какая модификация необходима в родительской функции, чтобы включить стиль child.css дочерней темы в последнем порядке? Мне нужно:

  • bootstrap.min.css
  • responsive.css
  • style.css (детская тема)

Solutions Collecting From Web of "Порядок стилей в дочерней теме"

Функция wp_enqueue_style имеет параметр $deps for wp_enqueue_style .

$ deps (array) (необязательно) Массив ручек любой таблицы стилей, от которой зависит эта таблица стилей; таблицы стилей, которые должны быть загружены перед этой таблицей стилей. false, если нет зависимостей. По умолчанию: array ()

Используйте этот параметр для определения зависимостей, и у вас есть заказ.

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