Как лучше подключать css файлы в шаблон Wordpress?

Question

[endgus]

Скажите как лучше? все стили запихнуть в один файл, или для отдельных шаблонов (кастомных) создавать отдельный файл css и подключать его только в этом шаблоне (с помощью условных функций)?
Как лучше будет в плане скорости и логики?

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

Answer 1

[YemSalat]

почему все стили не слить просто в один файл, и его просто в шаблоне шапки прописать?

Comments

[endgus]

Меня смущает что в этом одном файле будут находится стили которые не используются на остальных страницах. Хотя в принципе закэшируется этот файл при первом заходе.
Пытаюсь понять что лучше...

[YemSalat]

endgus: в большинстве случаев - лучше загрузить и закэшировать один файл, чем слать много запросов на кучу маленьких файлов.
Работать будет быстрее.

[endgus]

YemSalat: Спасибо

Answer 2

[id_baton4eg]

я подключаю таким образом:

add_action('wp_print_styles', 'add_styles');
if (!function_exists('add_styles')) {
function add_styles() {
if(is_admin()) return false;
wp_enqueue_style( 'bs', get_template_directory_uri().'/css/bootstrap.min.css' );
wp_enqueue_style( 'main', get_template_directory_uri().'/style.css' );
wp_enqueue_style( 'swipercss', 'https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4....' );

}
}

Comments

[YemSalat]

просто любопытно - зачем ПХП дергать, чтобы статичную строку в файл вставить? Почему руками ее туда просто не прописать и забыть?

[id_baton4eg]

YemSalat: правильное, рекомендуемое, управляемое подключение. По Вашей логике зачем дергать пхп если меню можно просто сверстать в шапке ?

[YemSalat]

id_baton4eg: потому что меню динамическое, его из админки можно редактировать.
> правильное
Объясните лучше, почему ваш вариант "правильный"?

> управляемое
чем вот это:
wp_enqueue_style( 'bs', get_template_directory_uri().'/css/bootstrap.min.css' );
более "управляемо" чем это:

[YemSalat]

сору, парсер съел:
link rel="stylesheet" href="<?= get_template_directory_uri() ?>/css/bootstrap.min.css"

[endgus]

YemSalat: Ну без аргументов в сторону "что быстрее?" это превратится в ХОЛИ ВАР.
Если стили подключаются на всех страницах то конечно удобней и понятней писать самому в хедер. Но WordPress не рекомендует так делать. Почему ? - незнаю

[YemSalat]

endgus: ну я вот кого не спрошу - никто не знает, просто Wordpress рекомендует и все..
Я бы вообще посоветовал следовать рекомендациям авторитетам во фронтенде, а не тем людям которые делают самую костыльную CMS в мире. (например у Гугла для разработчиков есть хорошие материалы на этот счет)
Сами попробуйте вспомнить - у вас когда-нибудь был случай, что для какой-то отдельной (не очень важной) страницы нужно очень много специализированных стилей, которые нигде больше на сайте не используются? У меня лично такого не было.

[id_baton4eg]

YemSalat: Вы удивительная натура, для чего даются рекомендуемые примеры использования в книгах по JS или PHP - инструкция для "лохов" ?) Можно например управлять местом вывода, или можно собирать минифицированный файл стилей, достаточно примеров использования ?)

[YemSalat]

id_baton4eg:
> для чего даются рекомендуемые примеры использования в книгах по JS или PHP
В основном для обхода "подводных камней" в этих языках.

> Можно например управлять местом вывода
Для стилей. И, кстати, часто вы "место вывода" меняете?

> можно собирать минифицированный файл стилей
ага, и запихивать туда уже минифицированный бутстрап?
wp_enqueue_style( 'bs', get_template_directory_uri().'/css/bootstrap.min.css' );

Сейчас вроде все и так собирают всякими Gulp'ами, но раз Вордпресс рекомендует..

Моя основная мысль в том, что разумеется нужно следовать "лучшим практикам" в работе, но Вордпресс - не то место где эти "лучшие практики" обитают. А еще свою голову на плечах иметь тоже полезно.

Answer 3

[Александр Зубов]

ответ выше , добавлю только то что сначала сделай пару бекапов )))