Настройка экрана входа в WordPress – один из самых простых способов персонализировать ваш сайт или улучшить согласованность брендинга. Независимо от того, создаете ли вы сайт для клиента или управляете собственным проектом, замена стандартного логотипа WordPress на свой собственный – это быстро и эффективно. В этом руководстве мы расскажем вам о том, как изменить логотип входа в WordPress – никаких знаний кодирования не требуется.

Метод 1: Использование плагина (подходит для начинающих)

Самый простой способ изменить логотип входа – это использовать плагин.

Шаги:

  • Перейдите в раздел Плагины → Добавить новый в вашей приборной панели WordPress.
  • Найдите LoginPress и установите его.
  • Активируйте плагин.
  • Перейдите в раздел LoginPress → Customizer.
  • Нажмите на Логотип и загрузите ваше пользовательское изображение.
  • Сохраните изменения.

Плагин автоматически заменит логотип по умолчанию на странице входа в систему по адресу yourdomain.com/wp-login.php.

Способ 2: Изменение логотипа вручную (продвинутые пользователи)

Предпочитаете обходиться без плагинов? Вы можете изменить логотип вручную, отредактировав файл functions.php вашей темы.

Шаги:

  1. Загрузите свой логотип (в идеале 80x80px) в папку images или Media Library вашей темы.
  2. Откройте файл functions.php в директории вашей темы.
  3. Добавьте следующий код:
function custom_login_logo() {
    echo '
    <style type="text/css">
        h1 a {
            background-image: url(' . get_stylesheet_directory_uri() . '/images/custom-logo.png) !important;
            background-size: contain !important;
            width: 100% !important;
        }
    </style>';
}
add_action('login_head', 'custom_login_logo');

💡 Вы также можете использовать wp_get_attachment_url(), если вы загрузили логотип через медиатеку.

Бонус: изменение URL-ссылки для входа в систему

По умолчанию логотип входа перенаправляет на wordpress.org. Вы можете изменить его на свою домашнюю страницу:

function custom_login_logo_url() {
    return home_url();
}
add_filter('login_headerurl', 'custom_login_logo_url');

И настройте заголовок (текст при наведении):

function custom_login_logo_url_title() {
    return 'Welcome to Your Site!';
}
add_filter('login_headertext', 'custom_login_logo_url_title');

Советы для достижения наилучших результатов

  • Используйте прозрачный логотип PNG для более эстетичного вида.
  • Чтобы уменьшить время загрузки, не превышайте размер логотипа 100 КБ.
  • Если вы используете дочернюю тему, вносите все правки в нее, чтобы избежать потерь после обновлений.

Заключение

Замена стандартного логотипа входа в WordPress занимает всего несколько минут и мгновенно повышает брендинг вашего сайта. Независимо от того, выберете ли вы плагин или пойдете ручным путем, оба метода просты и эффективны.