Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak dostosować stronę resetowania hasła WordPress?

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz utworzyć własną stronę resetowania hasła w WordPress?

Domyślny formularz resetowania hasła WordPress ma standardowy branding WordPress.org i nie zmienia się, aby pasował do twojego motywu. Nie jest to najlepsze rozwiązanie, zwłaszcza jeśli prowadzisz witrynę członkowską lub portal klienta.

W tym artykule pokażemy, jak łatwo dostosować stronę resetowania hasła dla klientów WordPress.

How To Customize WordPress Reset Password Page

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

Twoja witryna internetowa WordPress jest wyposażona w potężny system zarządzania użytkownikami, który umożliwia tworzenie konta użytkownika, logowanie się i resetowanie hasła.

Domyślnie strony te wyświetlają branding i logo WordPress. Czasami nie stanowi to większego problemu, zwłaszcza jeśli ty lub twój zespół jesteście jedynymi osobami logującymi się do obszaru administracyjnego.

Default Reset Password Page

Jeśli jednak prowadzisz sklep e-handel lub witrynę członkowską, Twoi klienci również mogą potrzebować logowania się.

Możesz zapewnić znacznie lepsze wrażenia użytkownika, dostosowując te strony do projektu i marki Twojej witryny internetowej. Jeśli chcesz, możesz również dodać dodatkowe treści, takie jak twoje logo lub lista ostatnich wpisów.

Być może śledziłeś już nasze inne przewodniki dotyczące dodawania własnego formularza rejestracji użytkownika i strony logowania. Teraz przyjrzyjmy się, jak dostosować stronę resetowania hasła. Skorzystaj z poniższych odnośników, aby przejść bezpośrednio do wybranej metody:

Metoda 1: Dostosowanie strony resetowania hasła przy użyciu Formidable Forms (Easy)

Najprostszym sposobem na zastąpienie strony resetowania hasła WordPress jest użycie Formidable Forms. Ta wtyczka pozwala zastąpić domyślną stronę resetowania hasła za pomocą krótkiego kodu.

Ta metoda nie pozwala na edycję formularza resetowania hasła, ale możesz dodać twoją własną treść wokół niego. Można na przykład dodawać tekst, obrazki i inne treści za pomocą standardowego edytora wpisów WordPress.

An example of a custom password reset page

Najpierw musisz zainstalować wtyczkę Formidable Forms. Aby dowiedzieć się więcej, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu należy również zainstalować Formidable Forms Lite. Ta darmowa wtyczka stanowi rdzeń dla bardziej zaawansowanych funkcji wtyczki premium.

Gdy to zrobisz, przejdź do strony Formidable Forms ” Ustawienia globalne w twoim kokpicie i wybierz opcję „Kliknij, aby ręcznie wpisz klucz licencyjny”.

The Formidable Forms license page

Klucz licencyjny można znaleźć na Twoim koncie w witrynie internetowej Formidable Forms. Po wpiszeniu tych informacji, kliknij przycisk „Zapisz licencję”.

Następnie należy zainstalować dodatek User Registration, przechodząc do Formidable ” Add-Ons. Na tym ekranie znajdź dodatek User Registration i kliknij jego przycisk „Zainstaluj”.

Formidable Forms Add-Ons Page

Teraz możesz utworzyć własną stronę resetowania hasła, przechodząc do Strony ” Dodaj nowy.

Aby rozpocząć, nadaj stronie tytuł, a następnie kliknij przycisk +. W wyskakującym okienku, które się pojawi, zacznij wpisywać „Krótki kod”.

Adding a shortcode block to WordPress

Wystarczy kliknąć odpowiedni blok, aby dodać go do strony.

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

Adding a custom password reset form using shortcode

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

Gdy jesteś zadowolony z konfiguracji strony, kliknij przycisk „Opublikuj”, aby ją uruchomić.

Na koniec musisz powiedzieć WordPressowi, aby używał tej strony zamiast domyślnej strony resetowania hasła. Aby to zrobić, przejdź do Formidable ” Ustawienia globalne, a następnie kliknij kartę „Rejestracja” w menu.

W tym miejscu wystarczy otworzyć menu rozwijane „Resetuj stronę hasła” i wybrać utworzoną przed chwilą stronę.

Formidable Forms Global Settings Registration Page

Nie zapomnij kliknąć przycisku „Aktualizuj” u góry ekranu, aby zapisać twoje ustawienia.

Możesz teraz przejść na swoją witrynę internetową WordPress, aby zobaczyć własną stronę resetowania hasła w działaniu.

Metoda 2: Dostosuj wszystkie strony członkowskie za pomocą „Theme My Login” (za darmo)

