Домой Учебные пособия по WordPress Genesis Framework Как вставить сценарии в детскую тему в Genesis Framework

Как вставить сценарии в детскую тему в Genesis Framework

142
0

Содержание

Как правило, рекомендуется включить библиотеки и плагины JavaScript / jQuery внизу страницы, непосредственно перед закрытием body тег. Причина проста: спецификация HTTP / 1.1 предполагает, что браузеры загружают не более двух ресурсов параллельно.

С помощью wp_enqueue_script это лучший способ загрузить JavaScript а также jQuery в ваш шаблон WordPress. Это позволяет лучше контролировать, когда и где JS загружается на вашем сайте. Вот быстрый хук, который я использую в своей теме Genesis Framework для правой боковой панели. Добавьте приведенный ниже код в файл functions.php вашей дочерней темы.

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 после закрытия тега нижнего колонтитула.

ЧИТАТЬ ТАКЖЕ:  Как отобразить количество комментариев в тексте заголовка комментария в Genesis Framework

Использование размещенной в Google CDN версии jQuery — это еще одно повышение производительности , поскольку оно будет кэшироваться для всех посетителей, которые загрузили другой сайт, использующий ту же версию. Просто поместите приведенный ниже код в файл functions.php темы.

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, как показано ниже.

Как вставить сценарии в детскую тему в Genesis Framework

0.00 (0%) 0 votes

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь