0
79
2017-12-12

WordPress - Используем библиотеки JavaScript, размещенные в Google

Поговорим о том как правильно подключать Java Script библиотеки расположенные на серверах Google
Понравилась страница? Поставь свою оценку!
PLUGIN_STAR_RATINGS.SCORE_TEXTPLUGIN_STAR_RATINGS.VOTES_TEXT

Что бы использовать библиотеки JavaScript, размещенные в Google что сам гугл даже поощряет. Если вы хотите, вы можете подключить скрипты по-прежнему используя надлежащую wp_register_script функцию.

Но начиная с WordPress 3.3, лучший способ сделать это, используя правильный крюк (спасибо Дэвиду Холландеру). Просто добавьте этот код в свой functions.php файл:

//jQuery Insert From Google
if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
function my_jquery_enqueue() {
   wp_deregister_script('jquery');
   wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", false, null);
   wp_enqueue_script('jquery');
}

Эта последняя строка выводит сценарий в очередь для вас, поэтому вам не нужно делать это снова в заголовке. Предполагая, что у вас есть правильный wp_head(). Обратите внимание, что мы завернули это в условный тег, чтобы предотвратить это действие на страницах администратора. Поскольку эта версия jQuery, размещенная в Google, и не находится в noConflict режиме, она мешает редактору расширенного текста в админ панели.

Подключен может быть только один скрипт

Помните, что другие материалы WordPress (плагины, функции темы и т. Д.) Знают, что скрипт уже загружен, поэтому не загружайте другую копию. Загрузка двух копий библиотеки JavaScript - это просто Ваша головная боль если не сейчас то позже.

Кроме того, я всегда использую jQuery в качестве примера, но, конечно, это будет работать с любой популярной библиотекой JavaScript. Например, путь MooTools в Google:

https://ajax.googleapis.com/ajax/libs/mootools/1.2.2/mootools-yui-compressed.js

Руководство API API разработчика AJAX от Google .

Еще кое-что

ТАКЖЕ ... Есть огромное количество скриптов, готовых для вашего использования в WordPress. См. Полный список здесь .

Дэвид написал, чтобы сообщить нам, что он работал в среде HTTPS, и использовал это изменение, чтобы убедиться, что URL-адрес поддерживаемой Google версии jQuery должным образом обслуживается с HTTPS при необходимости:

if (!is_admin()) {
   wp_deregister_script('jquery'); 
   wp_register_script('jquery', ("http".($_SERVER['SERVER_PORT'] == 443 ? "s" : "")."://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"), false, '1.4.2');
   wp_enqueue_script('jquery');
}

Или, проще говоря, вы всегда можете ссылаться на версию HTTPS и спокойно работать дальше.

Статья была переведена для блога TechBlog.SDStudio.top
Источник: https://digwp.com