Как подключить собственный файл стилей

Есть несколько способов подключения файла стилей для сайта на WordPress. Например, пусть наша таблица стилей называется reset.css и находится в папке с темой.

Для подключения достаточно в header.php между тегами <head> и </head> поместить инструкцию html:

Однако wordpress рекомендует подключать стили с помощью специальных функций, которые размещаются в файле functions.php. Такой подход является очень удобным когда, например, мы не можем вносить изменения в файлы темы.

В этом случае нам необходимо разместить functions.php следующий код:

Подробнее о коде:

  • function new_style_load() — произвольное название функции;
  • $theme_uri = get_template_directory_uri(); — get_template_directory_uri — это путь к текущей теме; значит подключаемый файл должен находится внутри этой папки;
  • wp_register_style(‘new_style’, $theme_uri.’reset.css’); — new_style — это произвольный идентификатор стиля; reset — это наш подключаемый файл; функция wp_register_style как и следует из ее название регистрирует стиль;
  • wp_enqueue_style(‘new_style’); — данная функция помещает таблицу стилей в очередь файлов стилей; идентификатор должен быть тот же, что и в предыдущей строке;
  • add_action(‘wp_enqueue_scripts’, ‘new_style_load’); — выполняет нашу функцию, указанную в качестве второго параметра, при загрузке скриптов.

Добавьте комментарий