Potrzebujesz rozwoju sklepów internetowych, żadnych pomysłów, skontaktuj się z profesjonalistami.

Cześć wszystkim. Nadszedł moment, w którym potrzebowałem formularza rejestracyjnego WordPress, we wcześniejszych wpisach opisałem jeden kod, który przyczynia się do wyjścia w , czas mija WordPress aktualizuje się coraz częściej, musiałem szukać Alternatywna opcja i zdecydowałem się na wtyczkę Konstruktor profili. Dzięki tej wtyczce możesz wyświetlić wszystkie informacje na blogu, a tym samym odizolować swój panel administracyjny od niechcianych wizyt zarejestrowanych użytkowników

W tym artykule przeanalizujemy bardziej szczegółowo Wtyczka do tworzenia profili oraz wtyczka logowania Pasek boczny, a także dowiedzieć się, jak stworzyć formularz rejestracyjny na WordPressie

Najpierw musisz pobrać wtyczkę WordPress Profile Builder i ją aktywować. Następnie w panelu administracyjnym w zakładce „Parametry” -> „Ustawienia ogólne” zaznacz pole, które każdy może zarejestrować.

W zakładce Użytkownicy pojawi się nowe menu " Konstruktor profili» , w którym można dalej edytować parametry. Uwierz mi, jest ich kilka.

Przejdźmy do tworzenia naszej formy, do tego tworzymy Nowa strona, nazwij to na przykład "Rejestracja" i wstaw krótki kod na samej stronie . Dla tych z Was, którzy nie wiedzą, co to jest shortcode, wyjaśnię to pokrótce - to krótki kod- który zawiera określoną funkcję, on ten moment mamy formę rejestracji.

1. Dodaj nową stronę
2. Nazwa
3. Wklej krótki kod
4. Ratujemy

Inne strony możesz tworzyć dokładnie w ten sam sposób:

1. — Strona z formularzem logowania
2. — Strona z formularzem do edycji danych użytkownika (użytkownik musi być autoryzowany)
3. — Strona z formularzem odzyskiwania hasła

Wszystkie te skróty można znaleźć na karcie „Panel administracyjny” -\u003e „Użytkownicy” -\u003e ” Konstruktor profili”, cała lista jest tutaj, wymieniłem główne.

Ustawienia wtyczki nie są świetne, cała praca odbywa się za pomocą krótkich funkcji, przejdźmy do głównych:

W głównych ustawieniach wybierz zestaw stylów na stronie, nadal nie rozumiem, w jakim celu ta karta jest potrzebna, ponieważ mam dostępne „Domyślne” i „Brak”

I potwierdzenie przez e-mail, po zarejestrowaniu się użytkownika na stronie, musi potwierdzić rejestrację.

Tutaj możesz wybrać którym użytkownikom włączyć/wyłączyć panel administracyjny, kto nie wie jak to zrobić, opiszę teraz. Jako administrator masz prawo przypisywać role każdemu użytkownikowi, każda rola ma swoje własne możliwości, np. autor może pisać artykuły.
Aby dodać rolę, otwórz zakładkę "Użytkownicy", wybierz osobę, której potrzebujesz z listy i ustaw dla niej uprawnienia, wszystko jest łatwe i proste.

Standardowe pola profilu, tutaj możesz uprościć formularz rejestracyjny (im prostszy tym lepiej) i po zaznaczeniu wymaganych pól użytkownik będzie musiał je wypełnić. Za pomocą tych ustawień można również wyświetlić informacje o profilu.

Wyświetl narzędzie do tworzenia profili na pasku bocznym

Możesz wyświetlić link lub możesz wyświetlić formularz rejestracyjny, jest on ponownie wyświetlany przez krótki kod. Otwórz plik paska bocznego i zainstaluj kod we właściwym miejscu . Następnie użytkownik może wprowadzić nazwę, hasło i wejść na stronę.

