В WordPress страница авторизации по умолчанию содержит логотип WordPress и ссылку на официальный сайт. При разработке корпоративных сайтов или клиентских проектов часто возникает необходимость брендировать страницу входа, заменив стандартный логотип на фирменный — в материале этим и займёмся.
Доработку будем внедрять на сайт одного из наших клиентов: trip-sochi.ru.
Логотип сайта вместо дефолтного изображения
Сейчас при авторизации на сайте мы видим следующую картину:
Наша задача заменить стандартную иконку WordPress на логотип клиента. Для этого мы напишем небольшую функцию, которую повесим на хук login_head. В подробности его работы вдаваться не будем, при необходимости рекомендую изучить документацию. Должна получиться примерно следующая конструкция:
add_action( 'login_head', 'shdev_replacement_login_logo' );
function shdev_replacement_login_logo() {
echo '<style>
#login h1 a{
background-image: url(/wp-content/uploads/2026/06/login-img-new.png);
background-size: 250px;
width: auto;
}
</style>';
}
В коде мы заменили иконку WordPress собственным изображением и добавили ему необходимые размеры. В результате получилось следующее:
Замена ссылки логотипа WordPress
Другим моментом, который тоже имеет смысл поправить, является то, что дефолтный логотип WordPress содержит ссылку на официальный сайт.
Если мы заменили изображение на собственное, такое поведение становится странным, поэтому предлагаю также заменить ссылку на главную страницу вашего сайта. Сделать это можно с помощью хука login_headerurl, ссылка на документацию.
add_filter( 'login_headerurl', 'shdev_replacement_link_site' );
function shdev_replacement_link_site( $url ) {
return site_url();
}
После добавления хука получаем следующее:
Работы выполнены
На этом всё. Мы заменили стандартный логотип WordPress на собственное изображение и изменили ссылку на главную страницу сайта. Такая небольшая доработка делает страницу авторизации более брендированной и соответствует стилю проекта.