Как к wordpress подключить jquery?
17.04.2018
Всех приветствую. Писал я тут как-то о подключении библиотеки jquery, но тот способ годится только для статического сайта. А как к движку wordpress подключить jquery? Тут нужно действовать по-другому.
Дело в том, что если вы просто где-нибудь перед закрывающим тегом body напишете так:
То библиотека абсолютно никак не подключится просто потому, что адрес указан неверно. WordPress будет искать прописанный путь от корня сайта. А в корне у вас наверняка нет папки js. Тут есть 2 варианта решения проблемы:Из HTML в WordPress для новичков (Часть 2). Подключаем CSS и JavaScript
Прописать в атрибуте src абсолютный адрес, то есть http://... Но в этом случае подключение сработает только на текущем домене, при переносе шаблона в другое место все перестанет работать. Прописать относительный адрес от корня — wp-content/themes... В этом случае корректность подключения будет зависеть от названия и структуры шаблона — если ничего не менять, то все будет работать. Но опять же, лучше пойти более универсальным путем.
Оба способа в принципе подходят, но неправильны с точки зрения самого wordpress, ведь в движке заложены специальные функции, которые позволяют безопасно подключать скрипты и стили к шаблону, в том числе и jquery. Сейчас мы рассмотрим эти функции.
Как подключить скрипты и стили к Wordpress (Часть 2)
Для этого вам нужно соединиться с сайтом по ftp (как, смотрите тут ), либо зайти из админки Внешний вид — Редактор . В общем, получить возможность редактирования кода.
Далее вам нужно найти functions.php, именно в него мы будем вставлять наш код для подключения библиотеки. Вот сам код, вставьте его в начало или конец файла:
function load_jquery (){
wp_enqueue_script ('jquery_me', get_template_directory_uri ().'/js/jquery-3.0.0.min.js'); }Это код из шаблона одного из моих сайтов, вам, скорее всего, придется подредактировать его под себя. Тут мы пишем свою пользовательскую функцию, в которой вызываем функцию wp_enqueue_script. Она, в свою очередь, имеет 2 параметра: название (заполняем произвольно) и путь к файлу. Чтобы получить универсальный путь, используем функцию get_template_directory_uri() и соединяем ее со строкой, где прописывается путь уже исходя из корня шаблона.