Jak widać, nie ma tu nic skomplikowanego. Przygotowałem dla Ciebie kolejną alternatywę, to łatwiej niż wtyczka Konstruktor profili, Wystarczy pobrać i aktywować Wtyczka logowania do paska bocznego. A za pomocą widżetu przeciągnij go w potrzebne miejsce, plus ta wtyczka, możesz dodać do niej linki, które będą wyświetlane zarejestrowanemu użytkownikowi.

Początkowo po wejściu na stronę wygląda to mniej więcej tak:

Według własnego uznania możesz umieścić niezbędne linki, które będą dostępne po rejestracji:

Na przykład, możesz stworzyć reguły na stronie i będą one wyświetlane wszystkim zarejestrowanym użytkownikom. Albo zezwolić na publikowanie newsów, ale za to podajemy rolę autora, dodałem kilka linków i otrzymałem:

Nawiasem mówiąc, okazało się, że nie jest to zły kształt, możesz go edytować i zmieniać style, w tym celu przechodzimy do sekcji „Wtyczki” -\u003e znajdź wtyczkę logowania do paska bocznego „Zmień”, aby edytować styl Potrzebujesz pliku sidebar-login/style.css

A oto lista linków, które można pobrać z panelu administracyjnego: Ale są one dostępne dla różnych ról:

1. http://twoja-strona/wp-admin/post-new.php - pozwól użytkownikowi dodać post
2. http://twoja-strona/wp-admin/users.php - lista wszystkich użytkowników
3. http://twoja-witryna/wp-admin/edit-comments.php?comment_status=all-comments
4. http://twoja-strona/wp-admin/profile.php - Twój profil

Resztę możesz dodać sam, włączyć wyobraźnię i w pełni wykorzystać możliwości WordPressa, pojawią się pytania? Pomogę Ci!!!

Pozdrowienia, koledzy. W tym artykule pokażę ci jak zrobić formularz rejestracyjny i autoryzacyjny dla bloga WordPress z jedną prostą, ale potężną wtyczką Profile Builder. Za jego pomocą będziesz mógł zezwolić użytkownikom na rejestrację na Twoim blogu w panelu administracyjnym.

Zapewne jednak masz pytanie: po co pozwalać odwiedzającym wspinać się po blogu? W końcu można go zhakować! Cóż, po pierwsze, są to darmowe artykuły, które nie leżą dziś na drodze i kosztują pieniądze, a przynajmniej czas. Po drugie, ci użytkownicy nie będą mogli chodzić po Twoim panelu administracyjnym tak swobodnie jak Ty, a jedynie pisać tekst w wersji roboczej, który później będziesz musiał zatwierdzić, aby mógł zostać opublikowany na blogu.

Ogólnie moim zdaniem to całkiem fajny pomysł, jeśli zrobisz na przykład coś w rodzaju mail.ru odpowiedzi z bloga, to strona sama się zapełni i rozkręci. Swoją drogą widziałem już coś podobnego, tylko z katalogiem artykułów. Musiał też zarejestrować się na blogu, przejść do konsoli i zostawić swój artykuł do weryfikacji. Szczerze mówiąc byłam wtedy tak zdziwiona, że ​​ktoś pozwolił mi wejść na moją stronę, w którą długo wątpiłam – czy jest to generalnie katalog artykułów czy prosty blog, którego autor postanowił zbierać artykuły za darmo? Przy okazji zupełnie zapomniałem powiedzieć, że wtyczkę Profile Builder można zainstalować nie tylko na zwykłym blogu, ale także na forum, sklepie, forum dyskusyjnym wykonanym na .

Zgadzam się, na wielu forach rejestracja jest po prostu okropna, wymaga wypełnienia prawie wszystkich danych, podczas gdy wtyczkę Profile Builder można skonfigurować tak elastycznie, że wymaga tylko wprowadzenia trzech pól: nazwy, adresu e-mail i hasła. Jest to bardzo wygodne, ponieważ nikt nie chce wypełnić całego dossier na swój temat, a nawet wypełnić mega-złożoną captcha (zestaw znaków) lub odpowiedzieć na nierealistycznie trudne pytanie, na które nawet osoba nie może odpowiedzieć.

Widziałem kilka takich forów, kiedy tworzyłem własne, na których zadawane były pytania, na które mogli odpowiedzieć tylko ci, którzy byli dobrze zorientowani w temacie forum. Krótko mówiąc, przerażenie, takie rejestracje są potrzebne w piecu. Zacznijmy więc instalować wtyczkę Profile Builder.

Jak zrobić formularz rejestracyjny i autoryzacyjny w WordPressie?

1 ) Przed przystąpieniem do instalacji wtyczki Profile Builder należy skonfigurować na blogu kilka rzeczy, aby umożliwić użytkownikom rejestrację. Przejdź więc do "parametrów" "ogólne" i zaznacz obok pozycji "członkostwo", aw zakładce "rola nowego użytkownika" wybierz "członek". To ktoś, kto będzie mógł pisać artykuły, ale nie będzie mógł ich publikować.

2 ) Ok, teraz możesz zainstalować wtyczkę. Możesz go pobrać.

3 ) Po zainstalowaniu wszystko, co musisz zrobić, to strona rejestracji użytkownika. Aby to zrobić, przejdź do "stron" "dodaj nowy", nazwij go tak jak "Rejestracja" i wklej ten krótki kod tutaj w zakładce tekst i opublikuj stronę. Jeśli coś jest niejasne, zobacz poniższy przykład.

Ok, potem zobaczysz ten formularz rejestracyjny na swoim blogu.

Przy okazji można go dodać do widżetów bloga. Aby to zrobić, przejdź do wygląd zewnętrzny» "widgety" i dodaj widżet o nazwie text i w jego treści wklej ten sam kod. Ogólnie rzecz biorąc, ten krótki kod jest uniwersalny i można go wstawić do dowolnej części bloga. Jeśli kiedykolwiek będziesz tego potrzebować, po prostu przejdź do "wyglądu" "edytora" i wybierz potrzebny plik.

Ok, założyliśmy z tobą formularz rejestracyjny, ale jak umieścić autoryzację? Są na to inne skróty, oto ich lista:

- formularz rejestracyjny.

– formularz edycji profilu (dla uprawnionych użytkowników).

– formularz odzyskiwania hasła.

Po prostu skopiuj potrzebny kod i wklej go w miejscu na stronie, w którym chcesz zobaczyć potrzebny Ci formularz.

Konfiguracja wtyczki Profile Builder.

4 ) Jak zapewne już zauważyliście, nasz formularz ma po prostu morze niepotrzebnych pól, posprzątajmy je, by po raz kolejny nie straszyć naszych użytkowników. W tym celu przejdź do "użytkowników" "Konstruktor profili" "standardowe pola profilu". Tutaj zobaczysz trzy kolumny: nazwa pola, status, pole wymagane.

Kolumna „status” wskazuje pola, które będą wyświetlane (pokazane) do wypełnienia. Polecam umieścić je wszystkie w statusie „ukryj”.

Kolumna "mandatory field" zawiera pola obowiązkowe, bez których użytkownik nie zostanie zarejestrowany.

W kolumnie "nazwa pola" myślę, że wszystko jest jasne.

5 ) Ok, i wreszcie przejdź do „ Ustawienia główne”. Tutaj możesz, według własnego uznania, włączyć lub wyłączyć potwierdzanie rejestracji pocztą użytkownika, a także skonfigurować metodę autoryzacji za pomocą nazwy użytkownika lub pseudonimu. Przy okazji zupełnie zapomniałem wspomnieć o jeszcze jednej wtyczce - która również posiada funkcję autoryzacji. Chciałem o nim napisać na samym początku, ale niestety zapomniałem.

