Sprawdzone samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPress
Puchar WPB
25 milionów+
Stron korzystających z naszych wtyczek
16+
Lata doświadczenia z WordPress
3000+
Samouczki WordPress od ekspertów

Jak stworzyć niestandardową stronę logowania WordPress (ostateczny przewodnik dla początkujących)

Ogólna strona logowania WordPress może wydawać się nie na miejscu — zwłaszcza jeśli prowadzisz witrynę członkowską, kurs online lub jakąkolwiek witrynę, na której użytkownicy regularnie się logują.

Często jest to pierwsze wrażenie, jakie ludzie odnoszą po rejestracji, a jeśli wygląda ono prosto lub nie pasuje do reszty Twojej witryny, może podważyć zaufanie lub sprawić, że doświadczenie będzie chaotyczne.

Dostosowywanie strony logowania to prosty, ale skuteczny sposób na wzmocnienie marki, stworzenie bardziej profesjonalnego doświadczenia użytkownika, a nawet dodanie dodatkowego zabezpieczenia.

Przekonaliśmy się o tym na własnej skórze, gdy uruchomiliśmy nasze darmowe szkolenie wideo WordPress w WPBeginner. Spersonalizowana strona logowania sprawiła, że wszystko wydawało się bardziej spójne i od samego początku zapewniło naszym użytkownikom lepsze wrażenia.

W tym przewodniku przeprowadzimy Cię przez proces tworzenia własnej, niestandardowej strony logowania WordPress. Poznasz zarówno metody przyjazne dla początkujących, jak i zaawansowane, dzięki czemu będziesz mógł wybrać odpowiednie podejście dla swojej witryny.

Jak stworzyć niestandardową stronę logowania WordPress (kompletny przewodnik)

💡Szybka odpowiedź: Najlepsze metody dostosowywania strony logowania WordPress

Jeśli się spieszysz, oto szybkie podsumowanie trzech najlepszych metod dostosowywania strony logowania:

  • Użyj Page Buildera (Najlepszy ogólnie): Polecamy użycie SeedProd. Oferuje wizualny kreator typu „przeciągnij i upuść”, który pozwala zaprojektować całkowicie niestandardową stronę logowania od podstaw, bez pisania kodu.
  • Użyj Form Buildera (Najlepszy do osadzania): Jeśli chcesz osadzić niestandardowy formularz logowania na istniejącej stronie lub w pasku bocznym, WPForms jest najbardziej elastycznym rozwiązaniem.
  • Użyj darmowej wtyczki (Opcja podstawowa): Jeśli po prostu chcesz, aby Twoja strona logowania pasowała do nagłówka i stopki Twojego aktualnego motywu, Theme My Login jest dobrą darmową opcją.

Oto, czego nauczysz się z tego przewodnika:

Dlaczego tworzyć niestandardową stronę logowania WordPress?

Twoja witryna WordPress jest wyposażona w potężny system zarządzania użytkownikami. Umożliwia on tworzenie kont w sklepach eCommerce, witrynach członkowskich i blogach.

Domyślnie strona logowania wyświetla branding i logo WordPress. Jest to w porządku, jeśli jesteś jedyną osobą z dostępem administracyjnym lub masz bardzo niewielu użytkowników.

Przykład standardowego ekranu logowania WordPress

Jednak jeśli Twoja witryna pozwala użytkownikom na rejestrację i logowanie, niestandardowa strona logowania zapewnia lepsze wrażenia użytkownika.

Niektórzy użytkownicy mogą być podejrzliwi, jeśli ekran logowania WordPress w ogóle nie przypomina Twojej witryny. Prawdopodobnie poczują się bardziej komfortowo, jeśli użyjesz logo i projektu swojej firmy.

Na koniec, domyślny ekran logowania wyświetla tylko formularz logowania. Tworząc niestandardową stronę logowania, możesz wykorzystać tę przestrzeń do promowania innych stron lub specjalnych ofert.

Dlatego używamy niestandardowej strony logowania dla wszystkich naszych witryn, w których użytkownicy muszą wchodzić w interakcję z formularzem logowania.

Na przykład, oto niestandardowa strona logowania, której używamy dla witryny z materiałami szkoleniowymi WPBeginner.

Witryna WPBeginner WordPrss Training Videos używa niestandardowej strony logowania

Teraz przyjrzyjmy się kilku kolejnym przykładom niestandardowych projektów stron logowania WordPress.

Przykłady projektów stron logowania WordPress

Właściciele witryn mogą dostosować stronę logowania WordPress za pomocą różnych stylów i technik.

Niektórzy tworzą niestandardową stronę logowania, która wykorzystuje motyw i kolory ich witryny. Inni modyfikują domyślną stronę logowania, dodając niestandardowe tło, kolory i logo.

Oto kilka przykładów tego, co jest możliwe.

WPForms

Przykład niestandardowej strony logowania WPForms

WPForms to najlepsza wtyczka do formularzy kontaktowych WordPress na rynku. Ich wtyczka zawiera również dodatek do tworzenia pięknych formularzy logowania i rejestracji WordPress, co pokażemy Ci później w tym artykule.

Ich niestandardowa strona logowania wykorzystuje dwukolumnowy układ. Lewa kolumna zawiera formularz logowania, a prawa kolumna zawiera promocje i inne wezwania do działania.

Ich strona logowania, pokazana powyżej, informuje użytkowników o nowych funkcjach. Wykorzystuje niestandardową identyfikację wizualną, ilustrację tła i kolory marki, aby stworzyć unikalne doświadczenie logowania.

Jacquelynne Steves

Niestandardowa strona logowania Jacquelynne Steves

Jacquelynne Steves to strona internetowa poświęcona sztuce i rękodziełu, na której autorka publikuje treści dotyczące dekoracji domów, pikowania, wzorów, haftu i nie tylko.

Ich strona logowania wykorzystuje niestandardowy obraz tła pasujący do motywu strony, a formularz logowania znajduje się po prawej stronie.

Church Motion Graphics

Niestandardowa strona logowania Church Motion Graphics

