Как подключить jQuery к WordPress

Как подключить jQuery к WordPress

Как подключить jQuery к WordPress

Библиотека jQuery давно завоевала популярность и обосновалась на множестве сайтов. Она значительно облегчает труд программиста. Подключить ее на статичном сайте не составляет труда, достаточно в head прописать путь к ней. Вы можете разместить библиотеку на своем сайте

 

 

 

<script type="text/javascript" src="путь к скрипту jQuery"></script>

а можно подгружать ее со стороннего сайта, например с Google

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>

Таким образом, мы подключим к сайту последнюю версию библиотеки. Если же надо подключить jQuery конкретной версии, то код будет другой:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

Так мы подключим jQuery версии 1.7.1. Но все эти способы плохо подходят для подключения jQuery в WordPress.

Подключаем jQuery к WordPress

Дело в том, что плагины, виджеты, темы могут сами пытаться подгрузить jQuery не подозревая, что она уже используется. А между тем WordPress уже включает в себя jQuery. И чтобы ее использовать надо открыть файл header.php темы, найти там секцию <head> и вставить в ней следующий код

<?php wp_enqueue_script("jquery"); ?>

Обязательно убедитесь в том, что этот код вставлен ПЕРЕД строкой

<?php wp_head(); ?>

а если такой строки нет, то добавьте ее. Вот теперь наша тема готова к использованию jQuery и мы можем писать скрипты (например для такой галереи) или подключать расширения jQuery и пользоваться ими.

Меток нет. Похожие записи
Запись опубликована в рубрике CMS, WordPress, Создание сайтов. Добавьте в закладки постоянную ссылку.

2 комментария: Как подключить jQuery к WordPress

  1. Slavik говорит:

    Спасибо за инфу , но для чайников ещё бы по понятней только начал вникать в эту тему с jQuery и с остальной байдой и хотелось бы по понятней , что открывать и где оно лежит так сказать по шагово без длинных описаний но со сносками . Утебя нашёл , что работаем с (надо открыть файл header.php темы,) . Респект и уважуха…

  2. Equilm говорит:

    Теперь всё понятно, благодарю за информацию.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>