Domyślne strony rejestracji i logowania WordPress są w porządku, jeśli wszystko, co budujesz, to podstawowa strona z garstką użytkowników. Jeśli jednak często pracujesz nad projektami klientów, tworzenie niestandardowych stron to świetny sposób na przekroczenie ich oczekiwań i ułatwienie życia.

Zapewnienie użytkownikom możliwości rejestracji, logowania i sprawdzania swoich danych, bez oglądania zaplecza WordPress, zapewnia wygodniejsze (nie wspominając o mniej mylącym) doświadczenie.

Ponadto możesz kontrolować styl i funkcje tych stron, zapewniając, że ich projekt pasuje do reszty witryny.

Możesz również dodać dodatkowe elementy, które mogą być potrzebne-takie jak dodatkowe pola profilu do formularza rejestracyjnego barebones.

W dzisiejszym poście przyglądamy się najlepszym profilom, rejestracji i wtyczkom logowania do WordPress.

W ten sposób możesz tworzyć w pełni spersonalizowane strony, a wszystko to bez edytowania Licka kodu! Jedyne, co musisz zrobić, to skopiować i wkleić linię.

Więc bez zbędnych ceregieli, zajmijmy się tym.

Zaczynając od:

Wtyczki Do Dostosowywania Strony Logowania WordPress

Domyślna strona logowania WordPress jest prosta i nudna.

I tak powinno być.

W końcu jest to punkt wejścia dla milionów witryn na całym świecie (wszystkie z własnymi projektami), więc musi być gotowy na każdy rodzaj witryny.

Niestety, WordPress nie ewoluował do etapu, w którym można jeszcze dostosować stronę logowania w zapleczu.

Dobra wiadomość jest taka, że dostosowanie wyglądu można ułatwić za pomocą wtyczek.

* Notatka boczna: Jeśli wolisz dostosowania oparte na kodzie, nasz post “Jak całkowicie dostosować stronę logowania WordPress” przeprowadzi Cię przez wszystkie fragmenty, które musisz zmienić. Wszystko, od tła strony logowania po aktualizację czcionek, linków i obrazów.

A look at a unique login page
Moc tworzenia własnej unikalnej strony logowania WordPress.

Ale zgodnie z obietnicą, ten artykuł jest o tym” bez kodowania ” życie.

Oto kilka fantastycznych wtyczek WordPress, które pozwalają dostosować wygląd strony logowania:

  • Branda

    Screenshot of Branda from wordpress.org

    Nie bez powodu Branda jest jedną z naszych najpopularniejszych wtyczek.

    Jest łatwy w użyciu i można dokonać szybkich dostosowań, co pozwala stemplować swoją markę na swojej stronie lub na stronie klienta.

    Na przykład możesz zacząć od wybrania jednego z gotowych szablonów:

    adjust your login screen background using Branda

    Następnie możesz dostosować zawartość swojej strony logowania.

    Mogą to być elementy takie jak logo i tło strony. Jak również pola formularza logowania, a nawet treść komunikatów o błędach.

    change up the settings of your content with BrandaGdy już będziesz zadowolony z zawartości, możesz całkowicie przeprojektować ekran logowania za pomocą niestandardowych elementów projektu, kolorów i czcionek.

    adjust the design elements of your WordPress login page

    adjust the colors of your login page

    Example of a custom login page
    Stwórz pięknie spersonalizowaną stronę logowania z Branda.

    W razie potrzeby możesz również użyć Branda do białej etykiety innych obszarów witryny, takich jak obszary administracyjne, widżety i inne aspekty interfejsu użytkownika. Obejrzyj poniższy film, aby zobaczyć Brandę w akcji:

    Interesuje Cię Branda?

    Szczegóły
  • LoginPress

    Następnie mamy LoginPress, który wykorzystuje WordPress customizer, aby ci pomóc(zgadłeś!) Dostosuj swoje strony logowania.

    Oznacza to również, że masz podgląd na żywo wszelkich zmian i dostosowań w trakcie ich wprowadzania.

    customize your login page using the customizer

    Zobaczysz, że wtyczka daje wiele pól dostosowywania do wyboru. Wszystko pomaga dostosować ogólny układ i wygląd strony logowania WordPress.

    Wszystko, od logo, obrazu tła i reCAPTCHA – do wyglądu komunikatów o błędach logowania, zapomnianych komunikatów o błędach, komunikatów o błędach rejestracji, komunikatów o przypomnieniu hasła i innych.

    Interesujesz się LoginPress?

    Szczegóły
  • Colorlib Login Customizer

    Podobnie jak w przypadku LoginPress, możesz dostosować wygląd swojej strony logowania za pomocą Colorlib za pomocą WP customizer.

    Masz również dostęp do oczekiwanych opcji dostosowywania. Każda z tych opcji umożliwia dalsze dostosowywanie (jak w przypadku innych wtyczek powyżej) po kliknięciu.

    Select from a bunch of different customization options

    Na przykład, jeśli chcesz dodać własne logo do strony logowania, możesz dodać swój obraz, nadać mu “tytuł kursora” i w razie potrzeby dodać link do swojego logo.

    Customize the logo shown

    Następnie możesz zmienić układ strony logowania.

    Jak widać, możesz podzielić stronę na kolumny, zmienić szerokość kolumn i dostosować wyrównanie formularza.

    Adjust the layout of your page and the login form

    Zainteresowany Colorlib login Customizer?

    Szczegóły

