Strona logowania do panelu administracyjnego na WordPressie nie wygląda zbyt ciekawie. Warto pomyśleć nad jej zmianą w szczególności, jeśli udostępniamy rejestrację i logowanie na stronie innym użytkownikom.

Standardowy wygląd dostępny po instalacji WordPressa wygląda następująco:

Strona logowania WordPress

Przy pomocy darmowej wtyczki Tesla Login Customizer jesteśmy w stanie całkowicie zmienić wygląd strony logowania.

Po pobraniu i zainstalowaniu wtyczki pojawia nam się nowa sekcja w menu:

tesla-login

Właśnie tam rozpoczniemy prace nad nowym wyglądem naszej strony logowania.

Wtyczka jest bardzo prosta w obsłudze. Mamy do wyboru 5 zakładek: General, Templates, Logo, Form oraz Advanced.

opcje tesla customiser

W zakładce “General” możemy ustawić:

  • kolor tła,
  • obrazek jako tło,
  • opcje obrazka w tle dotyczące jego umieszczenia,
  • opcje umieszczenia tła,
  • rodzaj czcionki, jej wielkość oraz kolor,
  • przekierowania po logowaniu lub rejestracji.

Następna zakładka, czyli “Templates” daje nam możliwość wyboru różnych wyglądów strony logowania. W wersji darmowej dostępne są 4 szablony do wyboru:

szablony strony logowania na wordpressie

Jednak, jeśli mamy możliwość edycji strony logowania warto spróbować stworzyć coś oryginalnego.

Przechodzimy więc w tym celu do kolejnej zakładki – “Logo”.

W tym miejscu możemy ukryć logo lub wgrać swoje własne. Ustawimy położenie logo, jego szerokość oraz wysokość, adres, na który nas przeniesie po kliknięciu w logo oraz wpiszemy title.

Kolejna zakładka “Form” daje nam dodatkowe opcje dotyczące edycji samego formularza logowania. Między innymi ustawimy położenie formularza logowania, będziemy w stanie ustawić nagłówek, wybrać jego kolor.

Czekają na nas tutaj ustawienia dotyczące animacji. Nasz formularz logowania będzie więc mógł wlatywać, wylatywać i wiele, wiele innych. W przypadku błędnego wpisania hasła lub loginu możemy ustawić animację potrząśnięcia formularzem.

W zakładce tej dodamy do logowania sekcję z reCAPATCHA.

Wtyczka sprawi, że nasza strona logowania w WordPressie będzie wyglądać o wiele lepiej. W moim przypadku wygląda to tak:

Strona logowania WordPress

Strona logowania – WordPress, Tesla Login Customizer
Ocena: 5 z: 5

Starszy Specjalista SEO w Agencji Semahead – Agencji SEM Grupy INTERIA. Hobbystycznie zajmuje się WordPress-em oraz grafiką komputerową. W wolnych chwilach drażni sąsiadów przy pomocy gitary elektrycznej.