Aby zapewnić spójne wrażenia użytkownika, dobrym pomysłem jest użycie tego samego stylu na wszystkich twoich stronach członkowskich. Theme My Login to darmowa wtyczka, która pozwala zastąpić wbudowany kokpit WordPress, strony logowania, wylogowania, rejestracji, zapomniałem hasła i resetowania hasła.

Nie jest to najbardziej konfigurowalne rozwiązanie, ale wszystkie jego strony będą korzystać z twojego motywu WordPress.

A custom lost password page in WordPress

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę Theme My Login. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu, Theme My Login automatycznie tworzy adresy URL dla własnych ekranów logowania, wylogowania, rejestracji, utraty hasła i resetowania hasła. Możesz zobaczyć te adresy URL, przechodząc do strony Motyw Moje logowanie ” Ogólne.

Theme My Login Slugs

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

Aby utworzyć własną stronę resetowania hasła WordPress, przejdź do Strona ” Dodaj nowy. Tutaj kliknij ikonkę „+” i zacznij wpisywać „Krótki kod”.

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

Adding a custom password reset page using a shortcode

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

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

Możesz teraz dodać wszelkie dodatkowe treści, które chcesz wyświetlić na stronie resetowania hasła, takie jak twoje logo. Kiedy będziesz zadowolony z konfiguracji strony, kliknij „Zapisz wersję roboczą”.

Publishing a custom password reset page

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.

Adding password reset with quick edit

W polu „Uproszczona nazwa” wpisz „lostpassword”.

Następnie otwórz listę rozwijaną „Status” i wybierz „Opublikowane”.

Customizing the password reset slug in WordPress

Po wykonaniu tej czynności kliknij przycisk „Aktualizuj”. Teraz, jeśli przejdziesz na twój blog WordPress, zobaczysz stronę z utraconym hasłem.

Aby zastąpić inne wbudowane strony członkowskie WordPress, wystarczy wykonać kroki opisane powyżej, ale upewnij się, że używasz odpowiedniej uproszczonej nazwy adresu URL i krótkiego kodu.

Na przykład, jeśli chcesz utworzyć własną stronę resetowania hasła, musisz użyć krótkiego kodu [theme-my-login action="resetpass"]. Należy również zmienić uproszczoną nazwę adresu URL na resetpassword.

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 własnym formularzem, zalecamy skorzystanie z WPForms.

Wtyczka ta posiada szablon „User Password Reset Form”, który można konfigurować za pomocą własnego tekstu, obrazków i brandingu. Możesz nawet dodawać i usuwać pola, aby zbierać dokładnie te informacje, które chcesz od członków.

The WPForms drag and drop form editor

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i włączanie wtyczki WPForms. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu przejdź do WPForms ” Ustawienia i wpisz swój klucz licencyjny. Informacje te można znaleźć na Twoim koncie w witrynie internetowej WPForms.

Entering the WPForms license key

Po wpiszeniu klucza licencyjnego należy zainstalować dodatek User Registration, który umożliwia tworzenie własnych formularzy rejestracji użytkowników, resetowania hasła i logowania dla twojej witryny.

W kokpicie przejdź do WPForms ” Addons i znajdź User Registration Addon.

The WPForms user registration addon

Wystarczy kliknąć „Zainstaluj dodatek”, aby go pobrać, a następnie kliknąć „Włączanie”, aby go uruchomić.

Teraz możesz utworzyć swój własny formularz resetowania hasła, przechodząc do strony WPForms ” Dodaj nowy. Tutaj należy wpisać rodzaj tytułu dla nowego formularza.

Po wykonaniu tej czynności przewiń do szablonu „User Password Reset Form” i kliknij przycisk „Use Template”.

The WPForms password reset template

WPForms będzie teraz wczytywać szablon formularza resetowania hasła użytkownika.

Aby dostosować dowolne pole do własnego tekstu, etykiety lub opisu, wystarczy kliknąć, aby je zaznaczyć, a następnie skorzystać z ustawień w menu po lewej stronie.

Na przykład szablon ma przycisk „Prześlij”. Aby wyświetlić inną etykietę przycisku, wystarczy kliknąć, aby zaznaczyć pole, a następnie wpisać nowy rodzaj wiadomości w polu „Submit Button Text”.

Customizing the text in a password reset form

Możesz także zmienić to, co dzieje się, gdy użytkownik przesyła prośbę o zresetowanie hasła, przechodząc do Ustawienia ” Potwierdzenia.

W tym miejscu otwórz menu rozwijane „Rodzaj potwierdzenia” i wybierz, czy chcesz przekierować użytkownika na inną stronę lub adres URL, czy po prostu wyświetlić wiadomość z prośbą o sprawdzenie skrzynki odbiorczej w poszukiwaniu e-maila z resetem hasła.

Creating a custom message for the WPForms password reset page