ProfilePress to wtyczka do dodawania formularzy do witryny WordPress za pomocą skrótów. Za pomocą tego narzędzia możesz tworzyć formularze rejestracji użytkowników, formularze logowania i strony profilowe, a tym samym budować całą społeczność wokół swojej witryny. Pracuje z istniejący system WordPress użytkowników i jest kompatybilny z dowolnym motywem.

Wtyczka zawiera 5 różnych stylów formularzy, dzięki czemu możesz wybrać ten, który najlepiej pasuje do projektu Twojej witryny. Dla wtyczki dostępny jest również zestaw motywów, które w razie potrzeby pomogą Ci zmienić styl formularzy.

Opis Pobierz demo

Wtyczkę można pobrać bezpłatnie z katalogu WordPress. Dostępna jest również wersja premium, która obejmuje następujące elementy dodatkowe funkcje jak wgrywanie awatara dla użytkownika, rejestracja przez profil w sieci społecznościowej, Captcha itp.

Funkcje

Funkcje zawarte w Darmowa wersja:

• Nieograniczone front-endowe formularze logowania dla użytkowników
• Nieograniczona liczba formularzy rejestracyjnych użytkowników front-end
• Nieograniczone formularze resetowania hasła front-end
• Okno zapowiedź projekt kształtu
• Wieloetapowe formularze rejestracyjne
• Przekierowywanie domyślnej strony logowania WordPress na niestandardową stronę logowania do interfejsu użytkownika
• Przekieruj z domyślnego Strony WordPress rejestracja na niestandardowej stronie rejestracji frontendu
• Przekieruj z domyślnej strony resetowania hasła WordPress do niestandardowej strony resetowania hasła frontendu
• Przekierowywanie użytkowników do niestandardowych stron po zalogowaniu/wylogowaniu
• Wbudowany instalator do instalowania motywów dla formularzy ProfilePress

Jeśli powyższe funkcje nie są dla Ciebie wystarczające, rozważ dla siebie wersję premium, która zawiera następujące funkcje:

Jak pracować z wtyczką

Po pobraniu i aktywowaniu tej wtyczki konieczne będzie również zainstalowanie wtyczki Shortcake Shortcode UI, która ma na celu zapewnienie użytkownikom Przyjazny dla użytkownika interfejs aby dodawać skróty do postów, przeglądaj i edytuj je w edytorze treści.

Gdy to zrobisz, musisz upewnić się, że rejestracja dla użytkowników jest otwarta. Aby to zrobić, odwiedź sekcję Ustawienia → Ogólne i zaznacz pole obok „Każdy może się zarejestrować”.

Na koniec, jeśli kupiłeś wersję płatną, wpisz swój klucz licencyjny więc możesz uzyskać aktualizację wtyczki.

Po aktywacji wtyczki do Twojej witryny zostanie dodanych kilka stron: Rejestracja, Logowanie, Resetowanie hasła, Zmiana hasła itp. Te strony mają specjalne skróty do umieszczania formularzy. Jeśli chcesz utworzyć nowe strony lub zmienić te, na których są wyświetlane, możesz to zrobić na głównej stronie ustawień wtyczki.

W tym miejscu możesz również zmienić ustawienia przekierowań, wybrać, na które strony przekierować użytkownika po zalogowaniu/wylogowaniu itp.

Na tej stronie ustawień możesz również zmienić treść wiadomości e-mail, które będą wysyłane do użytkowników po rejestracji, zresetowaniu hasła itp.

Praca z kreatorem formularzy

Strona ustawień wtyczki ma u góry osobną zakładkę dla każdego typu formularza - logowanie, rejestracja, profil użytkownika i tak dalej. Po wybraniu jednej z opcji zobaczysz, że wtyczka oferuje 5 różne style dla formularzy wraz z ich skrótem. Aby wybrać inny styl, po prostu zaktualizuj odpowiedni krótki kod na stronie.

