Содержание
Как правило, рекомендуется включить библиотеки и плагины JavaScript / jQuery внизу страницы, непосредственно перед закрытием body
тег. Причина проста: спецификация HTTP / 1.1 предполагает, что браузеры загружают не более двух ресурсов параллельно.
С помощью wp_enqueue_script
это лучший способ загрузить JavaScript
а также jQuery
в ваш шаблон WordPress. Это позволяет лучше контролировать, когда и где JS загружается на вашем сайте. Вот быстрый хук, который я использую в своей теме Genesis Framework для правой боковой панели. Добавьте приведенный ниже код в файл functions.php вашей дочерней темы.
1
2
3
4
5
|
// Ставим липкий скрипт меню — Crunchify Tips
add_action ( 'wp_enqueue_scripts' , 'crunchify_enqueue_script' ) ;
функция crunchify_enqueue_script ( ) {
wp_enqueue_script ( «следовать» , get_stylesheet_directory_uri ( ) , '/js/follow.js' , массив ( 'JQuery' ) , '' , правда ) ;
}
|
В папке вашей детской темы создайте еще одну папку с именем js
, а затем создайте новый файл с именем follow.js
и поместите это внутрь. Этот файл включает в себя jQuery, который будет контролировать положение раздела, следующего за боковой панелью. Вот как должен выглядеть путь:
1
|
дочерняя тема — каталог / js / follow . JS
|
Дополнительные советы по оптимизации скорости:
В приведенных ниже фрагментах кода мы отменили регистрацию библиотеки jQuery по умолчанию в WordPress по умолчанию, а затем добавили версию CDN Google после закрытия тега нижнего колонтитула.
Использование размещенной в Google CDN версии jQuery — это еще одно повышение производительности , поскольку оно будет кэшироваться для всех посетителей, которые загрузили другой сайт, использующий ту же версию. Просто поместите приведенный ниже код в файл functions.php темы.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
/ ** Удалить загрузку скриптов jQuery и jQuery-ui из заголовка * /
add_action ( 'wp_enqueue_scripts' , 'crunchify_script_remove_header' ) ;
функция crunchify_script_remove_header ( ) {
wp_deregister_script ( 'JQuery' ) ;
wp_deregister_script ( 'JQuery-щ' ) ;
}
/ ** Загружать jQuery и jQuery-ui скрипт перед закрытием тега Body * /
add_action ( 'genesis_after_footer' , 'crunchify_script_add_body' ) ;
функция crunchify_script_add_body ( ) {
wp_register_script ( «JQuery» , 'http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js' , ложь , ноль ) ;
wp_enqueue_script ( 'jquery' ) ;
wp_register_script ( «JQuery-UI» , 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js' , ложь , ноль ) ;
wp_enqueue_script ( 'jquery-ui' ) ;
}
|
Если у вас возникли проблемы с кодом выше, я буду рад помочь!
Как проверить?
После внесения вышеуказанных изменений просто проверьте HTML-элемент вашего сайта. Right click
в блоге и нажмите Inspect Element
, Вы должны увидеть успешно загруженный скрипт jQuery, как показано ниже.
0.00 (0%) 0 votes