Dostosowanie ekranu logowania WordPress jest jednym z najprostszych sposobów na spersonalizowanie swojej strony lub poprawę spójności marki. Niezależnie od tego, czy tworzysz stronę dla klienta, czy zarządzasz własnym projektem, wymiana domyślnego logo WordPress na własne jest szybka i skuteczna. W tym poradniku przeprowadzimy cię przez proces zmiany logo logowania WordPress — nie jest wymagana wiedza programistyczna.

 Metoda 1: Użyj wtyczki (przyjazna dla początkujących)

Najłatwiejszym sposobem na zmianę logo logowania jest użycie wtyczki.

Kroki:

  • Przejdź do Wtyczki → Dodaj nową w swoim panelu WordPress.
  • Wyszukaj LoginPress i zainstaluj ją.
  • Aktywuj wtyczkę.
  • Przejdź do LoginPress → Dostosowywacz.
  • Kliknij na Logo i prześlij swój niestandardowy obraz.
  • Zapisz zmiany.

 Wtyczka automatycznie zastępuje domyślne logo na twojej stronie logowania pod adresem twojadomena.com/wp-login.php.

 Metoda 2: Zmień logo ręcznie (zaawansowani użytkownicy)

Wolisz unikać wtyczek? Możesz zmienić logo ręcznie, edytując plik functions.php swojego motywu.

Kroki:

  1. Prześlij swoje logo (najlepiej 80x80px) do folderu obrazów swojego motywu lub Biblioteki mediów.
  2. Otwórz functions.php w katalogu swojego motywu.
  3. Dodaj następujący kod:
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');

💡 Możesz również użyć wp_get_attachment_url(), jeśli przesłałeś logo za pomocą Biblioteki mediów.

 Bonus: Zmień link URL logowania

Domyślnie logo logowania przekierowuje do wordpress.org. Możesz zmienić go na swoją stronę główną:

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

I dostosować tytuł (tekst podpowiedzi):

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

 Wskazówki dla najlepszych wyników

  • Użyj przezroczystego logo PNG dla czystszej estetyki.
  • Utrzymuj logo poniżej 100 KB, aby zmniejszyć czas ładowania.
  • Jeśli używasz motywu podrzędnego, dokonaj wszystkich edycji tam, aby zapobiec utracie po aktualizacjach.

 Podsumowanie

Zastąpienie domyślnego logo logowania WordPress zajmuje zaledwie kilka minut i natychmiast poprawia branding twojej strony. Niezależnie od tego, czy wybierzesz wtyczkę, czy zdecydujesz się na ręczne podejście, obie metody są proste i skuteczne.