Jak dostosować stronę resetowania hasła WordPress

Pierwsze wrażenie ma znaczenie – nawet na stronie resetowania hasła. ✨

Testując opcje dostosowywania WordPress, stwierdziliśmy, że dobrze zaprojektowana strona resetowania hasła może poprawić profesjonalny wygląd Twojej witryny i zwiększyć komfort użytkowania.

Poświęciliśmy czas na przetestowanie różnych metod dostosowywania strony resetowania WordPress w naszych środowiskach demonstracyjnych, porównując różne podejścia, aby znaleźć najbardziej praktyczne rozwiązania.

Badania te ujawniły kilka skutecznych sposobów na branding i ulepszenie tej często pomijanej części Twojej witryny.

W tym przewodniku podzielimy się najbardziej niezawodnymi metodami, które odkryliśmy do dostosowywania strony resetowania hasła WordPress.

Dlaczego warto dostosować stronę resetowania hasła w WordPress?

Głównym powodem dostosowania strony utraty hasła jest zapewnienie lepszego i bardziej profesjonalnego doświadczenia użytkownika.

Jest to szczególnie ważne, jeśli prowadzisz sklep eCommerce lub witrynę członkowską, gdzie klienci wchodzą w bezpośrednią interakcję z tymi stronami.

Domyślnie WordPress wyświetla własne logo i branding. Chociaż jest to w porządku dla witryny, do której logujesz się tylko Ty i Twój zespół, może wydawać się nieprofesjonalne dla klientów i naruszać spójność projektu Twojej witryny.

Tworzenie niestandardowej strony pozwala zastąpić domyślny branding własnym. Możesz dopasować projekt swojej witryny, dodać swoje logo, a nawet zawrzeć dodatkowe pomocne treści, aby budować większe zaufanie u użytkowników.

Być może przejrzałeś już nasze inne poradniki dotyczące dodawania niestandardowego formularza rejestracji użytkownika i strony logowania.

Teraz przyjrzyjmy się, jak dostosować stronę resetowania hasła. Po prostu użyj poniższych szybkich linków, aby przejść bezpośrednio do metody, której chcesz użyć:

Metoda 1: Dostosowywanie strony resetowania hasła za pomocą Formidable Forms (Łatwe)

Najprostszym sposobem na zastąpienie strony resetowania hasła w WordPress jest użycie Formidable Forms. Podczas testów stwierdziliśmy, że pozwala ona zastąpić domyślną stronę resetowania hasła za pomocą shortcode'u.

Pamiętaj, że ta metoda nie pozwala na edycję formularza resetowania hasła, ale możesz dodać wokół niego własne treści. Na przykład, możesz dodać tekst, obrazy i inne treści, korzystając ze standardowego edytora postów WordPress.

Aby dowiedzieć się więcej, zapoznaj się z naszą recenzją Formidable Forms.

Krok 1: Zainstaluj Formidable Forms i dodatek

Najpierw musisz zainstalować darmową wersję pluginu. W swoim panelu administracyjnym WordPress przejdź do Plugins » Add New i wyszukaj „Formidable Forms”. Zainstaluj i aktywuj plugin.

Aby odblokować funkcje rejestracji użytkowników, będziesz potrzebować wersji premium. Po jej zakupie możesz zainstalować Formidable Forms w wersji premium.

Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować plugin WordPress.

Gdy to zrobisz, przejdź do strony Formidable Forms » Global Settings w swoim panelu administracyjnym i wybierz „Click to enter a license key manually”.

Klucz licencyjny znajdziesz na swoim koncie na stronie Formidable Forms. Po wprowadzeniu tych informacji kliknij przycisk „Save License”.

Następnie musisz zainstalować dodatek User Registration, przechodząc do Formidable » Dodatki. Na tym ekranie znajdź dodatek User Registration i kliknij jego przycisk ‘Zainstaluj’.

Krok 2: Utwórz niestandardową stronę

Teraz jesteś gotowy do utworzenia niestandardowej strony resetowania hasła, przechodząc do Strony » Dodaj nową.

Na początek nadaj stronie tytuł, a następnie kliknij przycisk +. W wyświetlonym oknie dialogowym zacznij wpisywać ‘Krótki kod’.

Po prostu kliknij odpowiedni blok, aby dodać go do strony.

