Nadeszły formularze logowania i rejestracji WordPress! (Forminator 1.12)

Tak, ta wiadomość będzie „rejestrować się” dobrze z każdym, kto chce formularzy rejestracyjnych i logowania w swojej witrynie WordPress. A dzięki Forminator 1.12, umożliwienie klientom rejestracji i logowania nigdy nie było łatwiejsze!

Nie martw się, jego stylowe okulary się nie zmieniły. Jednak wizja naszych programistów, aby dać ci więcej opcji, ma.

W dzisiejszym artykule opiszę nowe funkcje rejestracji i logowania Forminatora.

Pokażę Ci również, jak to się robi, demonstrując pola, rejestrację użytkowników, Konfigurowanie powiadomień e-mail i wiele innych.

Załóż okulary, Wyczyść kontakty lub wytrzyj soczewki-ponieważ jest tu wiele do zobaczenia.

Nie Znasz Forminatora?

Forminator to nasza darmowa wtyczka do tworzenia formularzy dla WordPress. Z solidną średnią 4,5-gwiazdkową recenzją i ponad 40 tysiącami aktywnych instalacji, nic dziwnego, że tak się uśmiecha.

Dzięki Forminator możesz łatwo tworzyć obliczenia, usprawniać procesy kasowe, dostosowywać formularze za pomocą dodatków, konfigurować quizy, a teraz dodawać również niestandardowe formularze rejestracji i logowania.

Ale zanim przejdziemy do nowych funkcji Forminatora w akcji…

Dlaczego potrzebujesz wtyczki do rejestracji i logowania WordPress?

Istnieje wiele powodów, aby dołączyć niestandardowy formularz logowania lub rejestracji. Na początek Domyślna strona rejestracji WordPress pokazuje branding WordPress i jego logo. Oomph.

Podczas tworzenia niestandardowego formularza rejestracyjnego użytkownika można dostosować go wizualnie do treści, a także sformatować treść, aby określić wymagane informacje (np. imię i nazwisko, adres e-mail, numer telefonu).

Ponadto możesz dodać go do swojej witryny WordPress, gdziekolwiek chcesz. Pomaga to w brandingu i wizerunku.

Dzięki niestandardowej rejestracji możesz również przekierowywać użytkowników podczas rejestracji. Dzięki Forminator możesz dodać mnóstwo opcji pól (które pokażę Ci wkrótce).

Jeśli chodzi o logowanie, jest to również oczywiście przydatne, aby zawartość witryny dostępne tylko dla użytkowników, którzy mają konto. Pomaga to również w marketingu na listach e-mail, dodawaniu opcji usług subskrypcyjnych, chronionych treści i innych.

Do zobaczenia w kasie

Gotowy do wymeldowania? Choć nie kupujemy tu nowej garderoby…

Zamiast tego „sprawdzimy”, jak skonfigurować nowy formularz rejestracyjny. Jak zobaczysz, jest to niezwykle szybkie i łatwe do zrobienia.

Po prostu obejrzyj film poniżej lub postępuj zgodnie z samouczkiem krok po kroku poniżej tego filmu.

Otwórzmy więc Forminator na pulpicie nawigacyjnym i przejdźmy do tych nowych funkcji.

Gdy przejdziemy przez to, zobaczysz, że możesz zacząć od pól, które chcesz uwzględnić. Stamtąd możesz dostosować ustawienia, styl, zachowanie, a nawet zmodyfikować je za pomocą snazzy CSS.

Pierwszym krokiem jest oczywiście instalacja Forminatora 1.12 za darmo.

Pola marzeń

Aby wszystko ruszyło, najpierw uderz Utwórz aby utworzyć nowy formularz.

Z tego punktu wybierz Rejestracja z opcji szablonu, a następnie Kontynuuj.

Następnie wprowadź nazwę nowego formularza rejestracyjnego i naciśnij Twórz.

I tak po prostu, teraz możesz edytować formularz. Mówiłem, że to łatwe!

Jednak, jak widać, masz wiele opcji w tym obszarze, aby edytować pola, wygląd, rejestracja użytkownika, zachowanie, powiadomienia e-mail, integracje i ustawienia.

Jednym z wspaniałych aspektów Forminatora jest funkcja przeciągania i upuszczania do rozmieszczania pól. Ułatwia dodawanie lub usuwanie pól i odpowiednio dostosowywanie.

Domyślnie pierwszym obszarem, który jest gotowy do skonfigurowania, jest Pola sekcji. Pola, które są już ustawione dla ciebie są dla Nazwa użytkownika, E-mail, oraz Hasło.

