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

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

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

Ищем WP-разработчика! Фулл-тайм, удаленка, хорошая зарплата, соц. пакет. Подробности.
Компания Boosta.

Кроме темы, это событие активно используется самим 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 3031
do_action( 'wp_footer' );

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

wp-includes/class-wp-customize-manager.php 1931
add_action( 'wp_footer', array( $this, 'customize_preview_settings' ), 20 );
wp-includes/class-wp-customize-nav-menus.php 1328
add_filter( 'wp_footer', array( $this, 'export_preview_data' ), 1 );
wp-includes/class-wp-customize-widgets.php 1167
add_action( 'wp_footer', array( $this, 'export_preview_data' ), 20 );
wp-includes/customize/class-wp-customize-selective-refresh.php 157
add_action( 'wp_footer', array( $this, 'export_preview_data' ), 1000 );
wp-includes/default-filters.php 331
add_action( 'wp_footer', 'wp_print_footer_scripts', 20 );
wp-includes/default-filters.php 573
add_action( 'wp_footer', 'wp_enqueue_global_styles', 1 );
wp-includes/default-filters.php 579
add_action( 'wp_footer', 'wp_maybe_inline_styles', 1 ); // Run for late-loaded styles in the footer.
wp-includes/default-filters.php 615
add_action( 'wp_footer', 'wp_admin_bar_render', 1000 ); // Back-compat for themes not using `wp_body_open`.
wp-includes/default-filters.php 666
add_action( 'wp_footer', 'the_block_template_skip_link' );
wp-includes/media.php 2568
add_action( 'wp_footer', 'wp_underscore_playlist_templates', 0 );
wp-includes/media.php 4594
add_action( 'wp_footer', 'wp_print_media_templates' );
4 коммента
    Войти