Wiadomość można również dostosować do własnych potrzeb, wpisując jej rodzaj w małym edytorze tekstu. Na przykład, możesz przypomnieć użytkownikom o sprawdzeniu ich katalogów spamu.

Pro Tip: Jeśli twoje e-maile regularnie trafiają do spamu, zalecamy skorzystanie z usług dostawcy usług SMTP, aby poprawić wskaźniki dostarczalności e-maili.

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

Aby zastąpić domyślną stronę resetowania hasła WordPress, należy utworzyć stronę o uproszczonej nazwie „onepassword”. Następnie możesz dodać formularz do tej strony.

Najłatwiej to zrobić, klikając przycisk „Osadzanie” w edytorze WPForms. Następnie wybierz opcję „Utwórz nową stronę”.

Adding WPForms to a new WordPress page

Teraz wpisz rodzaj tytułu dla nowej strony. Uproszczona nazwa zostanie zmieniona w późniejszym kroku, więc możesz użyć dowolnego elementu.

Gdy to zrobisz, kliknij „Let’s Go”.

Adding a custom password reset form to a WordPress page

Spowoduje to przejście do edytora stron WordPress, z formularzem już dodanym do nowej strony. Możesz teraz wprowadzić dowolne zmiany na tej stronie, takie jak dodanie większej ilości tekstu, własnego logo lub kategorii i tagów.

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

Creating a custom password reset form using WPForms

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

Tutaj kliknij przycisk „Szybka edycja”.

Customizing the password reset slug

W polu „Uproszczona nazwa” wpisz „lostpassword”.

Następnie otwórz listę rozwijaną „Status” i wybierz „Opublikowane”.

Customizing the password reset slug in WordPress

Teraz musisz przekierować klientów na własną stronę resetowania hasła, a nie na wbudowaną stronę WordPress. Najłatwiej to zrobić za pomocą darmowej wtyczki WPCode.

WPCode to najlepsza wtyczka fragmentów kodu używana przez ponad 2 miliony witryn internetowych WordPress. Ułatwia ona dodawanie własnego kodu w WordPressie bez konieczności edytowania pliku functions.php.

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

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć darmową wtyczkę WPCode. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu udaj się do Code Snippets ” Add Snippet.

Adding a custom snippet to WordPress

Znajdziesz tu gotowe fragmenty kodu, które umożliwiają przesyłanie dodatkowych rodzajów plików do WordPressa, wyłączanie stron z załącznikami, całkowite wyłączanie komentarzy i nie tylko.

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

Redirect to a custom password reset page with WPCode

Na początek wpisz tytuł własnego fragmentu kodu. Może to być cokolwiek, co pomoże zidentyfikować fragment kodu w kokpicie WordPress.

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

Adding a password reset redirect

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 „Wstawienie”. WPCode może dodawać kod w różnych miejscach, takich jak po każdym wpisie, tylko frontend lub tylko administrator.

Aby użyć własnego kodu PHP w całej witrynie internetowej, blogu lub sklepie WooCommerce, kliknij opcję „Automatyczne wstawienie”, jeśli nie jest jeszcze wybrana. Następnie otwórz listę rozwijaną „Lokalizacja” i wybierz „Uruchom wszędzie”.

Adding a redirect to WordPress using a code snippet plugin

Następnie możesz przewinąć do góry ekranu i kliknąć przełącznik „Nieaktywne”, aby zmienił się na „Aktywne”.

Na koniec kliknij „Zapisz fragment”, aby uruchomić fragment kodu PHP.

Publishing a custom PHP snippet in WordPress

Teraz spróbuj przejść na wbudowany ekran logowania WordPress.

Jeśli klikniesz odnośnik „Zgubiłeś hasło?”, zostaniesz przekierowany na własną stronę resetowania hasła, którą właśnie utworzyłeś.

A custom password reset form

W zależności od tego, jak skonfigurowana jest twoja witryna, może być konieczne zaktualizowanie odnośników do resetowania hasła na innych stronach.

Jeśli utworzyłeś własną stronę logowania do WordPressa za pomocą wtyczki, takiej jak WPForms, zalecamy również dodanie nowego odnośnika do resetowania hasła do tego formularza.

Customizing the login page and form

Przewodniki ekspertów na temat dostosowywania stron WordPressa

Teraz, gdy już wiesz, jak dostosować stronę resetowania hasła WordPress, możesz zobaczyć kilka samouczków WordPress na temat dostosowywania innych stron.

Mamy nadzieję, że ten poradnik pomógł ci dowiedzieć się, jak dostosować stronę resetowania hasła WordPress. Możesz również dowiedzieć się, jak utworzyć darmowy biznesowy adres e-mail lub zapoznać się z naszą listą niezbędnych wtyczek do rozwoju twojej witryny.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

5 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.