Wtyczki Do Dostosowywania Formularzy Rejestracyjnych WordPress

Nadanie formularza rejestracyjnego niestandardowego wyglądu jest (jak już wspomniałem) prostym sposobem, aby poczuł się bardziej zintegrowany z Twoją witryną.

Ponadto, podobnie jak strona logowania, możesz samodzielnie wprowadzać zmiany w kodzie, jeśli chcesz.

Ale dla reszty z was, oto niektóre z naszych najlepszych wyborów dla niestandardowych wtyczek formularza rejestracyjnego:

  • BuddyPress

    BuddyPress plugin

    Możesz być zaskoczony, aby znaleźć BuddyPress na tej liście, ponieważ jego głównym celem jest stworzenie społecznościowego typu społeczności.

    Powodem, dla którego ta wtyczka jest pomocna, jest sposób, w jaki zastępuje domyślny formularz rejestracyjny WordPress własnym stworzeniem.

    Na przykład domyślny formularz rejestracyjny BuddyPress dodaje niestandardowe pole hasła, które prosi użytkowników o wybranie hasła i dostosowanie jego siły:

    buddypress lets you add additional password fields

    Możesz również dodać nieograniczoną liczbę pól niestandardowych, które są przechowywane w profilu użytkownika.

    Dla Zabawy dodałem pole rozwijane “ulubiony kolor” i “jakie są Twoje cele?”pole listy kontrolnej:

    you can add more fields to your register page using BuddyPress
    what it looks like when you add custom fields

    Oto niektóre z innych typów pól, które możesz utworzyć:

    • Pole tekstowe.
    • Wielowierszowe pole tekstowe.
    • Wybór daty.
    • Przyciski radiowe.
    • Pole wyboru wielokrotnego.

    Ogólnie rzecz biorąc, jeśli chcesz, aby Formularz rejestracyjny Twojej witryny dodawał hasło i pola niestandardowe, ta wtyczka jest warta zainstalowania.

    Zainteresowany BuddyPress?

    Szczegóły
  • Kreator Profili

    Aby rozpocząć korzystanie z narzędzia Profile Builder, wystarczy wkleić krótki kod “register page” w dowolnym miejscu, w którym chcesz wyświetlić pola rejestracji.

    Nie musisz jednak tworzyć nowej strony, ponieważ domyślnie ta wtyczka ustawia stronę rejestracji.

    Add the profile builder shortcode and your registration form will be all ready to go

    Jak widać poniżej, shortcode jest fabrycznie załadowany z kilkoma polami rejestracji.

    A preview of your registration page

    Jeśli chcesz dostosować wyświetlane pola, możesz to zrobić za pomocą ustawień. Możesz także dodać dodatkowe pola, które nie są ustawione jako domyślne:

    Choose which fields you wish to show
    Examples of the fields you can add to your forms

    Jeśli chcesz tworzyć niestandardowe pola i dodawać inne funkcje, są one dostępne jako aktualizacje premium.

    Dzięki tej wtyczce masz również możliwość włączenia dodatkowych funkcji, takich jak:

    • Front end odzyskiwanie hasła.
    • Umożliwienie użytkownikom logowania się za pomocą nazwy użytkownika lub adresu e-mail.
    • Możliwość ustawienia minimalnej siły hasła dla użytkowników podczas rejestracji.

    Na koniec kolejną świetną funkcją jest możliwość wyboru, kto widzi Pasek administracyjny WordPress, gdy użytkownicy są zalogowani.

    Choose who sees the admin bar while logged into wordpress

    Interesuje Cię Profile Builder?

    Szczegóły
  • Pie Register

    Co się stanie, jeśli potrzebujesz niestandardowego formularza rejestracyjnego oraz profil użytkownika front-end?

    Bądź pewny, Pie Register nie flake na Ciebie.

    Na początek możesz zarządzać polami rejestracji, które domyślnie zawierają pola, których się spodziewasz.

    Jeśli chcesz zmienić kolejność pól, możesz po prostu przeciągnąć i upuścić, aż będziesz zadowolony.

    Select which fields you'd like to feature on your registration page

    Po prawej stronie masz również możliwość dodania wielu innych pól.

    Wszystko, od Re-Captcha i matematyki Captcha, do list kontrolnych i rozwijanych.

    Add more fields if required

    Użytkownicy mogą również edytować informacje, które zarejestrowali, na wybranej stronie frontowej.

    Po prostu wklej krótki kod na wyznaczonej stronie profilu użytkownika:

    Drop in the shortcode for a user profile page

    Spowoduje to utworzenie prostej strony Użytkownika, na której można łatwo zmienić podstawowe ustawienia.

    Users can then edit their profiles

    Jak wspomniano, możesz zaktualizować swój profil z przodu w WordPress bez użycia wtyczki. Po prostu uważamy, że wtyczki znacznie ułatwiają sprawy.

    Wtyczka Pie Register pozwala również na:

    • Włącz płatności PayPal.
    • Dostosuj wiadomości e-mail z powiadomieniami użytkowników i administratorów.
    • Block the wp-login.php strona i użytkownicy logują się do niestandardowej strony lub widżetu dla dodatkowego bezpieczeństwa.
    • Włącz dwustopniową weryfikację wiadomości e-mail.
    • Dostosuj CSS.
    • Ukryj pasek administracyjny WordPress od subskrybentów.

    Zainteresowany Pie Register?

    Szczegóły
  • Meta Użytkownika

    Dzięki wtyczce Meta użytkownika możesz tworzyć niestandardowe formularze rejestracyjne z nieograniczoną ilością pól.

    Przesłanie formularza jest następnie wysyłane pocztą elektroniczną do administratora, a także udostępniane dla danego profilu użytkownika.

    Ta bezpłatna wtyczka zawiera również możliwość tworzenia strony profilu front-end dla użytkowników do przeglądania i edycji.

    Kreator formularzy ma interfejs typu “przeciągnij i upuść” z wieloma dostępnymi opcjami, w tym udostępnianie wybranych pól tylko przez administratorów.

    Adjust the fields you wish to display on your registration or profile pages

    Oprócz zwykłych pól można również dodawać unikalne pola, takie jak pola wyboru i listy rozwijane.

    Add extra fields

    Gdy będziesz zadowolony z pól, po prostu wklej krótki kod, gdzie chcesz, i sprawdź, jak wygląda Twoja strona NA ŻYWO:

    Enter the shortcode on any page you wish to be a registration or profile page
    What your page will look like live

    Jeśli chcesz włączyć inne pola, takie jak captcha, przesyłanie plików, kraj lub całkowicie niestandardowe pole, istnieje opcja aktualizacji premium.

    Po uaktualnieniu udostępnionych zostanie wiele innych ustawień, w tym niestandardowe powiadomienia e-mail i funkcjonalność wielu witryn.

    Zainteresowany Meta użytkownika?

    Szczegóły
  • Magia Rejestracji

    Rejestracja Magic to darmowa wtyczka umożliwiająca tworzenie niestandardowych formularzy logowania, kontaktu i rejestracji.

    Jest również bardzo łatwy w instalacji i obsłudze. Formularz można utworzyć w kilka sekund, a następnie wyświetlić na stronie z krótkim kodem.

    This plugin makes creating forms easy.
    Utwórz szereg różnych formularzy, a następnie wklej krótki kod, aby je aktywować.
    select the fields to go in your form
    Dostosuj pola wyświetlane w formularzach.
    Adjust the design of your form and fields
    Dostosuj wygląd swoich pól i formularzy.

    Dodawanie funkcji, takich jak reCAPTCHA i przechwytywanie adresu IP użytkownika formularza i informacji o przeglądarce można włączyć na stronie ustawień.

    Ta wtyczka ma również wiele unikalnych opcji tworzenia niestandardowych formularzy, takich jak tworzenie auto-responder i przekierowanie strony po przesłaniu formularza.

    Create an autoresponder to go with your forms

    Jeśli potrzebujesz funkcji formularze oparte na rolach, musisz ją uaktualnić. To samo dotyczy pola załączników plików i analizy formularzy.

    Zainteresowany magią rejestracji?

    Szczegóły