Następnie w przedniej części witryny możesz wyświetlić formularz:

Jeśli chcesz wprowadzić zmiany, kliknij link „Edytuj”. Zobaczysz okno z kodem HTML i skrótami, aby dostosować wybrany formularz.

Najprostszym sposobem na edycję formularza jest kliknięcie przycisku „ProfilePress Shortcodes”. Na ekranie pojawi się wyskakujące okienko ze wszystkimi dostępnymi elementami, których możesz użyć w swoich formularzach. Aby dodać element, po prostu kliknij jego przycisk.

Poniżej możesz zobaczyć podgląd swojego formularza, w którym wszystkie wprowadzone przez Ciebie zmiany zostaną natychmiast wyświetlone. Poniżej znajduje się okno CSS, w którym możesz dowolnie zmieniać wygląd swojego formularza.

Zaloguj się przez sieci społecznościowe

Jeśli chcesz, aby użytkownicy mogli się rejestrować/logować za pośrednictwem swojego profilu w sieci społecznościowej, musisz ustawić klucze API w ustawieniach wtyczki w zakładce „Logowanie społecznościowe”. Tam wprowadzasz parametry dostępu do Facebooka, Twittera, Google, Linkedin i tak dalej.

Wygląd formularza

Wtyczka ma 5 wbudowanych domyślnych motywów, oto nasze ulubione style:

Jeśli potrzebujesz innej opcji, zawsze możesz kupić wymagany motyw osobno. Oto niektóre z dostępnych opcji:

• Pinnacle to spokojny i uporządkowany motyw WordPress z logowaniem, rejestracją, stroną resetowania hasła i opcją logowania społecznościowego.
• Montserrat to piękny motyw do tworzenia jednostronicowego formularza ProfilePress, który będzie zawierał login, rejestrację, resetowanie hasła i formularz logowania społecznościowego.
• Stride to elegancki, konfigurowalny wieloetapowy forma wordpress Do rejestracji.
• Bash one-pager to prosty, piękny, responsywny, jednostronicowy formularz logowania społecznościowego.
• Bash Edit Profile to zgrabny, responsywny formularz profilu użytkownika w WordPress.
• Parallel to poziomy, responsywny, przyciągający wzrok formularz logowania, rejestracji i resetowania hasła z możliwością logowania za pośrednictwem sieci społecznościowej.
• Perfecto to formularz logowania, rejestracji i resetowania hasła z dwoma akcentami kolorystycznymi.

Cena £

Ceny wersji premium wtyczki zaczynają się od 49 USD za licencję na jedną stronę, 99 USD za 3 witryny i plan programisty z nieograniczoną liczbą witryn za 199 USD. Wszystkie plany obejmują rok wsparcia i aktualizacji. Koszt dodatkowych motywów wynosi od 5 do 10 USD.

Ale nie zapominaj, że jest również dostępny i Darmowa wersja.

Dodatki

Dostępne są również 2 rozszerzenia: „Potwierdzenie e-mailem” - przed rejestracją użytkownicy będą musieli potwierdzić swój adres e-mail; „MailChimp” — dodaje użytkownika do Twojej listy mailingowej. Każdy dodatek kosztuje 29 USD.

Wniosek

To dobrej jakości wtyczka, która pomoże Ci stworzyć prawdziwą społeczność dla Twojej witryny. Wszystkie funkcje potrzebne do dostosowania formularzy rejestracyjnych do własnych potrzeb znajdują się tutaj. Standardowe motywy wtyczki są naprawdę dobre, ale jeśli potrzebujesz innej opcji, zawsze możesz kupić potrzebny motyw za stosunkowo niewielką cenę. To samo dotyczy dodatków.

