Марина сделала сайт салону, загрузила логотип в «Внешний вид → Настроить» — на главной всё красиво. Клиентка открыла wp-login.php с телефона, увидела синий W WordPress и написала: «Это точно наш сайт?» Марина боялась лезть в functions.php родительской темы — казалось, что логотип входа «только для программистов». На деле его меняют за 5–10 минут: плагин с загрузкой из медиатеки или короткий код в дочерней теме, который переживёт обновление.
Логотип сайта в кастомайзере и логотип на странице входа — разные вещи. На wp-login.php по умолчанию стоит W WordPress, клик ведёт на wordpress.org. Заменить картинку можно плагином (Custom Login Logo, LoginPress) или CSS через хук login_enqueue_scripts в дочерней теме. Ширина контейнера около 320 px, формат PNG или WebP. Ссылку направьте на главную фильтром login_headerurl.
Это не про SEO и не про «белую метку» для корпораций. Это про доверие: сотрудник, клиент или фрилансер заходит в админку и должен сразу узнать ваш бренд, а не чужой. Ниже — два пути без страха сломать сайт и чеклист, как проверить результат в режиме инкognito с телефона.
- Поймите, зачем логотип на wp-login.php отдельный от логотипа сайта
- Разберитесь, что видно на экране входа по умолчанию
- Подготовьте картинку: размер, формат и прозрачный фон
- Выберите способ: плагин или код в дочерней теме
- Замените логотип через плагин без кода
- Настройте логотип в дочерней теме, если плагин не хотите
- Проверьте результат и обойдите типичные ошибки
- Что дальше
- Частые вопросы
- Можно ли поменять логотип входа WordPress без плагина?
- Какой размер логотипа для wp-login.php?
- Куда ведёт логотип на странице входа WordPress?
- Слетит ли логотип при обновлении темы?
- Можно ли поставить SVG логотип на страницу входа?
- Почему на входе всё равно W WordPress?
Поймите, зачем логотип на wp-login.php отдельный от логотипа сайта
Типичная ошибка: поменяли картинку в разделе «Идентичность сайта» в кастомайзере и ждут, что она появится на экране входа. Не появится. WordPress хранит логотип входа отдельно — это другая страница с другим шаблоном.
На практике клиент открывает site.ru/wp-login.php и видит чужой бренд WordPress вместо вашего. Мелочь, которая сразу выдаёт незавершённый проект. Разобраться можно сами; полную настройку сайта под бренд — в услугах по WordPress.
Разберитесь, что видно на экране входа по умолчанию
Страница wp-login.php — это форма логина и пароля. Над полями — ссылка с логотипом WordPress (синяя буква W). Клик по ней ведёт на wordpress.org, а не на ваш сайт. Это зашито в ядро: фильтр login_headerurl по умолчанию отдаёт адрес WordPress.
Картинка логотипа — не обычный тег img, а фон ссылки с селектором #login h1 a. Именно поэтому загрузка «логотипа сайта» в кастомайзере не меняет экран входа: там другой HTML-блок.
Честно говоря, многие русскоязычные гайды до сих пор советуют устаревший хук login_head. Официальная документация WordPress с версии 3.1.0 рекомендует login_enqueue_scripts — он подключает стили только на страницах входа и регистрации, не трогая остальной сайт. Ещё нюанс: фильтр login_headertitle помечен устаревшим; с WordPress 5.2 нужен login_headertext для текста при наведении на логотип.
Подготовьте картинку: размер, формат и прозрачный фон
Чтобы логотип не обрезался на телефоне и не превратился в «расплывшуюся простыню», придерживайтесь простых правил из справочника WordPress Codex.
- Ширина около 320 px — стандартный контейнер на экране входа. Высота обычно 65–84 px, пропорции сохраняйте своего файла.
- Формат PNG или WebP с прозрачным фоном — логотип ляжет на серый фон формы без белого прямоугольника.
- Вес файла до 100–200 КБ: тяжёлая картинка тормозит загрузку входа на мобильном интернете.
- Не путайте с иконкой вкладки браузера — для favicon отдельная настройка, см. как добавить favicon в WordPress.
Например, логотип салона 400×100 px уменьшите до 320 px по ширине. Вертикальный знак на телефоне съедает половину формы — сделайте горизонтальный вариант.
Выберите способ: плагин или код в дочерней теме
Два рабочих пути. Плагин — если не хотите видеть PHP. Код в дочерней теме — если лишний плагин не нужен и вы готовы один раз вставить сниппет.
| Критерий | Плагин (Custom Login Logo / LoginPress) | Код в дочерней теме |
|---|---|---|
| Кому подходит | Новичок, фрилансер «сделать за 5 минут» | Тот, кто уже поставил дочернюю тему |
| Установка | Плагины → Добавить → загрузить картинку из медиатеки | Файл functions.php дочерней темы + login.css |
| Обновление темы | Не затрагивает тему | Правки в child theme сохраняются |
| Гибкость | LoginPress: фон, цвета, превью в кастомайзере | Полный контроль через CSS |
| Риск | Зависимость от автора плагина | Ошибка в коде — белый экран (делайте бэкап) |
Итог: для первого раза берите Custom Login Logo (простая загрузка, 2000+ установок на wordpress.org). Если нужен визуальный редактор фона и формы — LoginPress (200 000+ установок). Код в дочерней теме — когда плагинов уже много и хочется один раз настроить навсегда.
Замените логотип через плагин без кода
Самый быстрый путь для Марины из нашего примера — плагин Custom Login Logo.
- В админке откройте Плагины → Добавить новый, в поиске введите Custom Login Logo.
- Нажмите Установить и Активировать у плагина от webtions (карточка на ru.wordpress.org).
- Перейдите в Настройки → Custom Login Logo.
- Нажмите Upload Image и выберите тот же файл логотипа, что на главной (из медиатеки или с компьютера).
- Сохраните настройки и откройте wp-login.php в режиме инкognito — должен быть ваш логотип вместо W.
- Если клик всё ещё ведёт на wordpress.org — в LoginPress или отдельном сниппете добавьте смену ссылки (см. следующий раздел).
LoginPress добавляет превью фона и формы в кастомайзере. Оба плагина берут картинку из медиатеки, FTP не нужен.
Настройте логотип в дочерней теме, если плагин не хотите
Код пишут только в дочерней теме, не в родительской. При обновлении родительской темы ваши правки в child theme не слетят — это официальная рекомендация WordPress.
Схема работы:
Шаги без плагина:
1. Положить login-logo.png в папку дочерней темы
2. Создать login.css с правилом для #login h1 a
3. Подключить CSS через login_enqueue_scripts в functions.php
4. Фильтр login_headerurl → главная сайта
5. Фильтр login_headertext → название компании
Пример для файла login.css (положите рядом с style.css дочерней темы):
#login h1 a {
background-image: url(‘login-logo.png’);
background-size: contain;
width: 320px;
height: 84px;
}
В functions.php дочерней темы добавьте подключение стиля и смену ссылки. Не копируйте гайды с login_head — используйте login_enqueue_scripts:
add_action(‘login_enqueue_scripts’, ‘my_login_logo’);
function my_login_logo() {
wp_enqueue_style(‘login-style’, get_stylesheet_directory_uri() . ‘/login.css’);
}
add_filter(‘login_headerurl’, function() { return home_url(); });
add_filter(‘login_headertext’, function() { return ‘Название вашего салона’; });
Типичная ошибка: логотип не виден из-за неверного селектора #login h1 a или битого пути к файлу. Клик по умолчанию ведёт на wordpress.org — фильтр login_headerurl направляет на главную (home_url()). Текст при наведении задаёт login_headertext; старый login_headertitle не используйте. Проверьте в инкognito: подсказка — ваш бренд, клик — на site.ru.
Проверьте результат и обойдите типичные ошибки
Вот как понять, что всё сработало — измеримый результат без программиста:
- На /wp-login.php в режиме инкognito виден ваш PNG/WebP логотип нужного размера, не белый квадрат.
- Клик по логотипу ведёт на главную сайта, не на wordpress.org.
- На телефоне картинка не обрезана и не «расплылась» — background-size: contain помогает.
- После обновления родительской темы логотип на месте (если код в child theme или активен плагин).
Часто ломается кеш плагина или CDN — очистите и проверьте в инкognito. Правки в родительской теме слетят при обновлении. SVG режут некоторые хостинги — надёжнее PNG/WebP. Для защиты админки см. двухфакторную защиту WordPress.
Что дальше
Гайды по WordPress — в разделе статей. Вопросы по сайту под ключ — форма на сайте (MAX, VK, WhatsApp, Телеграм) или канал в Телеграме.
Материал проверен: Андрей Дикий (создаёт сайты и продвигает их статьями, SEO/GEO).
Достоверность данных: WordPress Developer Reference (login_enqueue_scripts, login_headerurl, login_headertext), Codex Customizing the Login Form, карточки плагинов Custom Login Logo и LoginPress на ru.wordpress.org, справка по дочерним темам WordPress.org, обсуждение Stack Exchange о невидимом логотипе; частотность запросов — по Яндекс Вордстат на 11.09.2026 (MCP недоступен, LSI из SERP).
Частые вопросы
Можно ли поменять логотип входа WordPress без плагина?
Да: login.css + login_enqueue_scripts в дочерней теме и фильтры login_headerurl / login_headertext. Новичку быстрее через Custom Login Logo.
Какой размер логотипа для wp-login.php?
Около 320 px по ширине, высота 65–84 px. PNG или WebP, background-size: contain в CSS.
Куда ведёт логотип на странице входа WordPress?
По умолчанию на wordpress.org. Фильтр login_headerurl с home_url() направляет клик на главную сайта.
Слетит ли логотип при обновлении темы?
Нет при коде в дочерней теме или активном плагине. Слетит, если правили functions.php родительской темы.
Можно ли поставить SVG логотип на страницу входа?
Иногда, но надёжнее PNG/WebP — SVG режут хостинги и плагины безопасности. Держите запасной PNG.
Почему на входе всё равно W WordPress?
Кеш, просмотр не в инкognito, неверный селектор #login h1 a или битый URL картинки. Очистите кеш и проверьте путь в медиатеке.