Strona logowania tej firmy zajmującej się projektowaniem grafiki ruchomej ma kolorowe tło odzwierciedlające jej działalność.

Wykorzystuje ten sam nagłówek, stopkę i menu nawigacyjne co strona główna. Sam formularz logowania jest dość prosty, z jasnym tłem.

MITSloan Management Review

Niestandardowa strona logowania MITSloan

MITSloan Management Review używa okna modalnego do wyświetlania formularza logowania i rejestracji.

Zaletą okna modalnego jest to, że użytkownicy mogą się zalogować bez opuszczania strony. Pozwala to uniknąć ponownego ładowania strony i zapewnia szybsze działanie.

Czy jesteś gotów dowiedzieć się, jak stworzyć niestandardową stronę logowania w WordPress?

Tworzenie strony logowania WordPress za pomocą Theme My Login (Darmowe)

Theme My Login to darmowa wtyczka, która zmienia stronę logowania, aby pasowała do Twojego motywu WordPress. Nie jest ona zbyt konfigurowalna, ale zastąpi domyślną stronę logowania z marką WordPress i sprawi, że będzie wyglądać bardziej profesjonalnie.

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

Po aktywacji Theme My Login automatycznie tworzy adresy URL dla niestandardowego logowania, wylogowania, rejestracji, zapomnianego hasła i resetowania hasła.

Możesz dostosować te adresy URL logowania WordPress, odwiedzając stronę Theme My Login » General. Przewiń w dół do sekcji „Slugs”, aby zmodyfikować adresy URL używane przez wtyczkę do akcji logowania.

Strony logowania motywu

Theme My Login pozwala również na używanie krótkich kodów do tworzenia niestandardowych stron logowania i rejestracji. Możesz po prostu utworzyć stronę dla każdej akcji, a następnie dodać slug strony tutaj, aby wtyczka mogła znaleźć i poprawnie przekierować użytkowników.

Zacznijmy od strony logowania.

Przejdź do Strony » Dodaj nową, aby utworzyć nową stronę WordPress. Następnie musisz nadać swojej stronie tytuł, a następnie wprowadzić następujący krótki kod [theme-my-login] na stronie.

Dodawanie krótkiego kodu Theme My Login do strony

Możesz teraz opublikować swoją stronę i ją wyświetlić, aby zobaczyć swoją niestandardową stronę logowania w akcji.

Tak to wygląda na naszej testowej stronie WordPress.

Podgląd Theme My Login

Powtórz proces, aby utworzyć inne strony, używając następującego krótkiego kodu:

[theme-my-login action="register"] Dla formularza rejestracyjnego

[theme-my-login action="lostpassword"] Dla strony utraty hasła

[theme-my-login action="resetpass"] Dla strony resetowania hasła

Tworzenie niestandardowej strony logowania WordPress za pomocą WPForms

WPForms to najlepsza wtyczka do tworzenia formularzy w WordPress na rynku. Pozwala ona łatwo tworzyć niestandardowe formularze logowania i rejestracji dla Twojej strony internetowej.

WPForms to wtyczka premium WordPress i będziesz potrzebować co najmniej ich planu pro, aby uzyskać dostęp do dodatku User Registration. Użytkownicy WPBeginner mogą uzyskać 50% zniżki, korzystając z naszego kodu kuponu WPForms.

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

Po aktywacji musisz odwiedzić stronę WPForms » Ustawienia, aby wprowadzić swój klucz licencyjny. Te informacje znajdziesz na swoim koncie na stronie WPForms.

Wprowadź swój klucz licencyjny WPForms

Po wprowadzeniu klucza licencyjnego będziesz mógł zainstalować dodatki.

Przejdź do strony WPForms » Dodatki i znajdź dodatek User Registration.

Dodatek rejestracji użytkowników WPForms

Następnie kliknij przycisk „Zainstaluj dodatek”, aby pobrać i aktywować dodatek. Po aktywacji dodatku jesteś gotowy do stworzenia formularza.

Przejdź do strony WPForms » Dodaj nowy. Zostaniesz poproszony o „Wybór szablonu” dla swojego formularza. Wyszukaj szablon „User Login Form” i kliknij przycisk „Użyj szablonu”, aby kontynuować.

Szablon formularza logowania użytkownika

Wskazówka eksperta: WPForms ma również kreator formularzy AI, którego możesz użyć. Po prostu wpisz opis rodzaju formularza, który chcesz, a WPForms stworzy go dla Ciebie!

WPForms załaduje formularz logowania użytkownika z wymaganymi polami.

Możesz kliknąć pola, aby dodać własny opis lub tekst wokół nich.

Kreator formularzy WPForms

Możesz również zmienić inne ustawienia.

Na przykład domyślny tytuł przycisku to „Wyślij”. Możesz kliknąć przycisk i zmienić tekst na „Zaloguj”.

Dostosowywanie tekstu przycisku WPForms

Możesz również zdecydować, co się stanie po pomyślnym zalogowaniu użytkownika.

Musisz przejść do zakładki Ustawienia » Potwierdzenie i wybrać akcję. Możesz przekierować użytkownika na dowolny inny adres URL, przekierować go na stronę główną lub po prostu pokazać mu komunikat, że jest teraz zalogowany.

Przekieruj zalogowanych użytkowników

Gdy będziesz zadowolony z ustawień formularza, kliknij przycisk „Zapisz” w prawym górnym rogu ekranu, aby zamknąć kreator formularza.

Dodawanie niestandardowego formularza logowania do strony WordPress

WPForms ułatwia dodanie niestandardowego formularza logowania do dowolnego posta lub strony WordPress.

Po prostu edytuj stronę, na której chcesz dodać formularz logowania, lub utwórz nową. Następnie na ekranie edycji strony dodaj blok WPForms do obszaru treści.

Dodaj blok WPForms do dowolnego posta lub strony i wybierz formularz logowania użytkownika

Następnie wybierz formularz logowania, który wcześniej utworzyłeś, a blok WPForms automatycznie załaduje go w obszarze treści.

