Добавление скриптов и стилей в wordpress

Как правильно подключать CSS и скрипты в WordPress.

Создаю эту страницу для того, чтобы было удобно скопировать-вставить в проект готовую конструкцию. В файле functions.php создаём следующую функцию:

 

wp_register_style( $handle, $src, $deps, $ver, $media );

$handle — имя файла, $src — URL до css файла , $deps — массив названий стилей от которых зависит добавляемый (они должны быть зарегистрированы ранее), $ver — версия стиля, $media — список типов устройств или медиа для которых предназначен данный стиль.

wp_register_script( string $handle, string $src, array $deps = array(), string|bool|null $ver = false, bool $in_footer = false )

Все параметры — те же, что и у предыдущей функции, кроме последнего. $in_footer — если true, то скрипт будет вставлен в footer до </body> вместо <head>. По-умолчанию ‘false’.

  • Параметры для wp_enqueue_script и wp_enqueue_style.

При регистрации script файлов и файлов стилей при помощи функций wp_register_script и иwp_register_style никаких дополнительных параметров (кроме зарегистрированного имени скрипта/стиля) указывать не нужно.

Полезные дополнения.

  • wp_dequeue_style(‘my_style’) — удаляет из очереди на вывод css файл стилей. Если на некоторых страницах не нужно выводить этот файл, тогда его можно отключить.
  •  wp_style_is() определяет был ли файл стилей зарегистрирован, добавлен в очередь на вывод, выведет на экран или ожидает вывода.
  • wp_style_add_data() — добавляет данные для подключаемых с помощью wp_enqueue_style() файлов стилей. Используйте когда, например нужно подключить стили только для IE.

WordPress как подключить определенные стили/скипты только на одной странице?

is_single — для записи
is_page — для страниц