@legeida

Как подключить скрипты для Wordpress одним файлом, чтобы они работали на всех страницах?

Скрипт, который должен работать на одной странице, вызывает ошибку на другой (например, Cannot read property 'addEventListener' of null). Нужно разбивать скрипты на разные файлы для разных страниц, допустим, script-home.js или script-medie.js или можно как-то сделать так, чтобы не выбивало ошибки?
  • Вопрос задан
  • 50 просмотров
Пригласить эксперта
Ответы на вопрос 3
Lord_Dantes
@Lord_Dantes
Чат джунов t.me/developersjunior
В functions php можно подключать нужный файл к нужной странице.
Ответ написан
wapster92
@wapster92 Куратор тега JavaScript
const item = document.querySelector('.item')
if(item) {
  item.addEventListener('click', e => {
    
  })
}

Использовать такую конструкцию.
Ответ написан
OtshelnikFm
@OtshelnikFm Куратор тега WordPress
Мои работы: otshelnik-fm.ru
В документации явно сказано как - wp_enqueue_script функция позволяет указать зависимости.

Подключай скрипты согласно кодексу ВП и указывай зависимости у зависимых скриптов.
Используй условные теги вордпресс чтобы сделать проверку - там ли ты и в зависимости от этого подключать нужные скрипты.

Если объем js большой и логически поделить на home-page.js (ну например потому что только там слайдер и в js как раз он) и single.js (загружать на одиночной странице - например скрипт для комментариев) - то это здравая идея. И пофиг что скажут про производительность - что отдельные файлы надо сжимать в один - они из тех кто не знает о http/2 протоколе

Можно еще скрипты, которые для залогиненных или для гостей отдельно вынести (например для гостя - скрипт работы всплывающей формы входа)

Аналогично для css. Вордпресс мощный фреймворк - он позволяет подойти с умом.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы