Подключение css и js файлов в WordPress

Подключение стилей и скриптов, осуществляется в файле functions.php, создайте его в корне своей темы.

Все стили и скрипты прописываются в отдельной функции, в моем случае она будет называться travelblog_resources(). Далее эту функцию необходимо указать в хуке wp_enqueue_scripts, который в свою очередь срабатывает в момент вызова функции wp_head(), поэтому не забудьте добавить последнюю в файл header.php.

Подключение CSS стилей в WordPress

Подключаемый CSS файл сначала нужно зарегистрировать с помощью функцииwp_register_style()и затем добавить его в очередь на подключение, используя функцию wp_enqueue_style('имя файла').

wp_register_style('имя файла', 'путь к файлу', array('массив','зависимых стилей'), 'версия', 'тип устройства')

Файл стилей можно также зарегистрировать используя только функцию wp_enqueue_style().

Подключим стандартный файл стилей style.cssи файл /css/contact-page.css, который будет выводится только на странице контактов.

Файл style.css регистрировать не нужно. Он зарегистрирован по умолчанию.

Откроем файл functions.php и укажем в нем следующий код.

Подключение JS скриптов в WordPress

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

Регистрацию скрипта обеспечивает следующая функция.

wp_register_script('имя скрипта', 'путь к файлу', array('массив', 'зависимых скриптов'), 'версия', 'установить в футер').

После регистрации скрипта его можно установить на сайт по его имени.

wp_enqueue_script('имя скрипта')

Регистрацию и подключение скриптов можно выполнить сразу в одной функции wp_enqueue_script().

Для примера откроем файл functions.php и подключим несколько скриптов.