Możesz teraz dodać następujący krótki kod: [frm-reset-password].

W tym momencie możesz dodać dowolną inną treść, którą chcesz wyświetlić na stronie resetowania hasła.

Krok 3: Opublikuj i skonfiguruj stronę

Gdy będziesz zadowolony z układu strony, kliknij przycisk ‘Opublikuj’, aby ją opublikować.

Na koniec musisz poinformować WordPress, aby używał tej strony zamiast domyślnej strony resetowania hasła. Aby to zrobić, przejdź do Formidable » Ustawienia globalne i kliknij zakładkę ‘Rejestracja’ w menu.

Stąd otwórz menu rozwijane ‘Strona resetowania hasła’ i wybierz stronę, którą właśnie utworzyłeś.

Nie zapomnij kliknąć przycisku ‘Zaktualizuj’ u góry ekranu, aby zapisać swoje ustawienia.

Możesz teraz odwiedzić swoją stronę WordPress, aby zobaczyć niestandardową stronę resetowania hasła w akcji.

Metoda 2: Dostosuj wszystkie strony członkostwa za pomocą ‘Theme My Login’ (bezpłatne)

Aby zapewnić spójne wrażenia użytkownika, warto zastosować te same style na wszystkich stronach członkostwa. Theme My Login to bezpłatna wtyczka, która pozwala zastąpić wbudowane strony WordPress dla panelu, logowania, wylogowania, rejestracji, zapomnianego hasła i resetowania hasła.

Nie jest to najbardziej konfigurowalne rozwiązanie, ale wszystkie jego strony będą używać Twojego motywu WordPress.

Krok 1: Zainstaluj wtyczkę

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Theme My Login. Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji Theme My Login automatycznie tworzy adresy URL dla Twoich niestandardowych ekranów logowania, wylogowania, rejestracji, utraty hasła i resetowania hasła. Możesz zobaczyć te adresy URL, przechodząc do strony Theme My Login » Ogólne.

Aby zastąpić którąkolwiek z tych stron, wystarczy utworzyć nową stronę z tym dokładnym adresem URL.

Krok 2: Utwórz nową stronę i dodaj krótki kod

Aby utworzyć niestandardową stronę resetowania hasła w WordPress, przejdź do Strona » Dodaj nową. Tutaj kliknij ikonę ‘+’ i zacznij wpisywać ‘Krótki kod’.

Gdy pojawi się odpowiedni blok, kliknij go, aby dodać do strony.

Wewnątrz bloku dodaj następujący krótki kod:

[theme-my-login action="lostpassword"]

Możesz teraz dodać dowolną dodatkową treść, którą chcesz wyświetlić na stronie resetowania hasła, na przykład swoje logo.

Krok 3: Zapisz i szybko edytuj stronę

Gdy będziesz zadowolony z konfiguracji strony, kliknij ‘Zapisz wersję roboczą’.

Następnie przejdź do Strony » Wszystkie strony i znajdź stronę resetowania hasła, którą właśnie utworzyłeś.

Po prostu najedź kursorem myszy na stronę i kliknij przycisk „Szybka edycja”, gdy się pojawi.

Krok 4: Ustaw nagłówek (Slug) i Opublikuj

W polu „Nagłówek” (Slug) wpisz „lostpassword”.

Następnie otwórz menu rozwijane „Status” i wybierz „Opublikowano”.

Po wykonaniu tej czynności kliknij „Aktualizuj”. Teraz, jeśli odwiedzisz swojego bloga WordPress, zobaczysz na żywo stronę utraty hasła.

Aby zastąpić inne wbudowane strony członkostwa WordPress, możesz postępować zgodnie z tym samym procesem. Pamiętaj tylko, aby użyć poprawnego nagłówka URL i krótkiego kodu dla każdej strony:

• Strona logowania: Użyj nagłówka login i krótkiego kodu [theme-my-login].
• Strona wylogowania: Użyj nagłówka logout i krótkiego kodu [theme-my-login action="logout"].
• Strona rejestracji: Użyj nagłówka register i krótkiego kodu [theme-my-login action="register"].
• Strona resetowania hasła: Użyj nagłówka resetpass i krótkiego kodu [theme-my-login action="resetpass"].

Metoda 3: Utwórz stronę resetowania hasła za pomocą WPForms (w pełni konfigurowalna)

