Добавляем произвольный код в wp-head(WordPress)

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

Полезно почитать:

  • хук wp-head EN
  • хук wp-footer EN

Leave a Comment