Możesz teraz kontynuować edycję strony formularza logowania. Śmiało dodawaj więcej tekstu lub bloków promocyjnych. Po zakończeniu nie zapomnij zapisać i opublikować zmian.

Teraz możesz odwiedzić swoją witrynę, aby zobaczyć swoją stronę logowania w akcji.

Podgląd formularza logowania WPForms

Tworzenie niestandardowej strony logowania WordPress za pomocą SeedProd (Zalecane)

Domyślnie Twoja niestandardowa strona formularza logowania WordPress będzie używać szablonu strony i stylów Twojego motywu. Będzie zawierać menu nawigacyjne, nagłówek, stopkę i widżety boczne Twojego motywu.

Jeśli chcesz całkowicie przejąć kontrolę nad stroną i zaprojektować coś od podstaw, możesz użyć wtyczki kreatora stron WordPress.

SeedProd to najlepszy kreator stron docelowych dla WordPress. W przeciwieństwie do standardowego kreatora formularzy, SeedProd pozwala dostosować cały układ strony, a nie tylko pole logowania.

Jest przyjazny dla początkujących i oferuje kreator metodą przeciągnij i upuść, który pomoże Ci stworzyć dowolny rodzaj strony docelowej. Obejmuje to stronę logowania, stronę „wkrótce”, stronę trybu konserwacji i inne.

Przetestowaliśmy SeedProd osobiście i mamy również szczegółową recenzję omawiającą jego funkcje, łatwość użycia i wydajność.

Najpierw musisz zainstalować wtyczkę SeedProd na swojej stronie internetowej. Aby uzyskać więcej informacji, możesz skorzystać z naszego przewodnika na temat jak zainstalować wtyczkę WordPress.

Uwaga: W tym artykule będziemy korzystać z wersji SeedProd Pro, ponieważ zawiera ona szablon strony logowania i zaawansowane bloki stron do dostosowywania.

Istnieje również bezpłatna wersja SeedProd, ale nie zawiera ona opcji tworzenia strony logowania dla Twojej witryny WordPress.

Po aktywacji wtyczki zostaniesz przekierowany do SeedProd w obszarze administracyjnym WordPress.

Tutaj musisz wprowadzić swój klucz licencyjny, który możesz łatwo uzyskać z konta SeedProd. Po wprowadzeniu klucza kliknij przycisk „Zweryfikuj klucz”.

Klucz licencyjny SeedProd

Następnie jesteś gotowy do stworzenia strony logowania w SeedProd.

Aby rozpocząć, przejdź do SeedProd » Strony docelowe i wybierz opcję „Strona logowania”, klikając przycisk „Skonfiguruj stronę logowania”.

Wybierz stronę logowania

Na następnym ekranie możesz wybrać szablon dla swojej strony logowania. Możesz również utworzyć stronę od zera, korzystając z szablonu Pusty szablon.

Sugerujemy jednak użycie szablonu, ponieważ jest łatwiejszy i szybszy w dostosowaniu strony logowania.

Wybierz szablon dla swojej strony logowania SeedProd

Po wybraniu szablonu pojawi się okno podręczne, w którym można wprowadzić nazwę strony dla swojej strony logowania. SeedProd użyje nazwy strony jako adresu URL Twojej strony docelowej.

Po wprowadzeniu tych szczegółów kliknij przycisk „Zapisz i rozpocznij edycję strony”.

Wprowadź nazwę strony i adres URL strony

Teraz możesz edytować swoją stronę logowania za pomocą kreatora przeciągnij i upuść SeedProd w zakładce Projekt. Kreator pozwala łatwo dodawać dowolne bloki stron do strony, po prostu przeciągając je z lewego menu i umieszczając je w dowolnym miejscu na stronie.

Na przykład możesz dodać tekst, wideo lub nowy przycisk do swojej strony logowania. Więcej opcji dostosowywania znajduje się w sekcji Zaawansowane bloki, gdzie możesz dodać licznik czasu, ikony udostępniania w mediach społecznościowych i inne.

SeedProd pozwala nawet usuwać istniejące bloki stron w szablonie. Wszystko, co musisz zrobić, to kliknąć ikonę kosza, aby usunąć blok strony.

Edytuj swoją stronę logowania

Następnie, jeśli klikniesz dowolną sekcję na stronie logowania, zobaczysz więcej opcji dostosowywania.

Na przykład możesz zmienić tekst i kolor pól, wybrać inną czcionkę, edytować kolor przycisku i inne.

Edytuj sekcję strony

Gdy będziesz zadowolony z projektu strony logowania, kliknij zakładkę „Połącz” na górze.

Możesz teraz połączyć różne usługi marketingowe e-mail, takie jak Constant Contact, Drip i inne.

Połącz usługi e-mail marketingu

Następnie musisz przejść do zakładki Ustawienia strony. W sekcji Ustawienia ogólne SeedProd pozwala edytować tytuł strony i zmienić jej status z wersji roboczej na opublikowaną.

Możesz również wybrać opcję użyj linku SeedProd i dodać swój link partnerski SeedProd, aby zarabiać więcej pieniędzy online.

Ustawienia strony SeedProd

Jeśli chcesz zoptymalizować swoją stronę logowania pod kątem wyszukiwarek, przejdź do ustawień SEO. Znajdziesz tu przycisk, który zainstaluje wtyczkę All In One SEO.

All in One SEO to najlepsza wtyczka SEO dla WordPress, która pozwala optymalizować Twoją witrynę WordPress pod kątem wyszukiwarek i platform mediów społecznościowych.

Najlepszy sposób jej użycia poznasz w naszym przewodniku na temat prawidłowego skonfigurowania All In One SEO dla WordPress.

Ustawienia SEO strony SeedProd

Następnie możesz dodać różne fragmenty kodu do swojej strony logowania w zakładce Ustawienia skryptów.

Na przykład, możesz chcieć dodać tutaj kod Google Analytics, piksel Facebooka lub inny kod śledzenia.

Dodaj skrypty do swojej strony logowania SeedProd