Jeśli chcesz zastąpić domyślną stronę resetowania hasła całkowicie niestandardowym formularzem, zalecamy użycie WPForms.

Ten wtyczka ma szablon „Formularz resetowania hasła użytkownika”, który możesz dostosować za pomocą własnego tekstu, obrazów i brandingu. Możesz nawet dodawać i usuwać pola, aby zbierać dokładnie te informacje, których potrzebujesz od członków.

W WPBeginner użyliśmy go do tworzenia naszych corocznych ankiet i formularza kontaktowego i uznaliśmy, że jest on bardzo przyjazny dla początkujących. Szczegółowe informacje znajdziesz w naszej recenzji WPForms.

Krok 1: Zainstaluj WPForms i dodatek

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę WPForms. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do WPForms » Ustawienia i wprowadź swój klucz licencyjny. Te informacje znajdziesz na swoim koncie na stronie WPForms.

Po wprowadzeniu klucza licencyjnego będziesz musiał zainstalować dodatek User Registration, który pozwala tworzyć niestandardowe formularze rejestracji użytkowników, resetowania haseł i logowania dla Twojej witryny.

W panelu administracyjnym przejdź do WPForms » Dodatki i znajdź dodatek User Registration.

Po prostu kliknij „Zainstaluj dodatek”, aby go pobrać, a następnie kliknij „Aktywuj”, aby go włączyć.

Krok 2: Utwórz formularz z szablonu

Teraz jesteś gotowy do utworzenia własnego niestandardowego formularza resetowania hasła, przechodząc do strony WPForms » Dodaj nowy. Tutaj wpisz tytuł nowego formularza.

Po wykonaniu tej czynności przewiń do szablonu „Formularz resetowania hasła użytkownika” i kliknij jego przycisk „Użyj szablonu”.

WPForms załaduje teraz szablon Formularza resetowania hasła użytkownika.

Aby dostosować dowolne pole za pomocą własnego tekstu, etykiety lub opisu, po prostu kliknij, aby je wybrać, a następnie użyj ustawień w menu po lewej stronie.

Na przykład szablon zawiera przycisk „Wyślij”. Aby wyświetlić inny tekst przycisku, po prostu kliknij, aby zaznaczyć pole, a następnie wpisz nową wiadomość w polu „Tekst przycisku Wyślij”.

Możesz również zmienić to, co dzieje się po tym, jak użytkownik prześle żądanie zresetowania hasła, przechodząc do Ustawienia » Potwierdzenia.

Tutaj otwórz menu rozwijane „Typ potwierdzenia” i wybierz, czy przekierować użytkownika na inną stronę lub adres URL, czy po prostu wyświetlić komunikat z prośbą o sprawdzenie skrzynki odbiorczej w poszukiwaniu wiadomości e-mail z resetowaniem hasła.

Możesz również dostosować wiadomość, wpisując ją w małym edytorze tekstu. Na przykład możesz przypomnieć użytkownikom o sprawdzeniu folderów spam.

Gdy będziesz zadowolony z konfiguracji formularza, kliknij przycisk „Zapisz” w prawym górnym rogu ekranu.

Krok 3: Osadź formularz na nowej stronie

Aby zastąpić domyślną stronę resetowania hasła WordPress, utwórz stronę o identyfikatorze „one password”. Następnie dodaj formularz do tej strony.

Najłatwiejszym sposobem na zrobienie tego jest kliknięcie przycisku „Osadź” w edytorze WPForms i wybranie opcji „Utwórz nową stronę”.

Teraz wpisz tytuł nowej strony. Identyfikator zmienisz w kolejnym kroku, więc możesz użyć czegokolwiek chcesz.

Po wykonaniu tej czynności kliknij „Zaczynajmy”.

To przeniesie Cię do edytora stron WordPress, gdzie formularz został już dodany do nowej strony. Możesz teraz wprowadzić wszelkie zmiany na tej stronie, takie jak dodanie większej ilości tekstu, niestandardowego logo lub kategorii i tagów.

Gdy będziesz zadowolony z wyglądu strony, kliknij przycisk „Zapisz wersję roboczą”.

Krok 4: Ustaw nagłówek (Slug) i Opublikuj

