Хук login_header используется для добавления пользовательского контента и стилей сразу после открывающего тега <body> на странице входа WordPress (wp-login.php). С его помощью можно выводить текстовые сообщения, добавлять элементы брендинга и даже вставлять уведомления, которые будут видны перед формой авторизации.
login_header срабатывает сразу после открытия тега <body> на странице авторизации, но до загрузки самой формы входа. Это делает его идеальным местом для добавления любых визуальных или информационных блоков, которые могут понадобиться перед формой входа. Например, можно добавить приветствие, ссылки на справку или предупреждение о безопасности.
do_action( 'login_header' );
Пример 1: Добавление приветственного сообщения в шапку страницы входа
В этом примере создадим приветственное сообщение для пользователей. Это сообщение будет отображаться в верхней части страницы входа и включать уникальный стиль, который выделит его на фоне.
<?php
add_action( 'login_header', 'custom_login_welcome_message' );
function custom_login_welcome_message() {
?>
<div class="welcome-message">
<p>Добро пожаловать! Мы рады вас видеть.</p>
</div>
<style>
.welcome-message {
padding: 15px;
text-align: center;
font-size: 18px;
color: #ffffff;
background-color: #5C6BC0;
}
</style>
<?php
}
В этом примере сообщение выделено фоновым цветом и центровкой текста. Блок приветствия будет первым элементом, который увидят пользователи при загрузке страницы.
Пример 2: Добавление ссылки на справку
Иногда пользователи нуждаются в дополнительной помощи для входа. Следующий пример добавляет блок со ссылкой на справочный раздел.
<?php
add_action( 'login_header', 'add_help_link_to_login' );
function add_help_link_to_login() {
?>
<div class="help-link">
<p>Нужна помощь? <a href="<?php echo home_url('/help'); ?>">Посетите наш справочный раздел</a>.</p>
</div>
<style>
.help-link {
padding: 12px;
text-align: center;
font-size: 16px;
color: #333333;
background-color: #e0f7fa;
}
.help-link a {
color: #00796b;
text-decoration: underline;
}
</style>
<?php
}
Заключение
Хук login_header — полезный инструмент для улучшения интерфейса страницы входа WordPress. С его помощью можно добавить визуальные элементы и сообщения, которые подчеркнут уникальность вашего сайта и улучшат пользовательский опыт.
