Підключення jquery в wordpress (правильний спосіб), черговий блог фрілансера
Підключення JQuery в WordPress (правильний спосіб)
Я багато разів писала про JQuery, в тому числі і спільне його використання в WordPress. Але про найголовніше - про те як же все-таки правильно підключити його в шаблон, не разу не говорила, оскільки не надавала цьому великого значення. І сьогодні настав час виправитися, і написати невелику замітку про це.
Якщо хочете, ви можете просто завантажити JQuery, покласти на свій сервер і прописати посилання на нього в header.php. в секції
. Але це може заподіяти вам незручності. Одна з причин - деякі плагіни використовують бібліотеку JQuery, намагатимуться її завантажити. Це може викликати проблеми, оскільки доданок не буде відомо, що вона вже завантажена.Друга причина в тому, що Worpress вже включає в себе копію JQuery. Далі ви дізнаєтеся як можна завантажити JQuery в свою тему, правильним способом. Вставте цей код в файл header.php. в секції
:$ handle
(Рядок) (обов'язковий) Назва скрипта. Без регістра.
За замовчуванням: Немає
$ src
(Рядок) (необов'язковий) Шлях до скрипту з кореневої директорії WordPress. Наприклад: «/wp-includes/js/scriptaculous/scriptaculous.js«. Цей параметр необхідний тільки коли WordPress нічого не знає про це скрипті.
За замовчуванням: Немає
$ deps
(Масив) (необов'язковий) Масив покажчиків на будь-які скрипти, від яких залежить цей скрипт; скрипти, які повинні бути завантажені до цього скрипта. false - якщо залежностей немає. Цей параметр необхідний тільки в тому випадку, коли WordPress нічого не знає про це скрипті.
За замовчуванням: Немає
$ ver
(Рядок) (необов'язковий) Рядок вказує номер версії скрипта, якщо їх декілька. За замовчуванням значення false. Цей параметр використовується для забезпечення написати листа користувачу, правильної версії скрипта, незалежно від кеша, і він обов'язково повинен бути включений, якщо доступний номер версії, і він впливає на роботу скрипта.
За замовчуванням: Ні).
В принципі ви вже можете діяти, але є деякі міркування. Наприклад, уникнути в майбутньому можливих конфліктів з іншими бібліотеками. Ви звичайно не збираєтеся відразу використовувати кілька JS-бібліотек, але краще передбачити, ніж потім шкодувати.
Щоб максимально убезпечити себе від конфліктів, в можете перевести JQuery в «неконфліктний» режим і використовувати інший шорткод. У нашому прикладі «$ j» замість дефолтного «$». Стандартний шорткод «$», наприклад, може конфліктувати з Prototype. Далі приклад безпечного використання JQuery:
Чи можете ви дізнатися цей код? Ми використовували його для додавання анімації посилань в сайдабре теми.