Налаштування екрану входу в WordPress – це один з найпростіших способів персоналізувати свій сайт або покращити узгодженість брендингу. Незалежно від того, чи створюєте ви сайт для клієнта, чи керуєте власним проектом, заміна стандартного логотипу WordPress на ваш власний – це швидко і ефективно. У цьому посібнику ми розповімо вам, як змінити логотип для входу в WordPress – для цього не потрібні знання з програмування.

Спосіб 1: Використання плагіна (для початківців)

Найпростіший спосіб змінити логотип входу в систему – скористатися плагіном.

Крок за кроком:

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

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

Спосіб 2: Зміна логотипу вручну (для досвідчених користувачів)

Не бажаєте використовувати плагіни? Ви можете змінити логотип вручну, відредагувавши файл functions.php вашої теми.

Крок за кроком:

  1. Завантажте ваш логотип (в ідеалі 80x80px) до теки зображень або медіатеки вашої теми.
  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 'Ласкаво просимо на ваш сайт!';
}
add_filter('login_headertext', 'custom_login_logo_url_title');

Поради для досягнення найкращих результатів

  • Використовуйте прозорий логотип у форматі PNG для більш естетичного вигляду.
  • Не перевищуйте розмір логотипу 100 КБ, щоб зменшити час завантаження.
  • Якщо ви використовуєте дочірню тему, зробіть всі зміни в ній, щоб запобігти втраті після оновлень.

Висновок

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