Я пишу простенький модуль FAQ для очередного сайта, позже он появится в проектах и можно будет отслеживать историю его создания и развития.
Понятное дело что модуль использует JQuery и его надо добавить в шапку. У себя на сайте я просто открыл файл header.php и добавил его, но потом решил поменять тему и вот незадача, надо опять добавлять код.
И я решил сделать более универсальный метод добавления JQuery кода в шапку, может быть позже и сам модуль выложу.
Итак, за добавление кода в шапку отвечает функция, а точнее хук do_action(‘wp_head’), а за дабавление в подвал сайта отвечает do_action(‘wp_footer’).
В него можно запихнуть всё, что угодно, например:
- JavaScript (в том числе jQuery)
- CSS
- Произвольный код или текст
Я буду подключать JS, как произвольный код.
Вставлять это код надо в файл functions.php или в файл вашего самописного плагина(предпочтительно).
Для добавления в шапку сайта:
add_action('wp_head','SiteStyle_head_hook'); function SiteStyle_head_hook() { $output=" // тут может быль любой код <script type=\"text/javascript\"> $('document').ready(function(){ $('div[id^=cat-]').next('div[id^=cat-o-]').hide(); $('div[id^=cat]').click(function() { $(this).next('div[id^=cat-o-]').toggle(); $(this).next('div[id^=cat-o-]').children('div[id^=o-]').toggle(); }); $('div[id^=q-]').click(function() { $(this).next('div[id^=o-]').toggle(); }); }); </script> //а тут он заканчивается "; echo $output; }
Для добавления в подвал сайта:
add_action('wp_footer','SiteStyle_footer_hook'); function SiteStyle_footer_hook() { $output=" // тут может быль любой код <script type=\"text/javascript\"> $('document').ready(function(){ $('div[id^=cat-]').next('div[id^=cat-o-]').hide(); $('div[id^=cat]').click(function() { $(this).next('div[id^=cat-o-]').toggle(); $(this).next('div[id^=cat-o-]').children('div[id^=o-]').toggle(); }); $('div[id^=q-]').click(function() { $(this).next('div[id^=o-]').toggle(); }); }); </script> //а тут он заканчивается "; echo $output; }
Полезно почитать: