Як легко змінити логотип входу в WordPress

Налаштування екрану входу в 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-адресу для входу

За замовчуванням логотип входу перенаправляє на

. Ви можете змінити його на свою домашню сторінку:

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 за замовчуванням займає всього кілька хвилин і миттєво покращує брендинг вашого сайту. Незалежно від того, чи ви оберете плагін, чи підете ручним шляхом, обидва методи прості та ефективні.