Następnie przejdź do Strony » Wszystkie strony i znajdź właśnie utworzoną stronę resetowania hasła.

Tutaj kliknij przycisk „Szybka edycja”.

W polu „Nagłówek” (Slug) wpisz „lostpassword”.

Następnie otwórz menu rozwijane „Status” i wybierz „Opublikowano”.

Krok 5: Zainstaluj i aktywuj WPCode

Teraz musisz upewnić się, że domyślny link „Nie pamiętasz hasła?” na formularzu logowania WordPress wskazuje na Twoją nową niestandardową stronę. Najłatwiejszym sposobem na zrobienie tego jest użycie darmowego wtyczki WPCode.

WPCode to najlepsza wtyczka do fragmentów kodu, używana przez ponad 2 miliony stron WordPress. Ułatwia ona dodawanie niestandardowego kodu w WordPress bez konieczności edycji pliku functions.php.

Dzięki WPCode nawet początkujący mogą edytować kod swojej strony internetowej bez ryzyka błędów i literówek, które mogą powodować wiele typowe błędy WordPress.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować darmową wtyczkę WPCode. Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Krok 6: Utwórz nowy fragment kodu

Po aktywacji przejdź do Fragmenty kodu » Dodaj fragment kodu.

Tutaj znajdziesz gotowe fragmenty kodu, które pozwalają na przesyłanie dodatkowych typów plików do WordPress, wyłączanie stron załączników, całkowite wyłączanie komentarzy i wiele więcej.

Po prostu najedź kursorem myszy na „Dodaj własny kod”, a następnie kliknij „Użyj fragmentu kodu”, gdy się pojawi.

Na początek wpisz tytuł dla niestandardowego fragmentu kodu. Może to być cokolwiek, co pomoże Ci zidentyfikować fragment w panelu administracyjnym WordPress.

Następnie otwórz listę rozwijaną „Typ kodu” i wybierz „Fragment PHP”.

W edytorze kodu dodaj następujący fragment kodu:

add_filter( 'lostpassword_url', 'my_lostpassword_url' );
function my_lostpassword_url() {
return site_url('/lostpassword/');
}

Następnie przewiń do sekcji „Wstawianie”. WPCode może dodawać kod w różnych lokalizacjach, takich jak po każdym poście, tylko na froncie lub tylko w panelu administracyjnym.

Aby używać niestandardowego kodu PHP na całej stronie internetowej, blogu lub w sklepie WooCommerce, kliknij „Automatyczne wstawianie”, jeśli nie jest jeszcze zaznaczone. Następnie otwórz listę rozwijaną „Lokalizacja” i wybierz „Uruchom wszędzie”.

Następnie jesteś gotowy, aby przewinąć do góry ekranu i kliknąć przełącznik „Nieaktywny”, aby zmienić go na „Aktywny”.

Krok 7: Aktywuj fragment

Na koniec kliknij „Zapisz fragment”, aby fragment PHP stał się aktywny.

Teraz spróbuj odwiedzić wbudowaną stronę logowania WordPress.

Jeśli klikniesz link „Zagubiłeś hasło?”, zostaniesz przekierowany na niestandardową stronę resetowania hasła, którą właśnie utworzyłeś.

W zależności od konfiguracji Twojej witryny, może być konieczne zaktualizowanie linków resetowania hasła na innych stronach.

Jeśli utworzyłeś niestandardową stronę logowania dla WordPress za pomocą wtyczki takiej jak WPForms, zalecamy również dodanie nowego linku resetowania hasła do tego formularza.

Poradniki eksperckie dotyczące dostosowywania stron WordPress

Mamy nadzieję, że ten samouczek pomógł Ci dowiedzieć się, jak dostosować stronę resetowania hasła w WordPress. Możesz również zapoznać się z samouczkami dotyczącymi poprawy bezpieczeństwa logowania w WordPress:

• Jak utworzyć niestandardową stronę logowania WordPress (kompletny przewodnik)
• Jak i dlaczego należy ograniczyć liczbę prób logowania w WordPress
• Kluczowe wskazówki dotyczące ochrony obszaru administracyjnego WordPress
• Jak dodać pytania zabezpieczające na ekranie logowania WordPress
• Jak dodać niestandardowy adres URL logowania w WordPress (krok po kroku)

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube z samouczkami WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.