Teraz, gdy zmieniłeś ustawienia strony, kliknij przycisk „Zapisz” na górze.

Następnie musisz aktywować swoją stronę logowania. Aby to zrobić, możesz wyjść z kreatora stron docelowych, a następnie przejść do SeedProd » Strony docelowe.

Gdy tam będziesz, kliknij przełącznik, aby zmienić status strony z „Nieaktywna” na „Aktywna”.

Aktywuj swoją stronę logowania SeedProd

Możesz teraz przejść do adresu URL swojej strony logowania i zobaczyć ją w akcji.

To zrzut ekranu ekranu logowania na naszej stronie demonstracyjnej.

Podgląd strony logowania SeedProd

Alternatywa: Możesz również użyć Thrive Architect do zaprojektowania atrakcyjnej strony logowania. Jest to kolejny świetny kreator stron metodą przeciągnij i upuść, który polecamy do tworzenia niestandardowych stron.

Zawiera ponad 300 profesjonalnie zaprojektowanych szablonów, które pozwalają stworzyć stronę logowania wyglądającą jak ta poniżej.

Podgląd strony logowania

Jeśli kreatory stron WordPress nie są dla Ciebie, możesz użyć niestandardowego CSS do stylizacji formularza i samej strony logowania.

Nie zawsze musisz tworzyć niestandardową stronę logowania WordPress dla swojej witryny. Wiele witryn zastępuje logo WordPress i adres URL logo, nadal korzystając z domyślnej strony logowania.

Jeśli chcesz zastąpić logo WordPress na ekranie logowania własnym logo, możesz łatwo użyć wtyczki WordPress lub dodać niestandardowy kod. Pokażemy Ci obie metody, a Ty możesz wybrać tę, która najlepiej Ci odpowiada.

Metoda 1: Zmiana logo i adresu URL logowania WordPress za pomocą wtyczki

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki Colorlib Login Customizer. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Po aktywacji wtyczka dodaje nową pozycję menu do personalizatora motywów WordPress. Po prostu przejdź do Wygląd » Dostosuj i kliknij nową pozycję „Colorlib Login Customizer”, aby uruchomić personalizator logowania.

Uwaga: Ponieważ ta wtyczka korzysta z Personalizatora motywów, nie będzie działać, jeśli używasz motywu blokowego (takiego jak Twenty Twenty-Five), który korzysta z Edytora witryny.

Jeśli tak jest, zalecamy skorzystanie z poniższej metody kodu lub wspomnianej wcześniej metody SeedProd.

Wtyczka Colorlib Login Customizer dodaje nowy element do narzędzia Theme Customizer

Niestandardowy program do logowania załaduje Twój domyślny ekran logowania WordPress, który ma opcje dostosowywania po lewej stronie i podgląd na żywo po prawej.

Aby zastąpić logo WordPress własnym, kliknij zakładkę „Opcje logo” po prawej stronie.

Colorlib Login Customizer

Stąd możesz ukryć logo WordPress, przesłać własne niestandardowe logo oraz zmienić adres URL i tekst logo.

Możesz również dostosować rozmiar i kolor tekstu oraz szerokość i wysokość niestandardowego logo.

Prześlij niestandardowe logo na stronę logowania

Wtyczka pozwala również na całkowite dostosowanie domyślnej strony logowania WordPress. Możesz dodawać kolumny i obrazy tła, zmieniać kolory formularza logowania i nie tylko.

Zasadniczo możesz stworzyć niestandardową stronę logowania WordPress bez zmiany domyślnego adresu URL logowania WordPress.

Po zakończeniu wystarczy kliknąć przycisk „Opublikuj”, aby zapisać zmiany. Możesz teraz odwiedzić stronę logowania WordPress, aby zobaczyć swój niestandardowy formularz logowania w akcji.

Podgląd Colorlib Login Customizer
Metoda 2: Zmiana logo i adresu URL logowania WordPress za pomocą kodu

Ta metoda pozwala ręcznie zastąpić logo WordPress na ekranie logowania własnym niestandardowym logo bez potrzeby używania wtyczki. Nadaje się również do motywów blokowych.

Najpierw musisz przesłać swoje niestandardowe logo do biblioteki mediów. Po prostu przejdź do strony Media » Dodaj nowe i prześlij swoje niestandardowe logo.

Po przesłaniu obrazu kliknij link „Edytuj” obok niego. Otworzy się strona edycji mediów, gdzie musisz skopiować adres URL pliku i wkleić go w wygodnym miejscu, na przykład w pustym pliku tekstowym na komputerze.

Następnie musisz dodać następujący fragment kodu do pliku functions.php swojego motywu lub użyć wtyczki WPCode, aby łatwo dodać niestandardowy kod bez psucia witryny (zalecane):

function wpb_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(http://path/to/your/custom-logo.png);
        height:100px;
        width:300px;
        background-size: 300px 100px;
        background-repeat: no-repeat;
        padding-bottom: 10px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

Nie zapomnij zastąpić adresu URL background-image w wierszu 4 adresem URL pliku, który skopiowałeś wcześniej. Możesz również dostosować inne właściwości CSS, aby pasowały do ​​obrazu niestandardowego logo.

Możesz teraz odwiedzić stronę logowania WordPress, aby zobaczyć swoje niestandardowe logo.

Strona logowania WordPress z niestandardowym logo

Jednak ten kod zastępuje tylko logo WordPress. Nie zmienia linku logo, który wskazuje na stronę WordPress.org.

Zmieńmy to.

Po prostu dodaj następujący kod do pliku functions.php swojego motywu lub WPCode. Możesz wkleić go tuż pod kodem, który dodałeś wcześniej:

function wpb_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'wpb_login_logo_url' );
 
function wpb_login_logo_url_title() {
    return 'Your Site Name and Info';
}
add_filter( 'login_headertitle', 'wpb_login_logo_url_title' );

Nie zapomnij zastąpić „Nazwa i informacje o Twojej witrynie” nazwą Twojej witryny. Niestandardowe logo na ekranie logowania będzie teraz wskazywać na stronę główną Twojej witryny.

