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:
| <?php | |
| 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 strona logowania wygląda jak na obrazku poniżej.
