Як перевірити роботу jquery на wordpress, підключення jquery
Як потрібно підключати скрипти
У WordPress, процес підключення скриптів називається «enqueueing» (приблизно, постановка в чергу).
По суті, вони роблять те ж саме, тобто додають сценарій на сторінку тегом. але при цьому, правильно обробляються всі залежності, що дозволяє дотримуватися черговість підключення.
Таким чином, якщо ви працюєте з темою, то вам потрібно використовувати функцію wp_enqueue_script () у файлі functions.php. Тільки так ви зможете організувати правильне підключення скрипта, що не приводить до конфліктів з вбудованими бібліотеками. Це виглядає так:
Ця функція приймає 5 аргументів, які потрібно вказувати для підключення власного скрипта. У ці аргументи входять такі дані, як:
Зверніть увагу, хоч масив залежностей вказувати і не обов'язково, але якщо ваш сценарій залежить від якоїсь бібліотеки, то бажано все-таки це зробити. Це потрібно для того, щоб він завжди завантажувався після основної бібліотеки. Так само, останній аргумент має значення true, щоб підключення відбувалося в кінці сторінки і не уповільнювало її завантаження.
Крім цієї функції, ви також можете зробити підключення сценарію тільки в панелі адміністратора або на сторінці входу. Для цього, існують такі хукі, як admin_enqueue_scripts () і login_enqueue_scripts () відповідно. Вони приймають точно такі ж параметри, як і в попередньому випадку.
Режим сумісності
WordPress поставляється з уже встановленою в ядрі бібліотекою, яку вам необхідно використовувати в своєму коді. Коли вона завантажується, то включається режим сумісності, що гарантує відсутність конфліктуючих між собою бібліотек.
Через це режиму сумісності, вам не можна користуватися в своїх сценаріях псевдонімом ідентифікатора $, як в інших проектах. Коли ви пишете для WordPress, вам обов'язково потрібно робити пряме звернення замість псевдоніма, інакше висока вірогідність отримання помилок сумісності. Ось що мається на увазі:
Погодьтеся, якщо кожен раз, у всіх своїх функціях, використовувати повний запис замість простого псевдоніма $, то код стає занадто роздутим і його важко навіть просто прочитати, не те що перевірити. А якщо ви розробник повноцінного плагіна, з власної сторінкою в панелі адміністратора і т.д. то функцій у вас стає дуже багато, а це взагалі кошмар. На щастя, цю проблему досить просто вирішити, зробивши всього кілька змін в коді.
Якщо ви завантажуєте свої сценарії тільки в кінці сторінки, то ви можете обернути їх код в просту анонімну функцію, щоб прирівнювати повний запис до псевдоніму. Це виглядає так:
Якщо ви, все-таки, завантажуєте свої сценарії на початку сторінки (чого бажано не робити), то ви можете просто включити весь код в функцію document-ready, передаючи псевдонім $ по шляху. Ось так:
Використовуйте умовні теги
Багато розробники рекомендують використовувати умовні теги для своїх сценаріїв, щоб завантажувати їх тільки тоді, коли це необхідно. Найчастіше, подібний підхід застосовують для панелі адміністратора, де потрібне підключення сценаріїв тільки на конкретній сторінці, а не на всій панелі.
Це значно економить пропускну здатність і час обробки сторінки, що означає більш швидке завантаження вашого сайту. Більш детально з цим підходом можна ознайомитися в кодексі Вордпресс, на сторінці хука admin_enqueue_scripts ().
Додавати прості скрипти в WordPress зовсім не складно, якщо знати, як правильно це робиться. Звичайно, тут все трохи заплутаніше, ніж у звичайному HTML, але це дає і додаткові переваги. Наприклад, ви можете самостійно управляти залежностями, що виключає можливість виникнення конфліктів практично повністю.
Схожі матеріали