Jeśli szukasz podobnej wtyczki, koniecznie sprawdź tę. Aby samemu to przetestować, zawsze możesz pobrać bezpłatną wersję. Warto zauważyć, że wersja płatna ma 30-dniowy okres gwarancji, więc jeśli okaże się, że wtyczka nie spełnia Twoich potrzeb, zawsze możesz odzyskać swoje pieniądze.

Jednym słowem, pobieraj, testuj i twórz piękne formularze na swojej stronie.

Cześć wszystkim!. Jest ich bardzo mało, a po rosyjsku w ogóle ich nie znajdziesz. Najlepszym, jaki wypróbowałem, jest wtyczka Profile Builder. Jest to proste i wygodne, ale zrusyfikowanie formularza rejestracyjnego zajmie trochę czasu.

Zacznijmy zgodnie z oczekiwaniami od instalacji wtyczki w wordpressie – pobierz Profile Builder , rozpakuj archiwum i prześlij folder z plikami wtyczek na serwer w katalogu /wp-content/plugins za pomocą np. FileZilla. Natychmiast po aktywacji zostaniesz przeniesiony do ustawień, które znajdują się w sekcji "Użytkownicy" - "Konstruktor profili".

Jeśli zdecydujesz się użyć tej wtyczki, nie zapomnij zezwolić użytkownikom na rejestrację w WordPress: w sekcji „Opcje” - „Ogólne” zaznacz pole obok „Każdy może się zarejestrować” i wybierz „Nowa rola użytkownika” - „ Subskrybent” lub „Członek” (może pisać artykuły i zapisywać je jako wersje robocze do przejrzenia przez administratora).

Wszystkie główne ustawienia wtyczki są skoncentrowane w elemencie Domyślne pola profilu i sprowadzają się do listy pól, które będą wyświetlane w formularzu rejestracyjnym.

• Nazwa pola wejściowego — nazwa pola.
• Widoczność - dodaj/usuń do formularza rejestracyjnego.
• Wymagane - pola wymagane.

Nazwa nazwa):

• nazwa użytkownika - nazwa użytkownika. Pole wymagane, którego nie można ukryć.
• Imię i Nazwisko - imię i nazwisko użytkownika.
• Pseudonim - pseudonim.
• Wyświetlaj nazwę publicznie jako... - która z nazw będzie wyświetlana na blogu.

Informacje kontaktowe (kontakty):

• E-mail - adres E-mail. Pole zawsze wymagane.
• strona internetowa - strona internetowa.
• AIM, Yahoo IM i Jabber / Google Talk- komunikatory internetowe.

O sobie (o sobie):

• Informacje biograficzne - pole, w którym użytkownik może wprowadzić informacje o sobie.
• nowe hasło - nowe hasło. Kolejne wymagane pole, którego nie można ukryć.

Po skonfigurowaniu pól musisz wyświetlić na blogu wynik wtyczki rejestracji Profile Builder. Odbywa się to za pomocą następujących skrótów:

4. Odzyskiwanie hasła:

Po prostu weź żądany kod i wstawić albo do tekstu wstępnie utworzonego i przeznaczonego do rejestracji/autoryzacji formularza, albo do standardowego „Tekst”.

Niestety wszystkie pola włączone język angielski, więc musisz je zrusyfikować ręcznie. Aby to zrobić, przejdź do sekcji „Wtyczki” - „Edytor” i po prawej górny róg wybierz Konstruktor profili.

• — podany plik odpowiada za formularz autoryzacji, który wyświetlany jest za pomocą kodu nr 1.
• profile-builder/front-end/wppb.login.php- formularz rejestracyjny (kod nr 2).
• profile-builder/front-end/wppb.edit.profile.php— edycja profilu (skrót nr 3).
• profile-builder/front-end/wppb.recover.password.php— formularz zmiany hasła, uzyskany przy użyciu kodu skróconego nr 4.

Znajdź angielskie słowa i zastąp je rosyjskimi odpowiednikami.

To wszystko, dzięki za uwagę. Wszystkiego najlepszego!