Підключення плагінів jquery до wordpress (відповідь або правильне керівництво)
Це відповідь на попередню статті і розгорнуте керівництво до дії, щоб уникнути частих помилок при підключення jQuery.
У більшості випадків написане в попередній статті ні кому не потрібно. Принаймні, саме в такому, описаному в статті, вигляді. Вище я вже згадував, що майстри знають принцип, а решта люди просто ставлять плагін WP або тему (наприклад, слайдер або зі слайдером відповідно), які (плагіни і теми) самі підключають скрипт jQuery, якщо він потрібен.
Підключення jQuery стандартними WP засобами
Як згадувалося в попередній статті, щоб підключити jQ, досить в "wp-content / themes / (назва теми) /header.php" ( «він же заголовок»: lol: Дякую, посміхнувся) перед рядком
прописати
Це дозволить в нашій темі підключити jquery.js. розташований в "wp-includes / js / jquery /".
Якщо ж вам дісталася тема, в якій немає wp_head () ;. то має сенс додати його перед закриває тегом . І варто подивитися, може у вас відразу після цього з'явиться вже підключений jQ. Якщо немає, то варто виконати описане вище дію.
плюси:
- Підключається по Фен-шую, одним рядком коду;
- Ні дублюючих підключень;
- Можливий контроль версії (див. Нижче).
мінуси:
- Ні контролю за версіями, все залежить від версії встановленої розробниками і відповідно версії WP. Виняток см. Нижче;
- Помилки в призначених для користувача скрипти (див. Нижче).
Проблеми стандартного способу підключення
Після підключення може виникнути проблема з непрацюючими користувацькими скриптами (вашими скриптами, ви адже саме для своїх скриптів підключили jQ ?!). Я якось зіткнувся з такою проблемою. Сам на той момент, після написання купи коду вже тупив і не без допомоги гуру tigra60 знайшлася відповідь, про який і піде мова нижче.
Підключення своєї версії jQuery стандартними WP засобами
Таким же чином можна поліпшити наш фен-шуй і помістити підключення jQ в футер, для цього треба в кінці другого рядка додати TRUE:
Якщо ви пишете свою тему, то можна модифікувати дані рядка і покласти скрипт в папку з темою.
Таким чином, підключиться в футер нашого шаблону скрипт з директорії з нашою темою.
Точно також можна підключити скрипт з будь-якого CDN
плюси
- Все той же феншуй;
- Контроль версій;
- Ні дублів;
- У третьому і четвертому випадку - ви можете бути впевнені, що ваша тема буде працювати у інших і буде саме з вашим файлом скрипта.
- У четвертому випадку ще й CDN підключаються.
Мінус в як таких немає. Можна, звичайно, притягнути за вуха:
- Незначне підвищення навантаження на сервер (перший і другий випадок);
- Зайвий запит до вашого сервера (перший і другий випадок), на відміну від підключення з CDN;
- Як і у всіх інших варіантах нижче. при оновлення WP через відсутність noConflict або відмінності в версіях може статися непередбачене, і штатні скрипти WP перестануть працювати, що мало ймовірно.
wp_deregister_script
Ця функція руйнує раніше зарезервоване ім'я для скрипта (див. Нижче).
Трохи подробиць про wp_register_script (вільний переклад)
$ Handle - Унікальне ім'я скрипта, яке використовується в функції wp_enqueue_script (). У Вордпресс є список зарезервованих імен. Однак за допомогою цієї функції можна створити і свої скрипти, які будуть викликатися в шаблоні через wp_enqueue_script () і буде захист від дублів.
Значення за замовчуванням: None;
$ Src - шлях до підключається файлу. Можна використовувати як абсолютні шляхи, так і шляхи, одержувані через GET функції (get_.).
Значення за замовчуванням: None;
$ Deps - залежність скрипта від інших. Тут можна перерахувати перелік скриптів, які повинні завантажитися до нашого скрипта. Наприклад, якщо ми створили свій скрипт, який залежить від jQ, то тут можна його оголосити, і тоді нам не доведеться спеціально викликати окремо jQ, він сам підвантажиться автоматично. наприклад
Значення за замовчуванням: array ();
$ In_footer - оголошує де підключати скрипти - в хедері або футере.
Значення за замовчуванням: false;
Підключення jQuery «дідівським» способом
Даний спосіб дозволяє без будь-яких знань WP, в тому числі спец. функцій, підключити jQ.
Досить завантажити файл необхідного скрипта на сайт. Наприклад, в папку з темою, що дозволить тягати його разом з темою.
І в header.php прописати
Думаю, тут все зрозуміло без пояснень. Саме таким чином зазвичай підключаються всі скрипти.
Можна зробити невелике поліпшення підключення, на випадок, якщо ви будете надалі змінювати домен або поширювати шаблон (хоча з дідівським способом підключення я б не радив поширювати шаблон)
плюси:
- Контроль версій
- У другому випадку «мобільність» - не залежить від домену та структури сайту (буває ж переміщують / перейменовують папки для захисту)
- Ні зайвих запитів і навантаження на PHP.
мінуси:
- У першому варіанті - прихильність до домену
- Можливі дублі підключення
Підключення jQuery з GoogleApis (Google CDN), Яндекc API (Яндекc CDN) або jQuery Сode.
Можна підключити з GoogleApis актуальну версію
Однак з виходом нової версії jQ ваш код може «зламатися». Для такого випадку можна підключити «особливу» версію
Цей код необхідно вставити в шапку шаблону в header.php між тегами