Wtyczki Do Dostosowywania Profili Front-End WordPress

Ostatnim krokiem jest dostosowanie formularzy profilu front-end. Może to być wprowadzenie podstawowych zmian, aby całkowicie zmienić styl i funkcję Twoich formularzy.

Z pewnością istnieje kilka świetnych opcji, aby to zrobić. Uważamy jednak, że jest tylko jedna wtyczka, której potrzebujesz do tego zadania.

Tak się składa, że to nasza własna Duma i radość…

  • Forminator

    Forminator to darmowa wtyczka, która pozwala tworzyć formularze, ankiety, zgłoszenia, quizy i formularze zamówień.

    Jego interfejs przeciągania i upuszczania sprawia, że formy budowlane są dokładnie takie, jak chcesz. Masz również dostęp do wielu unikalnych opcji pól formularza (patrz poniżej).

    start by choosing the form fields

    Następnie możesz łatwo dostosować wygląd i styl swojej formy:

    Forminator makes it easy to build forms
    Adjust other settings like font styles

    W razie potrzeby potężny interfejs API Forminatora można również uzyskać za darmo, aby zbudować własne niestandardowe rozszerzenia.

    Forminator posiada również opcje rejestracji i logowania. Możesz dostosować sposób, w jaki użytkownik może się zarejestrować, a następnie zalogować.

    Forminator registration form example.
    Przykład formularza rejestracyjnego Forminatora.

    Obejrzyj ten film, aby zapoznać się ze szczegółowym opisem konfigurowania formularzy logowania i rejestracji za pomocą Forminatora:

    Chcesz pozwolić odwiedzającym udostępnić zgłoszenie postu bez potrzeby dostępu do Pulpitu nawigacyjnego WordPress?

    Dzięki Forminator użytkownicy mogą przesyłać pomysły na posty z przodu witryny, dzięki czemu możesz łatwo zarządzać i publikować swoje myśli.

    A live view of a post submission form

    Oprócz tego Forminator obsługuje integracje z aplikacjami innych firm, takimi jak Zapier, Arkusze Google, Mailchimp i wiele innych aplikacji do marketingu e-mail.

    Możesz również zbierać płatności za pomocą Stripe lub PayPal za pomocą wtyczki.

    Zainteresowany Forminator?

    Szczegóły

