Jak stworzyć front-endową stronę logowania w WordPress

WordPress to bardzo potężna platforma, która zawiera wiele gotowych rozwiązań dla Twojej witryny. Rozwiązania te, choć doskonale funkcjonalne, nie zawsze są idealne. Tak jest tylko w przypadku domyślnej funkcji logowania WordPress. Może to być mylące dla odwiedzających, którzy po prostu chcą zalogować się na swoje konto w Twojej witrynie, gdy nagle zostaną przekierowani do obszaru administracyjnego WordPress. Tak więc, jeśli odwiedzający nie mają czegoś do zrobienia w obszarze administracyjnym, na przykład napisania posta lub udostępnienia jakiejś treści, nie ma sensu wysyłać ich tam po zalogowaniu. Dlatego umożliwienie odwiedzającym zalogowania się do Twojej witryny bezpośrednio z interfejsu użytkownika może zapewnić znacznie bardziej satysfakcjonujące wrażenia użytkownika.

Dlaczego lepiej mieć front-endową stronę logowania?

Zanim pokażemy Ci, jak utworzyć front-endową stronę logowania w WordPressie, wymieńmy kilka powodów, dla których może to być dla Ciebie korzystne:

Szczerze mówiąc, każda strona internetowa robi znacznie lepsze wrażenie, jeśli jej strona logowania nie jest domyślnym ekranem logowania do WordPressa, który widzieliśmy tyle razy. Dostosowana strona logowania front-end po prostu pokazuje, że wkładasz wysiłek w zapewnienie lepszych wrażeń użytkownikom, dbasz o swoją markę i myślisz o każdym szczególe. A biorąc pod uwagę, jak łatwo możesz dodać stylizowaną stronę logowania front-end do swojej witryny WordPress, naprawdę nie ma wielu powodów, aby tego nie robić.

Dzisiaj pokażemy, jak proste jest zaimplementowanie frontendowej strony logowania za pomocą wtyczki Theme My Login.

Fakt, że wtyczka Theme My Login ma ponad 100 000 aktywnych instalacji, mówi sam za siebie o jej niezawodności i skuteczności. Powodem, dla którego wybieramy tę wtyczkę zamiast innych wtyczek, jest to, że jest niezwykle prosta w użyciu, nie wymaga konfiguracji do tworzenia niestandardowej strony logowania i jest całkowicie darmowa. Wtyczka zapewnia, że ​​strony będą pasować do bieżącego motywu, będą miały tę samą czcionkę i kolory, co motyw, którego używasz. Działa od razu po wyjęciu z pudełka, bez konieczności dostosowywania jakichkolwiek ustawień. Ponadto wtyczka dodaje do witryny nowy widżet, który można umieścić w pasku bocznym, stopce lub w obszarze nagłówka i ułatwić logowanie lub rejestrację.

Jak stworzyć front-endową stronę logowania dla WordPressa z motywem My Login Plugin

Zakładamy, że wiesz już, jak zainstalować wtyczkę WordPress, więc pominiemy ten krok. Ale w przypadku napotkania jakichkolwiek problemów podczas procesu instalacji, sprawdź powyższy link.

Po zainstalowaniu i aktywacji wtyczki nadszedł czas, aby ją skonfigurować. Rzućmy okiem na ustawienia, które oferuje Theme My Login.

Konfigurowanie wtyczki My Login

Wtyczka tworzy pięć nowych stron natychmiast po aktywacji. Znajdziesz stronę logowania, wylogowania, rejestracji, utraty hasła i resetowania hasła. Są one natychmiast dostępne i domyślnie zastępują stronę logowania zaplecza.

Tak wygląda strona logowania w naszym przypadku, wtyczka automatycznie ją utworzyła z czcionką i kolorami zgodnymi ze stylem naszego motywu:

Aby dostosować ustawienia tych stron, kliknij Theme My Login w panelu administracyjnym WordPress, a następnie wybierz Ogólny opcja.

Tutaj znajdziesz ustawienia umożliwiające dostosowanie każdej z pięciu stron, a także linki, które do nich prowadzą. Ustawienia są podzielone na trzy segmenty: Logowanie, Rejestracja i Slugs.

W ustawieniach logowania wybierasz, czy chcesz, aby odwiedzający podczas logowania wprowadzali domyślne dane uwierzytelniające, takie jak nazwa użytkownika lub adres e-mail, tylko nazwa użytkownika lub tylko adres e-mail. Od Ciebie zależy, jakie ustawienia najlepiej pasują do Twojej witryny.

