WordPress: zmiana logo i linku na ekranie logowania

Domyślnie na ekranie logowania do panelu administratora WordPressa wyświetla się logo WordPressa, a po kliknięciu w nie, zostaje się przekierowanym na stronę wordpress.org:

Domyślny wygląd ekranu logowania WordPress

Oczywiście da się to zmienić 🙂

Zmiana logo

Poniższy kod podmieni logo WordPressa na obrazek my-logo.png z katalogu wp-content/uploads:

/* Zmiana logo */
add_action( 'login_enqueue_scripts', function() { ?>
  <style type="text/css">
    #login h1 a, .login h1 a {
      background-image: url(<?php echo content_url( '/uploads/my-logo.png' ); ?>);
      width: 300px;
      height: 65px;
      background-size: cover;
    }
  </style>
<?php } );

Kod wklej do pliku functions.php motywu potomnego.

Pamiętaj, aby dostosować widthheight do wymiarów Twojego logo, aby były zachowane proporcje obrazka.

Zmiana linka

Poniższy kod podmieni link wordpress.org na adres strony głównej. Zamiast home_url() możesz użyć dowolnego adresu, np. „https://example.com”. Kod zamieść w pliku functions.php motywu potomnego.

/* Zmiana linka */
add_filter( 'login_headerurl', function() {
  return home_url();
} );

lub:

/* Zmiana linka */
add_filter( 'login_headerurl', function() {
  return "https://example.com";
} );

Po zmianach ekran prezentuje się następująco:

Nowy wygląd ekranu logowania WordPress
Pani Marta
Jestem Marta. Pani Marta. Od kilku lat pracuję w WordPressie i ciągle jestem pod wrażeniem jego możliwości. Na moim blogu dzielę się prostymi sposobami na bezwtyczkowe ulepszenie swojej strony. Jeśli brakuje Ci czegoś w tym wpisie lub chcesz, abym poruszyła temat, na którym Ci zależy, daj znać w komentarzu!

Dodaj komentarz

*

*

*

Twój adres e-mail nie zostanie opublikowany.