Функция wp_footer() в WordPress используется для вставки содержимого перед закрывающим тегом </body>. Это позволяет добавлять скрипты, мета-теги и другой HTML-код, обеспечивая корректную работу тем и плагинов.
wp_footer();Параметры
- Функция не имеет параметров и не возвращает никаких значений.
Зачем использовать wp_footer()?
Функция wp_footer() играет важную роль в добавлении контента в футер страницы. Это особенно полезно для разработчиков плагинов и тем, так как они могут добавить необходимые скрипты и мета-теги без непосредственного редактирования файлов темы.
Примеры использования
Пример 1: Стандартное использование в файле footer.php
Обычно функция wp_footer() вызывается в файле footer.php вашей темы и выглядит следующим образом:
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<!-- Основное содержимое сайта -->
<?php wp_footer(); ?>
</body>
</html>Этот вызов добавляет все необходимые элементы перед закрывающим тегом </body>, что обеспечивает правильную работу плагинов и функциональности темы.
Пример 2: Подключение JavaScript через wp_enqueue_script
Чтобы добавить JavaScript-файл через wp_footer(), используйте функцию wp_enqueue_script с параметром для загрузки в футер.
function add_custom_js_to_footer() {
wp_enqueue_script('custom_js', get_stylesheet_directory_uri() . '/js/custom-script.js', array(), null, true);
}
add_action('wp_enqueue_scripts', 'add_custom_js_to_footer');Этот код добавляет JavaScript-файл custom-script.js, находящийся в папке js вашей темы, и размещает его перед закрывающим тегом </body>.
Пример 3: Вставка скриптов напрямую в футер
Хотя это не рекомендуется, вы можете добавить скрипты напрямую в футер с помощью тега <script>.
function add_inline_js_to_footer() {
?>
<script>
var totalWidth = 500;
</script>
<?php
}
add_action('wp_footer', 'add_inline_js_to_footer');Этот код добавляет JavaScript-код непосредственно в футер вашего сайта. Такой способ не рекомендую, показываю лишь для демонстрации возможностей (в частности можно html код добавлять таким образом). Подключение JS кода нужно осуществлять через специальные функции, которые обеспечат дополнительную безопасность.
Пример 4: Отключение ненужных скриптов
Если вам нужно удалить ненужные скрипты, подключенные плагином, используйте функцию wp_dequeue_script.
function remove_unwanted_js_from_footer() {
wp_dequeue_script('unwanted_script');
}
add_action('wp_enqueue_scripts', 'remove_unwanted_js_from_footer', 9999);Этот код удаляет скрипт с идентификатором unwanted_script, добавленный плагином.
Пример 5: Подключение jQuery через wp_footer()
WordPress уже включает jQuery, и вы можете подключить его версию по умолчанию или изменить её при необходимости.
Подключение jQuery по умолчанию
function add_jquery_to_footer() {
wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'add_jquery_to_footer');Изменение версии jQuery
function add_custom_jquery_to_footer() {
wp_deregister_script('jquery');
wp_register_script('jquery', get_stylesheet_directory_uri() . '/js/jquery-1.3.2.js', array(), '1.3.2', true);
wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'add_custom_jquery_to_footer');Этот код заменяет стандартную версию jQuery на пользовательскую.
Пример 6: Перенос скриптов в футер
Чтобы переместить скрипты из <head> в футер, используйте параметр true в функции wp_enqueue_script.
function move_jquery_to_footer() {
wp_deregister_script('jquery');
wp_register_script('jquery', includes_url('/js/jquery/jquery.js'), array(), null, true);
wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'move_jquery_to_footer');Этот код перемещает jQuery и все зависимые от него скрипты в футер.
Заключение
Функция wp_footer() является важной частью архитектуры WordPress, позволяя разработчикам добавлять необходимый контент в футер сайта. Используйте wp_footer() для управления скриптами и другими элементами, обеспечивая правильную работу тем и плагинов.