Zmiana logo na stronie logowania wordpressa jest bardzo prosta i wymaga jedynie kilku linii kodu. Oryginalna strona widoczna jest na obrazku powyżej. Jeśli chcemy zastąpić domyślne logo wordpressa naszym własnym, należy dodać do pliku functions.php w katalogu naszego motywu następujący kod:
add_action('login_enqueue_scripts', function() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/logo.png);
width: 185px;
height: 185px;
background-size: initial;
}
</style>
<?php });
Funkcja get_stylesheet_directory_uri() wskazuje na katalog używanego motywu, jeśli jest to child theme to wskaże na katalog child, zamiast na motyw nadrzędny (w przeciwieństwie do funkcji get_template_directory_uri()). Obrazek z nowym logo należy umieścić w katalogu wp-content/themes/nazwa_motywu/images/logo.png. Parametry width, height oraz background-size są opcjonalne, domyślnie logo ma wielkość 84px i nowe zostanie przeskalowane do takiej wielkości jeśli te parametry nie zostaną dodane. Jeżeli chcemy zachować oryginalny rozmiar należy dodać wspomniane parametry z wartościami odpowiednimi dla naszego nowego logo.
Moja nowa storna logowania wygląda jak na obrazku poniżej.
