Как подключить несколько стилей для дочерней темы wordpress?

Question

[evgeny2017]

Рядом с основным стилем в папке с родительской темой лежит файл стиля responsive.css . Возникла необходимость поменять стили в мобильной версии, не затрагивая оригинальный родительский.

Удалось через дочернюю тему поменять основной стиль, но не получается подключить стиль для мобильных аппаратов. Делаю так:

function my_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'responsive', get_template_directory_uri() . '/responsive.css' );
wp_enqueue_style( 'style', get_stylesheet_uri() );
}

В файле style.css (в дочерней теме, который лежит) в начале пишу:

media screen and (max-width:840px){

#nav-main {

нужный мне код (не буду писать тут лишний раз)

}

}

Подскажите, что не так делаю?

Answer 1

[evgeny2017]

В общем все решилось следующим образом, если кому надо (все дело в приоритетах):

Суть заключается в том, что по приоритету вначале должны грузится наши стили (которые мы решили изменить).

Если по приоритету грузится файл стилей дочерней темы (что должно быть так), и Вам надо добавить измененные стили для мобильного вида, к примеру, то нужный вам код нужно добавлять в конец файла стилей дочерней темы.

Приоритет загрузки файла стилей можно повысить, добавив цифру 12 в следующий код:
add_action( 'wp_enqueue_scripts', 'my_enqueue_styles',12 );

Где my_enqueue_styles - это название вашей функции, в которой вы подключаете стили, которая должна выполняться с приоритетом 12 в нашем случае.

Answer 2

[Вася Петров]

Но я не пойму, как подключить responsive.css

Аналогично, с пом той же функции wp_enqueue_style.

По русски: https://wp-kama.ru/function/wp_enqueue_style

Comments

[evgeny2017]

А можно подробнее, на примере того когда. что я привел...не соображу как использовать

[evgeny2017]

Еще одну такую же строку добавить под wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); с указанием нужного файла стилей?

[Вася Петров]

evgeny2017: угу, только не 'parent-style', а уникальный идентификатор. См в ман:

(string) (Required) Name of the stylesheet. Should be unique.

[Вася Петров]

Добавил в ответ ещё ссылочку.

[evgeny2017]

Не получается подключить стиль для мобильных аппаратов. Делаю так:

function my_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'responsive', get_template_directory_uri() . '/responsive.css' );
wp_enqueue_style( 'style', get_stylesheet_uri() );
}

В файле style.css (в дочерней теме который лежит) в начале пишу:

media screen and (max-width:840px){

#nav-main {

нужный мне код (не буду писать тут лишний раз)

}

}

Подскажите, что не так делаю?

[evgeny2017]

перед медиа собачка @ стоит

[Вася Петров]

evgeny2017: тут не форум, в ФАК-сервис.

[evgeny2017]

Не понял Вас, что Вы имеете ввиду под ФАК-сервис? Я понимаю, что тут не форум. Мне бы узнать, в чем причина того, что у меня не получается...

[evgeny2017]

И куда задавать вопрос можно, если тут решения не подскажут? Я просто впервые тут.

[Вася Петров]

evgeny2017: ФАК=FaQ=Вопрос-ответ. Не предназначено для обсуждений (да и просто неудобно). Задал вопрос-получил ответ, отметил решено (если помогло конечно). Для уточнений можно править вопрос, а для новых вопросов - https://toster.ru/question/new