Wyłączanie przełącznika języków na stronie logowania WordPress

WordPress zawiera opcję logowania w postaci listy rozwijanej, która pozwala użytkownikom wybrać nowy język podczas logowania do witryny.

Jeśli na stronie jest aktywnych więcej niż jeden język, ta opcja będzie widoczna. 

Przykład przełącznika języka na ekranie logowania

Działa to dobrze w przypadku wielojęzycznych witryn i zespołów z różnymi użytkownikami, którzy mogą chcieć uzyskać dostęp do panelu WordPress w innym języku.

Ale jeśli chcesz, aby strona logowania była prosta, a Twoi użytkownicy nie muszą często przełączać języków, usunięcie przełącznika języków może pomóc w jej uporządkowaniu. Możesz to zrobić za pomocą wtyczki lub kodu.

Metoda 1: Wyłączanie przełącznika języków za pomocą wtyczki

Wystarczy zainstalować i aktywować wtyczkę Disable Login Language Switcher. Po aktywacji opcja przełącznika języka zostanie automatycznie usunięta. Nie ma dodatkowych ustawień do skonfigurowania.

Zastrzeżenie: Ta wtyczka nie została przetestowana z najnowszą wersją WordPress. Jednak podczas testowania na naszej stronie demonstracyjnej działała poprawnie. Jeśli nadal nie masz pewności, zapoznaj się z naszym przewodnikiem dotyczącym używania nieaktualnych wtyczek.

Teraz, gdy przejdziesz do ekranu logowania, zobaczysz standardowy ekran logowania bez opcji przełącznika języka.

Przykład standardowego ekranu logowania WordPress
Metoda 2: Wyłączanie przełącznika języków za pomocą kodu

Innym sposobem na wyłączenie przełącznika języka jest dodanie kodu do WordPress.

Po prostu dodaj następniujący fragment kodu do pliku functions.php lub do snippetów WPCode. Szczegółowe informacje znajdziesz w naszym poradniku, jak dodawać niestandardowe fragmenty kodu w WordPress:

add_filter( 'login_display_language_dropdown', '__return_false' );

Więcej informacji znajdziesz w naszym przewodniku, jak wyłączyć przełącznik języka na ekranie logowania WordPress.

Często zadawane pytania dotyczące stron logowania WordPress

Oto kilka pytań, które nasi czytelnicy często zadawali przed projektowaniem swoich stron logowania:

Jak stworzyć stronę logowania w WordPress bez wtyczki?

Aby utworzyć niestandardową stronę logowania bez wtyczki, możesz utworzyć niestandardowy szablon strony w swoim motywie i użyć funkcji PHP wp_login_form(). Pozwala to na wyświetlanie formularza logowania na dowolnej stronie, chociaż będziesz musiał go stylizować za pomocą CSS.

Jak działa logowanie w WordPress?

System logowania WordPress działa poprzez weryfikację nazwy użytkownika i hasła w porównaniu ze szczegółami użytkownika przechowywanymi w bazie danych WordPress. Po weryfikacji WordPress ustawia plik cookie przeglądarki, aby utrzymać Cię zalogowanym podczas nawigacji po panelu.

Jaka jest domyślna strona logowania dla strony WordPress?

Domyślna strona logowania dla każdej strony WordPress znajduje się w pliku wp-login.php. Możesz uzyskać do niej dostęp, dodając /wp-login.php na końcu nazwy domeny Twojej witryny.

Jaki jest mój adres URL logowania do WordPress?

Twój adres URL logowania do WordPress to zazwyczaj yoursite.com/wp-admin lub yoursite.com/login. Wpisanie któregokolwiek z tych adresów URL automatycznie przekieruje Cię do standardowego ekranu logowania, gdzie możesz wprowadzić swoje dane uwierzytelniające.

Jak zabezpieczyć moje logowanie do WordPress?

Możesz zabezpieczyć swoje logowanie do WordPress, wymuszając stosowanie silnych haseł i włączając uwierzytelnianie dwuskładnikowe (2FA). Zalecamy również ograniczenie prób logowania w celu zapobiegania atakom typu brute-force przez hakerów.

Jak ustawić moją witrynę WordPress jako "wkrótce"?

Najłatwiejszym sposobem jest użycie SeedProd, który ma wbudowany tryb "Wkrótce". Pozwala to na prywatną pracę nad witryną, podczas gdy odwiedzający widzą tymczasową stronę. Aby to skonfigurować, zapoznaj się z naszym poradnikiem, jak utworzyć stronę "wkrótce" w WordPress.

To wszystko. Mamy nadzieję, że ten artykuł pomógł Ci poznać różne sposoby tworzenia strony logowania WordPress dla Twojej witryny. Możesz również zapoznać się z naszym poradnikiem na temat dodawania logowania jednym kliknięciem przez Google w WordPress lub naszym przewodnikiem na temat dodawania logowania OAuth w WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po poradniki wideo dotyczące WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

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

Ostateczne Narzędzie WordPress

Uzyskaj DARMOWY dostęp do naszego zestawu narzędzi - kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