W ustawieniach rejestracji określasz, jakie dane użytkownik musi wprowadzić, aby zarejestrować konto w Twojej witrynie. Możesz wybrać między domyślną opcją pytania zarówno o nazwę użytkownika, jak i e-mail lub możesz poprosić tylko o e-mail lub tylko o nazwę użytkownika. Pamiętaj jednak, że ustawienia rejestracji powinny odpowiadać ustawieniom logowania. Jeśli w opcjach logowania zdecydowałeś się ograniczyć użytkownikom możliwość logowania się za pomocą nazwy użytkownika, tutaj musisz upewnić się, że muszą oni również utworzyć tę nazwę użytkownika podczas rejestracji.

Masz tu również więcej opcji, które są domyślnie wyłączone, ale możesz je włączyć, jeśli chcesz. Pierwsza pozwala użytkownikom ustawić własne hasło, a druga automatycznie loguje użytkowników po rejestracji.

Ślimak to unikalny identyfikator dla każdej strony w witrynie WordPress. Jest to część adresu URL, która znajduje się po Twojej domenie i określa, jaką stronę wyświetli użytkownik. Wtyczka Theme My Login generuje prosty komunikat dla każdej tworzonej strony. Generalnie, jeśli chodzi o slugi, powinny one jasno wskazywać, do czego dana strona jest przeznaczona. W tym przypadku automatycznie generowane slugi wtyczki są idealne. Oczywiście możesz je zmienić, jeśli uznasz to za konieczne. Tylko uważaj na puste miejsca w ślimakach, ponieważ są one zastępowane znakiem „%20”, co może szybko spowodować, że Twoje ślimaki nie będą się kwalifikowały. Zamiast tego możesz użyć myślnika (np. „strona logowania” zamiast „strona logowania”).

I pamiętaj, aby zapisać zmiany po dostosowaniu wszystkich ustawień.

Jak dodać motyw Mój widżet logowania do swojej witryny?

Jak wspomnieliśmy, wtyczka zawiera poręczny widżet, który możesz dodać do paska bocznego lub stopki. Aby uzyskać do niego dostęp, przejdź do Wygląd > Widgety i wybierz Motyw Mój widżet wtyczki. Klikając na niego, otworzy się menu rozwijane i będziesz mógł wybrać obszar widżetu, w którym chcesz umieścić widżet.

Po dodaniu widżetu do obszaru widżetów możesz zacząć go dostosowywać. Aby to zrobić, znajdź odpowiedni obszar widżetów po prawej stronie ekranu i otwórz go. Wewnątrz powinieneś zobaczyć widżet Theme My Login. Gdy już to otworzysz, będziesz mógł wybrać, czy chcesz, aby miał funkcję logowania, rejestracji lub odzyskiwania utraconego hasła.

Do obszarów widżetów możesz dodać maksymalnie trzy widżety i w każdym z nich wybrać inną opcję. Ale ponieważ zwykle zajmują dużo miejsca, nie jest to zalecane. Aby zobaczyć dodany widżet, będziesz musiał wylogować się ze swojego konta lub otworzyć witrynę w zakładce incognito.

Przydatne rozszerzenia dla motywu mój login

Wtyczka Theme My Login obsługuje szeroką gamę rozszerzeń, które są bardzo przydatne, ale nie są bezpłatne. W chwili pisania tego tekstu wtyczka obsługuje 13 różnych rozszerzeń, w tym Mailchimp, Avatar, Powiadomienia, Ulubione, Ograniczenia, Legacy Bundle itp. I chociaż darmowa wersja wtyczki zaspokoi Twoje podstawowe potrzeby w zakresie logowania front-endowego , te rozszerzenia mogą być przydatne, jeśli potrzebujesz dodatkowych funkcji.

Podsumujmy

Logowanie nie jest czymś, na co odwiedzający szczególnie czekają, gdy odwiedzają Twoją witrynę, ale jeśli już prowadzisz witrynę, która wymaga zalogowania, dlaczego nie uczynić tego tak płynnym i łatwym, jak to tylko możliwe. Biorąc pod uwagę, jak konkurencyjny może być świat online, każdy szczegół, który zapewnia wyższą jakość wrażenia użytkownika, ma znaczenie, a front-endowa strona logowania to coś, co może znacznie poprawić UX, a także pomóc wzmocnić wizerunek Twojej marki.