WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru

wp_footer хук-событие . WP 1.5.1

Срабатывает в подвале страницы. В момент этого события обычно подключаются скрипты, стили и т.д. Это один из основных хуков темы!

Кроме темы, это событие активно используется самим WordPress и многими плагинами.

Это событие вызывается одноименной функцией wp_footer(), которая в свою очередь вызывается в файле темы footer.php.

Вызов функции wp_footer() обязателен для всех тем (шаблонов) WordPress! Делается так:

    ...
	<?php wp_footer(); ?>
</body>
</html>

В момент этого события срабатывает очень много «родных» функций WordPress. Например, одна из таких функций добавляет подключенные через wp_enqueue_script() скрипты, для которых указано подключение в подвале.

Что срабатывает на этом хуке во фронтенде (по умолчанию в WordPress):

add_action( 'wp_footer', 'wp_print_footer_scripts', 20 );
add_action( 'wp_print_footer_scripts', '_wp_footer_scripts' );
add_action( 'wp_footer', 'wp_admin_bar_render', 1000 );

Есть еще одно аналогичное событие - wp_head. Оно вызывается функцией wp_head() в HEAD част документа, в файле header.php.

Использование

add_action( 'wp_footer', 'action_function_name_2472' );
function action_function_name_2472(){
	// action...
}

Примеры

#1 Выведем произвольный JS код в подвале

Это демонстрация того, как можно вывести JS код в конце HTML кода на любой странице сайта:

## JS в конце документа
add_action( 'wp_footer', 'hook_javascript', 99 );
function hook_javascript(){
	?>
	<script> alert('Page are loaded.'); </script>
	<?php
}

Или можно так (так даже правильнее, потому что сразу установлен приоритет побольше - 20):

## JS в конце документа
add_action( 'wp_print_footer_scripts', 'hook_javascript' );
function hook_javascript(){
	?>
	<script> alert('Page are loaded.'); </script>
	<?php
}

#2 Добавим HTML код в подвал

Допустим нам нужно на всех страницах добавить HTML код попапа:

<?php
add_action( 'wp_footer', 'my_popup', 30 );
function my_popup(){
	?>
	<div id="my_popup" class="popup mfp-hide">
		<div class="popup_inner">
			<div class="popup_body">
				<div class="popup_content"></div>
			</div>
		</div>
	</div>
	<?php
}

Список изменений

С версии 1.5.1 Введена.

Где вызывается хук

wp_footer()
wp_footer
wp-includes/general-template.php 2761
do_action( 'wp_footer' );

Где используется хук (в ядре WP)

wp-includes/class-wp-customize-manager.php 1876
add_action( 'wp_footer', array( $this, 'customize_preview_settings' ), 20 );
wp-includes/class-wp-customize-nav-menus.php 1258
add_filter( 'wp_footer', array( $this, 'export_preview_data' ), 1 );
wp-includes/class-wp-customize-widgets.php 1098
add_action( 'wp_footer', array( $this, 'export_preview_data' ), 20 );
wp-includes/customize/class-wp-customize-selective-refresh.php 173
add_action( 'wp_footer', array( $this, 'export_preview_data' ), 1000 );
wp-includes/default-filters.php 300
add_action( 'wp_footer', 'wp_print_footer_scripts', 20 );
wp-includes/default-filters.php 537
add_action( 'wp_footer', 'wp_admin_bar_render', 1000 );
wp-includes/media.php 1958
add_action( 'wp_footer', 'wp_underscore_playlist_templates', 0 );
wp-includes/media.php 3798
add_action( 'wp_footer', 'wp_print_media_templates' );
4 коммента
  • @ Otshelnik-Fm213 otshelnik-fm.ru

    Огого! А его оказывается не было в справочнике))
    Спасибо за работу Тимур и Дмитрий!

    1
    Ответитьгод назад #
  • Богдан

    Здравствуйте, можно рассказать как вывести текст скрипта в футер админки на странице post-new.php

    Ответить8 мес назад #
    • Kama7631
      ## Добавим инлайновый скрипт на страницу создания записи `post-new.php`
      add_action( 'admin_print_footer_scripts', 'action_function_name_48586' );
      function action_function_name_48586(){
      
      	// выходим если это не страница создания записи
      	if( $_GLOBALS['pagenow'] !== 'post-new.php' )
      		return;
      
      	?>
      	<script type="text/javascript">
      	jQuery(document).ready(function($){
      
      		// jQuery код
      
      	});
      	</script>
      	<?php
      }
      Ответить8 мес назад #
Здравствуйте, !     Войти . Зарегистрироваться