Я пишу простенький модуль 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;
}
Полезно почитать: