Jak dodać stronę logowania front-end i widżety w WordPress (3 sposoby)

Czy chcesz dodać stronę logowania front-end i widżety w WordPress?

Domyślna strona logowania WordPress nie zapewnia najlepszego doświadczenia użytkownika i może dezorientować użytkowników. Dodanie strony logowania front-end pozwala użytkownikom logować się bezpośrednio z przodu witryny.

W tym artykule pokażemy, jak dodać stronę logowania front-end i widżety w WordPress.

How to add a front-end login page and widgets in WordPress (3 ways)

Dlaczego I Kiedy potrzebujesz logowania Front-End w WordPress?

Domyślnie strona logowania WordPress pokaże markę WordPress i zwykle nie będzie pasować do projektu bieżącej witryny WordPress.

Default WordPress login page

Działa to na mniejszych blogach i stronach internetowych WordPress.

Jeśli jednak masz witrynę członkowską, sklep internetowy lub inną witrynę, w której użytkownicy mogą się zarejestrować i zalogować, dodanie front-endowej strony logowania i widżetu zapewnia lepsze wrażenia użytkownikom.

Możesz nawet dostosować tę stronę za pomocą własnego brandingu lub dodać prosty formularz logowania do paska bocznego WordPress.

Istnieje wiele sposobów, aby dodać stronę logowania front-end i widget logowania w WordPress. W tym samouczku pokażemy Ci 3 najprostsze sposoby, aby to zrobić.

Video Tutorial

Subskrybuj WPBeginner

Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.

Metoda 1. Dodaj stronę logowania Front-End i widżety w WordPress z WPForms

WPForms to najlepsza wtyczka do formularzy kontaktowych WordPress na rynku używana przez ponad 4 miliony stron internetowych. Pozwala łatwo utworzyć niestandardową stronę logowania front-end i widżet logowania na swojej stronie internetowej.

Aby rozpocząć, będziesz potrzebował dodatku do rejestracji użytkownika, który pozwala tworzyć formularze rejestracji i logowania użytkowników WordPress.

Następnie po prostu Użyj kreatora formularzy przeciągnij i upuść, aby utworzyć formularz logowania, a następnie dodaj go do swojej witryny za pomocą edytora bloków WordPress lub skrótu formularza.

WPForms login form

Aby uzyskać więcej informacji, zobacz nasz przewodnik dotyczący tworzenia niestandardowej strony logowania do WordPress.

Po utworzeniu formularza logowania użytkownika Możesz również dodać ten formularz do paska bocznego WordPress lub innych obszarów widżetów.

WPForms login widget

Wszystko, co musisz zrobić, to przeciągnąć widżet WPForms do dowolnego obszaru widżetu witryny i wybrać formularz logowania.

Aby uzyskać więcej informacji, zobacz nasz przewodnik, Jak dodać formularz logowania na pasku bocznym WordPress.

WPForms login widget display

Metoda 2. Dodaj stronę logowania Front-End w WordPress z SeedProd

SeedProd to najlepszy kreator stron typu “przeciągnij i upuść” WordPress na rynku używany przez ponad milion stron internetowych.

Pozwala stworzyć całkowicie niestandardową stronę logowania, która może pasować do projektu bieżącej strony internetowej lub być czymś wyjątkowym.

SeedProd login page example

Jest bardzo przyjazny dla początkujących i zawiera mnóstwo profesjonalnie zaprojektowanych szablonów stron logowania, których możesz użyć do zbudowania strony logowania.

Wszystko, co musisz zrobić, to wybrać szablon i użyć kreatora przeciągnij i upuść, aby dostosować stronę.

Możesz nawet zaprojektować całkowicie niestandardową stronę logowania front-end od podstaw za pomocą pustego szablonu.

SeedProd login page templates

Aby uzyskać więcej informacji, zobacz nasz przewodnik na temat tworzenia niestandardowej strony logowania WordPress.

Metoda 3. Dodaj stronę logowania Front-End i widżety w WordPress z motywem moje Logowanie

Jeśli chcesz dodać bardzo prostą stronę logowania front-end do swojej witryny, możesz użyć darmowego motywu moje logowanie plugin.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę. Aby uzyskać więcej informacji, zobacz nasz przewodnik dla początkujących, jak zainstalować wtyczkę WordPress.

Po aktywacji wtyczka automatycznie utworzy strony do logowania, wylogowania, zapomnienia hasła i rejestracji.

Możesz przejść do Temat Mój Login ” Ogólne i zobacz ustawienia wtyczki.

Najpierw możesz ustawić typ logowania. Ustawienie “domyślne” jest najbezpieczniejsze, ponieważ prosi o e-mail i hasło, aby się zalogować.

Theme My Login settings

Następnie możesz wybrać ustawienia rejestracji.

Zachowaliśmy tutaj ustawienia domyślne, ponieważ wymaga zarówno adresu e-mail, jak i hasła do logowania.

Możesz także zaznaczyć pole “hasła”, aby umożliwić użytkownikom tworzenie własnych haseł oraz pole “Automatyczne logowanie”, które automatycznie loguje użytkowników po rejestracji.

Theme My Login registration settings

Następnie możesz zmienić adresy URL logowania i rejestracji w Ustawieniach “ślimaki”.

Te automatycznie tworzą przekierowania. Więc, standard “yoursite.com/wp-admin” login URL przekieruje do “yoursite.com/login”.

Theme My Login URL slug settings

Możesz zachować te adresy URL takie same lub je zmienić.

Po dokonaniu zmian należy kliknąć przycisk “Zapisz zmiany”.

Save Theme My Login settings

Nie możesz dodać znacznie bardziej zaawansowanych funkcji, chyba że zaktualizujesz je do korzystania z ich rozszerzeń premium.

Mimo to jest to dobre rozwiązanie dla użytkowników o ograniczonym budżecie, którzy chcą stworzyć prostą stronę logowania front-end.

Możesz również dodać formularz logowania do obszarów widgetu WordPress, korzystając z dołączonego krótkiego kodu.

Po prostu przejdź do Wygląd ” Widgety i Przeciągnij widżet “tekst” na pasek boczny.

Następnie skopiuj i wklej poniższy kod. Możesz dostosować widżet, zmieniając tytuł lub dodając więcej tekstu. Nie zapomnij kliknąć przycisku “Zapisz”, gdy skończysz.

[theme-my-login]

Add Theme My Login widget

Teraz użytkownicy zobaczą formularz logowania na pasku bocznym WordPress lub w dowolnym innym obszarze witryny, w którym dodałeś shortcode.

Theme My Login sidebar widget display

Mamy nadzieję, że ten artykuł pomógł Ci dodać stronę logowania front-end i widżety w WordPress. Możesz również zobaczyć nasze typy ekspertów z najlepszych wtyczek członkostwa dla WordPress i nasz najlepszy przewodnik bezpieczeństwa WordPress, aby poprawić bezpieczeństwo stron logowania i widżetów.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

You May Also Like

Jak budować lojalność klientów w WordPress z Gamification?

W artykule: Dlaczego budować lojalność klientów z Gamification w WordPress?Metoda 1. Dodaj…

7 Najlepsze Wtyczki Do Kompresji Obrazu WordPress W Porównaniu (2021)

W artykule: 1. EWWW Image Optimizer2. Optimol3. ShortPixel Image Optimizer4. reSmush.it5. Kompresuj…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

Jak umożliwić użytkownikom wybór metody płatności w formularzach WordPress?

W artykule: Dlaczego oferować wiele metod płatności w WordPress?Jak skonfigurować formularz płatności…