Biorąc pod uwagę, że jest to Formularz rejestracyjny, są to dobre opcje, aby zacząć. Możesz jednak dostosować w dowolny sposób.

Możesz dodać wszystkie te dodatkowe pola:

Jest tu wiele do wyboru – wszystko od strony internetowej, adresu, reCaptcha, a nawet opcji przesyłania plików.

Ze względu na to demo, Nie będę przeglądał każdej opcji indywidualnie (to by oznaczało bardzo długi post-a poza tym możesz dowiedzieć się wszystkiego o tych opcjach w naszej sekcji dokumentacji), ale pokażę Ci kilka przykładów tego, jak wiele możesz dostosować za pomocą Forminatora.

Na przykład, popracujmy tylko z pierwszym polem:”Nazwa użytkownika.”

Możesz kliknąć i edytować to pole w dowolny sposób.

Możesz zmienić etykietę, wartość domyślną, opis i symbol zastępczy w Etykiety sekcji.

Stamtąd, po kliknięciu karty Ustawienia, istnieje wiele innych opcji.

Możesz wpisać max znaki lub słowa, zmienić ustawienia z Wymagane na Opcjonalne i jest tam obszar przed zaludnieniem, który jest dostępny.

Kontynuując, możesz zmienić styl CSS w Stylizacja tab.

A także dostosować widoczność w Widoczność tab.

W tym przykładowym formularzu znajdują się również pola e-mail i hasło. Te, wraz z innymi polami, które dodasz, są wysoce konfigurowalne, podobnie jak nazwa użytkownika.

Wszystkie pola są przyjazne dla użytkownika i wyraźnie oznaczone. Każda opcja ma swoje własne korekty i opcje dostosowywania-które warto zbadać, gdy masz żądane pola w formularzu rejestracyjnym.

Wygląd Formy Ma Znaczenie

Masz pola, które chcesz (które nadal można dostosować w dowolnym momencie) i jesteś gotowy, aby urozmaicić wygląd teraz.

Na Wygląd zakładka znajduje się bezpośrednio pod Pola tab. Po kliknięciu na niego masz szeroki zakres opcji.

Na górze strony znajduje się Styl Projektowania. W tym miejscu można wybrać sposób wyświetlania formularza z opcjami wyświetlania domyślnego, płaskiego, pogrubionego, materiału lub brak.

W tym obszarze można również dostosować kolory, czcionki i kontener formularza do wypełnienia i obramowania.

Ponadto, jeśli masz trochę wiedzy CSS, możesz włączyć Niestandardowy CSS dla bardziej zaawansowanych opcji.

Bycie na swoim najlepszym zachowaniu

Na Zachowanie sekcja jest gdzie, zgadłeś, można wybrać zachowanie składania i więcej.

W pierwszej części tej sekcji możesz dostosować wiadomość wbudowaną, gdy formularz zostanie pomyślnie przesłany. Możesz także wybrać pole automatycznego zamykania, aby zniknęło po określonym czasie.

Możesz przekierować użytkowników do adresu URL i mieć opcje ukrycia formularza w tym obszarze.

Bezpośrednio poniżej możesz wybrać Metoda, Walidacja, oraz Wskaźnik Składania Wniosków.

Dzięki method area możesz użyć AJAX do wysłania formularza bez przeładowywania strony. Lub możesz zachować Przeładuj Stronę.

Możesz także włączyć walidację wbudowaną i wskazać, czy chcesz pokazać program ładujący.

Istnieje również Bezpieczeństwo opcja w tym obszarze, gdzie można dodać warstwy zabezpieczeń, aby zapobiec wysyłaniu spamu.

Następnie możesz wybrać długość życia formularza, a także opcje renderowania.

Na koniec powiadomienia e-mail, integracje i dodatkowe ustawienia (np. przechowywanie danych i prywatność) można dostosować do własnych upodobań. Wszystkie te funkcje mają własne karty i są łatwe do zlokalizowania na pulpicie nawigacyjnym.

Wszystko Tworzy Się Razem

Teraz, gdy sprawdziliśmy wszystkie nasze opcje dostosowywania i mamy gotowy formularz, rzućmy na niego okiem!

Zawsze możesz najpierw wyświetlić podgląd formularza z Pulpitu nawigacyjnego, aby upewnić się, że wygląda tak, jak chcesz.

Po naciśnięciu przycisku Publikuj-jest gotowy do pracy!

Forminator generuje skrócony kod. Możesz go skopiować i wkleić w dowolnym miejscu na swojej stronie internetowej, gdzie chcesz, aby pojawił się formularz.