Tchnij Nowe Życie W Swoje Formularze WordPress

Tak po prostu jesteś teraz uzbrojony w wtyczki potrzebne do tworzenia własnych niestandardowych stron i formularzy WordPress.

Niezależnie od tego, czy chcesz zmienić wygląd i styl Zwykle nudnej strony logowania WordPress, czy też chcesz dodać więcej pól i funkcji do stron rejestracji i profilu. Wtyczki na tej liście pomogą Ci to zrobić.

Masz również wszechstronne wtyczki, takie jak Forminator, które mogą pomóc ci zrobić wszystko, jeśli chodzi o formularze i strony.

Co najważniejsze, możesz to wszystko zrobić bez konieczności bycia magikiem z kodowaniem.

I nie zapominajmy o twoich użytkownikach.

Ułatwisz im życie, zapewniając wygodne i bezproblemowe wrażenia, gdy się zarejestrują, zalogują i sprawdzą swoje dane. Wszystko bez konieczności oglądania tylnego końca WP.

Ponownie, jeśli chcesz dowiedzieć się więcej o tworzeniu niestandardowych i front-end funkcji, sprawdź nasze inne posty: jak dostosować edytor tekstu WordPress, aby wyglądać i działać jak Twój Front-End i jak całkowicie dostosować stronę logowania WordPress.

Jak daleko zająłeś się logowaniem,rejestracją i personalizacją profilu? Chcielibyśmy zobaczyć Twoje strony. Zachęcamy do dzielenia się przykładami w komentarzach poniżej.

Tagi:

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd “nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zainstalować WordPress lokalnie na komputerze Mac za pomocą MAMP

W artykule: Jak zainstalować MAMP na komputerze MacInstalacja WordPress na komputerze MacWypróbowanie…