97 CommentsLeave a Reply

  1. Witaj, jak mogę edytować stronę logowania bez żadnej wtyczki!??? Za pomocą HTML i CSS… i w pliku motywu.. gdzie jest plik logowania… który muszę edytować!!! Proszę pomóż mi.. dzięki

  2. Mój problem polega na tym, że gdy użytkownik się loguje, jest przekierowywany do panelu administratora WP.. Jak to naprawić?

  3. Nie widzę ekranów pokazanych w artykule. Czy istnieje płatna wersja tej wtyczki?
    Widzę tylko opcje Ustawienia i Rozszerzenia w menu administratora TYL.

    David

    • Wtyczka Theme My Login została gruntownie przebudowana po tym, jak stworzyliśmy ten artykuł. Z pewnością zajmiemy się aktualizacją tego artykułu.

      Admin

  4. Cześć,

    To świetny artykuł. Mam jedno pytanie dotyczące tego procesu. Jak zweryfikować nazwę użytkownika i hasło? Nie widzę nic na ten temat w artykule.

    Na przykład, skąd formularz wie, czy nazwa użytkownika i hasło są prawidłowe?

    Pozdrawiam
    David DLima

    • Sprawdziłoby to bazę danych WordPress, aby zobaczyć, czy użytkownik jest prawidłowy

      Admin

  5. Jestem nowy w WordPress i próbuję samodzielnie założyć małego bloga.
    Bawię się pomysłem, aby czytelnicy „zarejestrowali się lub zalogowali”, aby uzyskać dostęp do dodatkowych funkcji.

    Z tego, co rozumiem z tej dyskusji, chodzi o to, jak stworzyć formularz logowania i zastosować go na swojej stronie, ale jak dostosować dostęp do funkcji lub zasadniczo, do czego się logują?

    • Chociaż Theme My Login zostało zaktualizowane po utworzeniu tego artykułu, obie wtyczki powinny być nadal dostępne do tworzenia strony logowania.

      Admin

  6. Cześć ,

    Dziękuję za wszystkie odpowiedzi i filmy. Wielka pomoc! Mam trzy pytania, byłbym bardzo wdzięczny za odpowiedź.

    (i) Zastanawiam się również, jaki może być sens „widżetu logowania”, jeśli nie zawiera opcji rejestracji. Zatem użytkownicy, którzy nie są zarejestrowani, będą musieli zostać przekierowani na inną stronę.

    (ii) Jak zintegrować logowanie społecznościowe z „widżetem logowania Elementor”?

    (iii) Czy nie ma sposobu na stworzenie „formularza rejestracyjnego” za pomocą Elementora.

    Dzięki

    suresh

  7. Jestem pod wrażeniem!

    Nie jestem „techniczny”, ale posiadam 6 lub 7 słabo zarządzanych stron internetowych. Mam ogromne aspiracje, ale nie talent ani zespół, który by im towarzyszył. Może mi to zająć do 100 lat, ale w końcu zrealizuję swoją wizję. Pracuję nad tym. Niezależnie od tego, nie o to chodzi w tym poście. Chodzi tylko o opisanie mnie.

    Szukam więcej automatyzacji i konkretnie szukałem sposobu na stworzenie/kupno/pozyskanie wyskakującego okienka z logowaniem społecznościowym (FB i Google), aby zbudować moją listę, co, jeśli możesz coś polecić, byłbym bardzo wdzięczny.

    Czytałem jeden z Twoich artykułów i kiedy wychodziłem, zobaczyłem Twój Ultimate toolkit. Po krótkim przejrzeniu znalazłem odpowiedzi na kilka rzeczy, o których chciałem wiedzieć, i 2 lub 3 pytania, o których nawet nie wiedziałem, że je mam. Wiem, kiedy widzę naprawdę wartościowy magnes na leady i chciałem tylko poświęcić chwilę, aby Ci pogratulować tego. DARMOWA WARTOŚĆ!

    Dziękuję
    Joshua Houston

  8. Naprawdę świetny artykuł, łatwy do zrozumienia i wdrożony na mojej stronie w kilka minut. Dziękuję.

  9. Theme My Login nie jest już opcją. Przeszli na model wyłącznie płatny i przepisali cały swój plugin.

  10. Cześć,
    Kiedy użytkownicy próbują zarejestrować się przez TML, nie otrzymują e-maila aktywacyjnego... jak mogę to rozwiązać!?

  11. Czy mogę dostosować moją domyślną stronę logowania WordPress bez żadnego pluginu? Właściwie potrzebuję tylko zmienić logo WordPress na stronie /wp-login.

  12. Czy mogę używać tych formularzy w modalnym oknie? Ponieważ próbuję zrobić logowanie w modalnym oknie.

  13. Czy jest sposób, aby wysłać członków na stronę logowania po zalogowaniu? Z góry dziękuję.

  14. Chciałbym faktycznie sprawić, by użytkownicy trafiali na określoną stronę mojej witryny, niezależnie od tego, skąd przychodzą lub jakiego linku używają – nawet jeśli prowadzi on do innej strony w mojej witrynie.

    Gdy już trafią, chcę przekierować ich na stronę, którą wybrali do odwiedzenia.

    Czy możemy to zrobić i jak?

  15. Chcę sekcję, w której pracownicy będą mogli zalogować się na jedną stronę, gdzie znajdzie się formularz do logowania ich codziennej pracy.

    Czy jest to możliwe i jeśli tak, to który plugin najlepiej odpowiada moim potrzebom?

  16. Witaj!

    Stworzyłem bezpłatną bibliotekę zasobów dla mojej witryny i chcę zbierać adresy e-mail w zamian za hasło, aby powiększyć moją listę mailingową. Mam ogromne trudności ze znalezieniem sposobu na dostosowanie strony wprowadzania hasła, ponieważ nie chcę, aby ktokolwiek miał własne konto ani nic z tych rzeczy, po prostu chcę, aby wprowadzili hasło, które ustawiłem, aby uzyskali dostęp do biblioteki. Nie podoba mi się funkcja ochrony hasłem w WP, ponieważ chcę móc zbierać e-maile na tej samej stronie, na której wprowadzają hasło, więc jest to jak „Jeśli masz hasło, wprowadź je tutaj. Jeśli nie masz hasła, wprowadź swój adres e-mail, a ja Ci go wyślę.” Czy mógłbym coś takiego tutaj zrobić? Czy masz jakieś sugestie? Byłbym bardzo wdzięczny, ponieważ utknąłem w tym problemie od 3 dni!

    Dziękuję bardzo,

    Sierra

    • Cześć Sierra,

      Jeśli używasz WPForms, możesz przekierować użytkowników na stronę pobierania. Możesz również wysłać im powiadomienie e-mail z linkiem do pobrania lub hasłem. Innym rozwiązaniem może być wysłanie linku lub hasła w automatycznej odpowiedzi za pomocą Twojego oprogramowania do e-mail marketingu. W ten sposób będziesz mógł również zweryfikować ich adres e-mail.

      Mam nadzieję, że to pomoże

      Admin

    • Cześć Sierra, natknąłem się na Twój post. Właśnie zacząłem budować swojego bloga i mam ten sam problem, co Ty. Czy możesz podzielić się swoją radą, jak stworzyć stronę chronioną hasłem dla użytkowników i uzyskać ich adresy e-mail do newslettera? Z góry dziękuję, Rob

  17. jak dodać logowanie przez media społecznościowe? chcę dodać logowanie przez media społecznościowe, ale nie mogę używać żadnych zewnętrznych pluginów. jak to zrobić

  18. To świetny artykuł, ale jak możemy zrobić to, co obecnie masz na wpbeginner.com/wp-admin

    Prosi o hasło przed załadowaniem strony. Jak możemy to osiągnąć?

  19. Używam wtyczki „Admin Custom Login” i chciałbym, aby ta strona służyła do normalnego logowania/rejestracji subskrybentów. Czy mogę zrobić stronę w menu WP z tym adresem?
    Dziękuję.

  20. Cześć,

    Chciałbym tylko stworzyć stronę logowania i link, aby użytkownicy mogli przesyłać posty i zdjęcia. Próbowałem TML, ale nic się nie dzieje po odświeżeniu strony głównej. A moja wersja WPForms to lite. Nie mam pieniędzy na zakup pełnej wersji, jeśli to konieczne. Po prostu chcę, aby moi użytkownicy mieli stronę logowania! I wskazówki

    • Cześć Chaz,

      Sprawdź ustawienia logowania swojego motywu. Możesz również spróbować zaktualizować permalinki WordPress. Po prostu odwiedź Ustawienia » Permalinki, a następnie kliknij przycisk zapisz zmiany, niczego nie zmieniając.

      Admin

  21. cześć
    próbuję znaleźć kod do dostosowania strony logowania wordpress za pomocą moich własnych niestandardowych pól. czy możesz mi pomóc, jaki jest kod do tego?

  22. Potrzebuję pomocy, muszę móc dodać logowanie klienta do mojej strony internetowej, ale tylko dla kilku stron, nie pamiętam, jak to zrobić. Nie tworzę stron cały czas. Chcę, aby strona była darmowa, więc każdy może ją przeglądać, potrzebuję tylko kilku stron dla moich klientów i agentów.

  23. czy nazwa użytkownika i hasło do strony logowania są takie same jak do obszaru administracyjnego, czy musimy utworzyć nową nazwę użytkownika i hasło dla niestandardowego obszaru logowania?

  24. TML to fajna wtyczka, której używamy na naszej stronie. Jednak strona logowania czasami przekierowuje na stronę główną naszej strony podróżniczej, ale gdy tylko pamięć podręczna zostanie usunięta, działa dobrze…
    Dzięki za sugestie..

  25. Szukałem możliwości stworzenia własnego szablonu strony logowania ze wszystkimi funkcjonalnościami. Czy jest jakiś sposób na stworzenie własnego szablonu strony logowania bez wtyczki? Lub sekcja codex, gdzie możemy się uczyć i tworzyć własny szablon logowania.

  26. Cześć,

    Próbowałem zaimplementować motyw mojej wtyczki logowania na mojej stronie, ale teraz nie mogę się nawet zalogować jako administrator. Co może być problemem?

    • Cześć,

      możesz po prostu otworzyć z twojastrona/wp-login.php
      Zastąp twojastrona nazwą swojej strony.

      Jeśli chcesz usunąć wtyczkę, zmień jej nazwę na coś innego, uzyskując dostęp do wtyczki przez filezilla/winscp lub z panelu cPanel.

  27. Witaj, chciałem tylko wiedzieć, czy kiedy tworzysz takie logowanie, członkowie strony są przekierowywani do swojego konta. Prowadzę firmę podatkową i chcę, aby moi klienci mogli uzyskać dostęp do swojego konta, a następnie przesyłać tam pliki, a także widzieć status swojego konkretnego zeznania podatkowego. Ich konto musiałoby być powiązane z ich identyfikatorami logowania, aby mogli widzieć to, co jest dla nich specyficzne. Proszę daj mi znać, dziękuję.

    • Z ustawień zaplecza WordPress -> ogólne

      zezwalaj na rejestrację użytkowników. Będzie to wyglądać mniej więcej tak:

      Ustawienia rejestracji

      Zezwalaj na nowe rejestracje Ustawienia nowych rejestracji Rejestracja jest wyłączona.
      Użytkownicy mogą się rejestrować.
      Zalogowani użytkownicy mogą rejestrować nowe witryny.
      Można rejestrować zarówno witryny, jak i konta użytkowników.

  28. Cześć, zainstalowałem wtyczkę TML, ale nie mogłem znaleźć żadnych skrótów dla stron „Rejestracja” i „Logowanie”, aby wyświetlić je na froncie. Proszę o pomoc. Dzięki.

  29. Zainstalowałem TML, ale logowanie nie wyświetla się na stronie internetowej. (Najnowsza aktualizacja WP

    Brak dostępnego identyfikatora strony w ustawieniach ogólnych. TML nie działa.

  30. Próbowałem przez Bóg wie ile dni, a dzisiaj kilka godzin instalując i odinstalowując wtyczki logowania/rejestracji. Podążyłem za każdą lekcją po drodze i dokładnie za Twoją. Ale – kolejne całkowite niepowodzenie. To nie zadziałało. Utworzyło wszystkie strony, ale umieściło formularz profilu/rejestracji na wszystkich z nich. Poddaję się! Jak wszystkie te strony mają logowania? Ponieważ nic, absolutnie nic mi nie działa. Mogę napisać książkę o wszystkich wtyczkach i programach, które wypróbowałem. Nie zamierzam zatrudniać dewelopera stron internetowych, aby ją zainstalował, ponieważ to zadanie nie powinno być takie trudne. Ale mogę Ci powiedzieć, że musi być.

    Po prostu będę musiał się obejść, jak wiele rzeczy w WordPress, które nie są dostępne dla wszystkich – tylko dla deweloperów stron internetowych. Szkoda, że nie można mieć przyzwoitej, normalnej strony, jak mają deweloperzy stron internetowych. Rezygnacja z wielu funkcji staje się dla mnie prawdziwym problemem z WordPress. Kiedy fora nie pomagają – a wtyczki nie działają – po prostu muszę się poddać i zrezygnować.

    • to nie jest trudne, ani nie użyłem wtyczki ostatnim razem, jest to na stronie menu, ale zapomniałem jak to zrobić, facet chciał mi naliczyć 80 dolarów za zrobienie tego i ja też nie zapłacę. to jest łatwe, nie pamiętam jak to zrobić, szukam od dni.

  31. Mam dość prób z tym. Jestem pewien, że to świetna wtyczka, ale jest niespójna. Nie mogę znaleźć strony logowania – pojawia się sporadycznie, a potem nie mogę sprawić, by strona rejestracji działała poprawnie.
    Pff! Zmęczony

  32. Czy jest jakiś sposób/dokumentacja, aby to zrobić bez wtyczki? Proszę o pomoc.

  33. wow, dzięki za film, bardzo pomocny.

    Jeszcze jedno pytanie: buduję stronę z płatną subskrypcją. Chcę dostosować nie tylko stronę logowania, ale także domyślną stronę WP, którą otrzymujesz po zalogowaniu (tj. z panelem po lewej stronie itp.). Czy istnieje do tego wtyczka? Czy potrzebne jest kodowanie?

    Dzięki
    Anna

  34. Czy ktoś wie, jak przenieść stronę z zainstalowaną tą wtyczką? Kiedy próbuję przenieść stronę, strona logowania przestaje działać.

    Dzięki za wszelkie sugestie.

    • Niestandardowy formularz logowania jest najlepszy ze wszystkich wtyczek, które wypróbowałem.

    • Cześć, może być kilka powodów, dla których tak się dzieje.

      Spróbuj wyłączyć wtyczkę, a następnie przenieś stronę,

      Odśwież swoje permalinki, a następnie włącz ją ponownie.

  35. Natknąłem się ostatnio na tę wtyczkę i KOCHAM JĄ!!!! Próbuję dowiedzieć się, jak zweryfikować, czy osoba jest zalogowana, zanim pozwoli jej napisać post za pomocą Gravity Forms.

    Wszystkie formularze działają poprawnie, znalazłem ogólny kod do przekierowania na wp-login.php, ale ponieważ używam wtyczki, chcę, aby przekierowywała do tego samego, co ekran logowania motywu.

    Oto przykładowy kod: (skonfigurowany jako page_loggedin.php)

    <?php else:
    wp_die('Przepraszamy, musisz najpierw się zalogować, aby wyświetlić tę stronę. Możesz zarejestrować się bezpłatnie tutaj.');
    endif; ?>

    Nie chcę zakodowanych na stałe odniesień do strony, więc każda pomoc z kodem PHP będzie mile widziana! Preferowanym wyborem byłoby, gdyby użytkownik nie był zalogowany, przekierowanie tak jak robi to wtyczka (ale jeszcze nie znalazłem, jak to robi).

    Ken

  36. Właśnie pobrałem Theme My Login, wersja 6.3.9, i zainstalowałem ją w moim motywie WordPress (wp wersja 3.9). Aktywowałem wtyczkę, ale nie widzę Theme My Loging w (pod) Ustawieniami. Widzę TML pod Ustawieniami, który pokazuje moduły i ogólne, ale bez zakładek. Pomocy!

  37. jak mogę stworzyć platformę, na której odwiedzający stronę będą mogli tworzyć profile i je edytować.

  38. Podoba mi się ten wtyczka
    Jak usunąć kropki przy „utracone hasło” i „zarejestruj się” na stronie logowania? I usunąć „utracone hasło” na stronie rejestracji?
    Chcę zachować te opcje, ale usunąć kropki.

  39. Czy muszę zaktualizować mojego WordPressa do wersji Enterprise, aby mieć funkcję wtyczki dla mojej strony i zainstalować moją niestandardową funkcję logowania?

  40. Czy ta strona logowania może być używana do logowania na konkretną stronę witryny? Nie chcę, aby ludzie logowali się do sekcji administracyjnej, ale kiedy klikną link do konkretnej strony, chcę, aby ludzie mogli logować się za pomocą nazwy użytkownika i hasła tylko dla tej jednej strony. Muszą mieć możliwość założenia konta i utworzenia własnego hasła, dlatego nie mogę użyć opcji ochrony hasłem oferowanej na stronę przez WordPress. Nazwy użytkowników i hasła wszystkich członków muszą być unikalne.

  41. To bardzo dobra wtyczka do logowania. Ale jeśli chcemy wyłączyć nagłówek i stopkę za pomocą tej wtyczki, to jak możemy to zrobić. Jeśli ktoś to wie, proszę przesłać swoją odpowiedź i podać mi ją na mój adres e-mail.

  42. Ta wtyczka jest w porządku, chyba że ktoś zgubi hasło. Nie wiem, czy to ja, ale wtyczka wydaje się nie komunikować zbyt dobrze z WordPressem. Na przykład James traci hasło do mojej strony. Prosi o wysłanie nowego hasła. James otrzymuje e-mail z informacją, że zgubił hasło, ale powinien przejść na stronę *pustą*, aby je zresetować. Niestety, nie ma nigdzie, gdzie James mógłby uzyskać/zresetować swoje hasło. Teraz mogę się mylić, ale do tej pory nie znalazłem sposobu na obejście tego problemu.

    • Jest kompatybilna. Jedynym powodem, dla którego autor wtyczki nie zaktualizował pliku readme wtyczki, jest to, że nie dodał jeszcze nowych funkcji. Działa bez zarzutu.

      Admin

Zostaw odpowiedź

Dziękujemy za wybranie opcji pozostawienia komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentarzy, a Twój adres e-mail NIE zostanie opublikowany. Proszę NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.