Forminator przechowuje wszystkie Twoje formularze w jednym miejscu. Po opublikowaniu formularza pojawi się on w Formularze miejsce.

Tutaj możesz również edytować, sprawdzać statystyki, duplikować formularz, eksportować i wiele innych.

Multisite, ktokolwiek?

Dzięki wersji 1.12 można teraz utworzyć rejestrację w sieci wielostanowiskowej (yippee!). Tak, to prawda.

Musisz najpierw skonfigurować wiele witryn, zanim ta opcja będzie dostępna. Kiedy to nastąpi, odbywa się to za pośrednictwem strony głównej.

Aby rozpocząć, pierwszą rzeczą, którą robisz, jest utworzenie formularza rejestracyjnego (tak jak wcześniej omówiłem) na pulpicie nawigacyjnym Forminatora.

Dodaj proste pola tekstowe dla Nazwa Strony oraz Tytuł Strony.

Następnie, będziesz chciał iść do Rejestracja Użytkownika Zakładka i włącz Rejestracja Strony opcja.

Od tego momentu możesz przypisać pola formularzy, tytuły witryn i role (np. administrator).

A teraz formularz rejestracyjny jest dostępny w sieci multisite.

Gotowy do logowania?

Utworzenie formularza logowania jest zasadniczo takie samo jak utworzenie formularza rejestracyjnego.

Dużą różnicą jest jej aspekt logowania, za pomocą Mapowanie Pól Formularza, Pole Remember Me, i ukrywanie formularza, jeśli użytkownik jest już zalogowany.

Masz wszystkie opcje, które ma Kreator formularzy rejestracyjnych i możesz dostosować je dokładnie tak, jak chcesz.

Podobnie jak formularz rejestracyjny (lub dowolny formularz na Forminatorze), możesz wyświetlić podgląd przed publikacją, aby upewnić się, że formularz wygląda dokładnie tak, jak chcesz.

Nie przeprowadzę Cię przez resztę.

Ponownie, to tak samo jak tworzenie formularza rejestracyjnego, z wyjątkiem kilku drobnych szczegółów, które właśnie omówiłem.

Będzie to tylko kwestia założenia dla siebie i odpowiedniego dostosowania. Następnie użytkownicy mogą się zalogować, a formularz logowania WordPress jest gotowy do pracy.

Ale to nie wszyscy ludzie Forminator…

Nie mogliśmy na tym poprzestać!

Forminator 1.12 ma również kilka innych dodatkowych ulepszeń. Niektóre z nowych atrakcji to:

• Opcje wysokości dla pola obszaru tekstowego.
• Próbnik kolorów RGBA dla wszystkich próbników (z wyjątkiem warstwy tekstowej).
• Ulepszona logika paginacji front-end.
• Wymagania dotyczące tematu i podmiotu dotyczące powiadomień e-mail.
• Odpowiedzi quizów w czasie rzeczywistym.
• I więcej!

Jak widać, Forminator 1.12 zdecydowanie poprawił swoją grę od ostatniego razu, gdy go widziałeś.

Lub, jeśli to twój pierwszy raz, kiedy go przedstawiasz, mamy nadzieję, że zrobił świetne pierwsze wrażenie.

Korzyści członkostwa w stylu

Być może już wiesz, że Forminator Free i Forminator Pro są dokładnie takie same (tak, zaprojektowaliśmy to w ten sposób)

Jednak dzięki członkostwu WPMU DEV otrzymujesz dodatkowy bonus wczesnego dostępu do nowych wydań Forminatora, a także dostęp do naszego zarządzanego hostingu, innych nagradzanych wtyczek i wsparcia 24/7.

1.12 wygląda dobrze na Tobie

Nie chcę być zbyt stronniczy, ale jesteśmy dumni z tego, jak wygląda 1.12 i co może zrobić dla Twojej witryny WordPress.

Jaka jest następna funkcja, którą ma dla Ciebie Nasz przyjaciel Forminator?

Miej oko na niego – i resztę naszych wtyczek-za pośrednictwem naszej mapy drogowej. Mamy aktualizacje na temat wszystkiego, co dzieje się za pomocą naszych wtyczek; w tym nadchodzące aktualizacje, daty premiery i poprzednie ulepszenia.

Również wielkie podziękowania dla superbohaterów stojących za tym wydaniem:

Dev: Cvetan Cvetanov

QA: Bal Krishna Mishra

Projekt: Mukul Chawla

Pokazuje, że nie zawsze trzeba mieć duże okulary, aby mieć świetny wzrok.