Nasz „widget” dla The Lodge na pasku bocznym witryny (pokazywany na większości stron, w tym na stronie głównej) ma dwa stany. Jeden, gdy użytkownik jest wylogowany, a drugi, gdy użytkownik jest zalogowany. Stan wylogowania ma bezpośrednio na sobie formularz logowania, dzięki czemu obecni członkowie mają łatwy sposób na zalogowanie się.
Kiedyś używaliśmy wbudowanej funkcji wp_login_form (), która jest całkiem fajna dla WordPressa, ale chcemy przejąć kontrolę nad znacznikami. Pozwoli nam to dodawać klasy i nie tylko stylizować je tak, jak chcemy.
Istnieje jednak wiele sytuacji, w których nasz niestandardowy formularz logowania nie zadziała i będziemy musieli użyć domyślnego widoku logowania WordPress. To znaczy, co widzisz, kiedy odwiedzasz /wp-login.php. Na przykład, jeśli podasz nieprawidłowe hasło, zostaniesz przekierowany na tę stronę. Lub jeśli chcesz zarejestrować się w witrynie (bez przechodzenia przez Restrict Content Pro) lub nawet zresetować hasło, zrobisz to za pośrednictwem tej strony /wp-login.php. Więc myślę, że najlepiej byłoby, gdybyśmy nadali tej stronie styl, aby wyglądała jak profesjonalna operacja, a nie tylko „jakaś witryna WordPress”. Dodatkowo możemy tutaj wykorzystać nasze elementy brandingowe, a mianowicie naszą śnieżną chatę.
Aby uzyskać kontrolę, używamy kilku „zaczepów” WordPress w naszym pliku functions.php w celu załadowania niestandardowego pliku CSS. To wszystko, czego potrzebujemy, aby przejąć kontrolę nad projektem.
Resztę czasu spędzamy na wykorzystaniu tego pliku CSS do oznaczenia strony logowania. Sprawiamy, że kabina jest raczej rozmyta, co wydaje mi się fajnym efektem. W pewnym sensie jest napisane: „Chata tam jest! Zaloguj się, a wszystko stanie się jasne! ”. Jako fajny bonus, rozmyte zdjęcia, takie jak JPG.webp, można ustawić na dość niską jakość, co jest dobre, ponieważ używamy go raczej jako obrazu tła całej strony.