W artykule:
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.
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
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:
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.
Gdy już będziesz zadowolony z zawartości, możesz całkowicie przeprojektować ekran logowania za pomocą niestandardowych elementów projektu, kolorów i czcionek.
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:
-
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.
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.
-
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.
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.
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.
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
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:
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:
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.
-
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.
Jak widać poniżej, shortcode jest fabrycznie załadowany z kilkoma polami rejestracji.
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:
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.
-
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.
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.
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:
Spowoduje to utworzenie prostej strony Użytkownika, na której można łatwo zmienić podstawowe ustawienia.
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.
-
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.
Oprócz zwykłych pól można również dodawać unikalne pola, takie jak pola wyboru i listy rozwijane.
Gdy będziesz zadowolony z pól, po prostu wklej krótki kod, gdzie chcesz, i sprawdź, jak wygląda Twoja strona NA ŻYWO:
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.
-
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.
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.
Jeśli potrzebujesz funkcji formularze oparte na rolach, musisz ją uaktualnić. To samo dotyczy pola załączników plików i analizy formularzy.
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).
Następnie możesz łatwo dostosować wygląd i styl swojej formy:
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ć.
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.
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.
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.
Tagi: