Close

Подключение библиотеки jQuery в теме WordPress

Пожалуй, самый удобный вариант — подключить с сайта Google.

В Google есть дочерний проект под названием Google Libraries API. Этот проект предоставляет API для JavaScript разработчиков, позволяющее им подключать разные библиотеки.

<!—https://developers.google.com/speed/libraries/devguide#jquery—>

Что чем же заключается преимущество того, что эта библиотека будет загружаться не с Вашего сайта, а с сайта Google? Такой вариант лучше тем, что это положительно скажется на скорости загрузки веб-страницы у пользователя. И дело здесь не в том, что скорость передачи данных с сайта Google выше, чем с Вашего собственного сайта. Дело скорее в том, что многие сайты подключают jQuery через Google API, а это значит, что с большой долей вероятности эта библиотека уже присутствует в кэше браузера пользователя, и она не будет загружаться второй раз вообще.

Чтобы подключить jQuery с сайта Google на свою страницу, необходимо всего лишь задать значение атрибута SRC тега SCRIPT на адрес библиотеки на сайте Google API. На данный момент последняя версия jQuery имеет там такой адрес:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

Однако, в случае подключения библиотеки указанным выше способом велика вероятность возникновения затруднений в работе сайта связанных с последовательностью загрузки скриптов. Дело в том, что WordPress также подключает jquery, например, для админ панели и есть вероятность, что возникнет конфликт версий или двойная загрузка.

Решение 1. Для решения проблемы в CMS WordPress предусмотрен механизм безопасного подключения скриптов и библиотеки jQuery в частности. В файл functions.php необходимо добавить:

function jquery_init() {
 if (!is_admin()) {
 wp_enqueue_script('jquery');
 }
 }
 add_action('wp_enqueue_scripts', 'jquery_init');

Или Решение 2. 

function my_scripts_method() { 
wp_deregister_script( 'jquery' ); 
wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'); 
wp_enqueue_script( 'jquery' ); 
} 
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

Так, мы избегаем регистрации альтернативной версии jQuery на страницах панели управления.

Больше по теме: Codex WordPress


Поделитесь статьей «Подключение библиотеки jQuery в теме WordPress»

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

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

Автор: Stas Zygar

Привет! С наступившим новым годом! Всем счастья.