Есть несколько способов подключения файла стилей для сайта на WordPress. Например, пусть наша таблица стилей называется reset.css и находится в папке с темой.
Для подключения достаточно в header.php между тегами <head> и </head> поместить инструкцию html:
1 |
<link rel='stylesheet' type='text/css' href='reset.css'> |
Однако wordpress рекомендует подключать стили с помощью специальных функций, которые размещаются в файле functions.php. Такой подход является очень удобным когда, например, мы не можем вносить изменения в файлы темы.
В этом случае нам необходимо разместить functions.php следующий код:
1 2 3 4 5 6 |
function new_style_load() { $theme_uri = get_template_directory_uri(); wp_register_style('new_style', $theme_uri.'/reset.css'); wp_enqueue_style('new_style'); } add_action('wp_enqueue_scripts', 'new_style_load'); |
Подробнее о коде:
- 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’); — выполняет нашу функцию, указанную в качестве второго параметра, при загрузке скриптов.