Zmiana strony logowania w WordPress

Niekiedy potrzebujemy spersonalizowanej wersji logowania do zaplecza WordPress. Zmiana strony logowania wynika z potrzeby identyfikacji wizualnej (loga) dla klienta po przez delikatne zmiany tytułu aż po zmianę linku po kliknięciu loga logowania :). Poniżej przedstawiam 3 małe zmiany, które uproszczą życie każdemu tworzącemu strony internetowe na tej platformie.

Zmian dokonujemy w pliku PHP functions.php, który znajduje się w głównym katalogu szablonu.  Bywa jednak tak, że odwołuje się do innego pliku jednak to zależy już od pomysłowości twórcy szablonu.

1. Zmiana loga na stronie logowania 🙂
Przygotowujemy sobie plik najlepiej w formacie SVG (64 pikseli szerokości na 64 pikseli wysokości – taki jest wymiar oryginalnego loga WordPress).

Do wymienionego powyżej pliku (functions.php) dopisujemy:

function custom_login_logo() {
	echo '<style type="text/css">h1 a { background: url('.get_bloginfo('template_directory').'/images/logo-login.svg) 50% 50% no-repeat !important; }</style>';
}
add_action('login_head', 'custom_login_logo');

Trzeba jednak pamiętać aby zmienić ścieżkę „images/logo-login.svg” do pliku z logiem zmieniamy na własną wraz z nazwą pliku nowego loga.

2. Zmiana adresu po kliknięciu w logo
Zmiana strony logowania to również adres URL po kliknięciu loga link wskazywał na inny adres niż WordPress.org, to poniższe wklejenie kodu zmieni to.

function change_wp_login_url() {
	return bloginfo('url');
}
add_filter('login_headerurl', 'nowy_adres_url');

Pamiętaj aby zmienić „nowy_adres_url” a wymagany.

3. Zmiana title
Element TITLE jest wykorzystywany do wstawiania tekstu pomocniczego. Dzięki niemu możemy wyświetlać odpowiednie dymki, które pojawią się po najechaniu na wskazany fragment strony kursorem. Bardzo miłe dla oka po najechaniu na logo. Oznacza to, że zmienia atrybut tytułu zastąpionego obrazu.

function change_wp_login_title() {
	return get_option('blogname');
}
add_filter('login_headertitle', 'tekst_dymku_z_podpowiedzia');

I klasycznie jak w tym wpisie zmienimy „tekst_dymku_z_podpowiedzia” na naszą treść jaką chcemy zobaczyć po najechaniu wskaźnikiem myszy na logo.

Mam nadzieję, że przybliżyłem czytającym choć odrobinę możliwość personalizacji strony logowania WordPress.