Potrebujete rozvoj internetových obchodov, žiadne nápady, obráťte sa na profesionálov.

Ahojte všetci. Prišiel moment, keď som potreboval WordPress registračný formulár, v predchádzajúcich príspevkoch som opísal jeden kód, ktorý prispieva k výstupu v , čas plynie WordPress sa aktualizuje čoraz častejšie, musel som hľadať Alternatívna možnosť a rozhodol som sa pre plugin Nástroj na tvorbu profilu. Pomocou tohto pluginu môžete zobraziť všetky informácie na blogu a izolovať tak váš admin panel od nechcených návštev registrovaných užívateľov

V tomto článku budeme analyzovať podrobnejšie Doplnok na tvorbu profilov a prihlasovací plugin Bočný panel a tiež sa dozviete, ako vytvoriť registračný formulár na WordPress

Najprv si musíte stiahnuť doplnok WordPress Profile Builder a aktivovať ho. Ďalej v administračnom paneli na karte „ Parametre“ -> „Všeobecné nastavenia“ začiarknite políčko, ktoré môže registrovať ktokoľvek.

Na karte Používatelia sa zobrazí nová ponuka " Nástroj na tvorbu profilu» , v ktorom môžete ďalej upravovať parametre. Verte mi, je ich niekoľko.

Prejdime k vytvoreniu našej formy, preto ju tvoríme nová stránka, nazvite to napríklad „Registrácia“ a skratku vložte do samotnej stránky . Pre tých z vás, ktorí nevedia, čo je to shortcode, to stručne vysvetlím – je to tak skrátený kód- ktorý obsahuje konkrétnu funkciu, zap tento moment máme formu registrácií.

1. Pridať novú stránku
2. názov
3. Vložte skrátený kód
4. Ušetríme

Presne rovnakým spôsobom môžete vytvoriť ďalšie stránky:

1. — Stránka s prihlasovacím formulárom
2. — Stránka s formulárom na úpravu údajov používateľa (používateľ musí byť autorizovaný)
3. — Stránka s formulárom na obnovenie hesla

Všetky tieto krátke kódy nájdete na karte „Panel správcu“ -\u003e „Používatelia“ -\u003e " Nástroj na tvorbu profilu“, celý zoznam je tu, uviedol som tie hlavné.

Nastavenia pluginu nie sú skvelé, všetku prácu vykonávajú krátke funkcie, prejdime k tým hlavným:

V hlavných nastaveniach vyberte na stránke sadu štýlov, stále nerozumiem, na aké účely je táto karta potrebná, pretože mám k dispozícii „Predvolené“ a „Žiadne“

A potvrdenie e-mailom, keď sa používateľ zaregistruje na stránke, musí potvrdiť registráciu.

Tu si môžete vybrať, ktorým používateľom povolíte / zakážete panel správcu, ktorí nevedia, ako to urobiť, teraz popíšem. Vy ako správca máte právo prideľovať roly ľubovoľnému používateľovi, každá rola má svoje možnosti, napríklad autor môže písať články.
Ak chcete pridať rolu, otvorte kartu „Používatelia“, vyberte osobu, ktorú potrebujete, zo zoznamu a nastavte jej práva, všetko je ľahké a jednoduché.

Štandardné polia profilu, tu si môžete zjednodušiť registračný formulár (čím jednoduchšie, tým lepšie) a po zaškrtnutí povinných polí ich bude musieť používateľ vyplniť. Prostredníctvom týchto nastavení môžete tiež zobraziť informácie o profile.

Zobraziť Nástroj na tvorbu profilu na bočnom paneli

Môžete zobraziť odkaz, alebo si môžete zobraziť registračný formulár, zobrazí sa opäť cez skrátený kód. Otvorte súbor bočného panela a nainštalujte kód na správne miesto . Potom môže používateľ zadať meno, heslo a zadať stránku.

Ako vidíte, nie je tu nič zložité. Pripravil som pre vás ďalšiu alternatívu jednoduchšie ako plugin Nástroj na tvorbu profilu, Stačí si stiahnuť a aktivovať prihlasovací doplnok na bočnom paneli. A pomocou miniaplikácie ho potiahnite na miesto, ktoré potrebujete, Plus tento plugin naň môžete pridať odkazy, ktoré sa zobrazia registrovanému používateľovi.

Spočiatku, keď vstúpite na stránku, vyzerá to asi takto:

Podľa vlastného uváženia môžete umiestniť potrebné odkazy, ktoré budú k dispozícii po registrácii:

Na stránke môžete napríklad vytvoriť pravidlá a tie sa zobrazia všetkým registrovaným používateľom. Alebo povoliť publikovať novinky, ale na to dávame úlohu autora, pridal som pár odkazov a vyšlo mi nasledovné:

Ukázalo sa, že to nie je zlý tvar, mimochodom, môžete ho upravovať a meniť štýly, preto prejdeme do sekcie „Pluginy“ -> nájdite doplnok na prihlásenie do bočného panela „Zmeniť“ na úpravu štýlu Potrebujete súbor sidebar-login/style.css

A tu je zoznam odkazov, ktoré možno získať z panela správcu: Sú však k dispozícii pre rôzne roly:

1. http://your-site/wp-admin/post-new.php – povoliť používateľovi pridať príspevok
2. http://your-site/wp-admin/users.php - zoznam všetkých používateľov
3. http://your-site/wp-admin/edit-comments.php?comment_status=all-comments
4. http://your-site/wp-admin/profile.php - Váš profil

Ostatné si môžete doplniť sami, zapnúť fantáziu a využiť možnosti WordPressu naplno, objavia sa otázky? Pomôžem ti!!!

Zdravím Vás kolegovia. V tomto článku vám to ukážem ako vytvoriť registračný a autorizačný formulár pre blog WordPress s jedným jednoduchým, ale výkonným doplnkom Profile Builder. Pomocou neho budete môcť povoliť používateľom registráciu na vašom blogu v administračnom paneli.

Pravdepodobne však máte otázku: prečo nechať návštevníkov liezť na blog? Koniec koncov, môže byť hacknutý! No po prvé, sú to bezplatné články, ktoré dnes neležia na cestách a stoja peniaze alebo aspoň čas. Po druhé, títo používatelia sa nebudú môcť pohybovať vo vašom administračnom paneli tak voľne ako vy, ale budú môcť písať iba text v koncepte, ktorý budete musieť neskôr schváliť, aby mohol byť zverejnený na blogu.

Vo všeobecnosti je to podľa mňa celkom dobrý nápad, ak napríklad z blogu urobíte odpovede na mail.ru, stránka sa zaplní a roztočí sama. Mimochodom, niečo podobné som už videl, len s katalógom článkov. Muselo sa tiež zaregistrovať na blogu, prejsť do konzoly a nechať váš článok na overenie. Úprimne povedané, bol som vtedy taký prekvapený, že mi niekto dovolil vyliezť na moju stránku, o ktorej som dlho pochyboval - je to katalóg článkov alebo jednoduchý blog, ktorého autor sa rozhodol zbierať články zadarmo? Mimochodom, úplne som zabudol povedať, že plugin Profile Builder je možné nainštalovať nielen na bežný blog, ale aj na fórum, obchod, nástenku vyrobenú na .

Súhlasíte, na mnohých fórach je registrácia jednoducho hrozná a vyžaduje vyplnenie takmer všetkých údajov, zatiaľ čo doplnok Profile Builder je možné nakonfigurovať tak flexibilne, že vyžaduje iba zadanie troch polí: meno, e-mail a heslo. To je veľmi pohodlné, pretože nikto nechce o sebe vypĺňať celú dokumentáciu a dokonca vypĺňať megazložitú captcha (súbor znakov) alebo odpovedať na nereálne ťažkú ​​otázku, na ktorú len ťažko dokáže odpovedať aj človek.

Videl som pár takýchto fór, keď som si dával dokopy svoje, kde boli kladené otázky, na ktoré by mohli odpovedať len tí, ktorí sa dobre orientujú v téme fóra. Skrátka hrôza, takéto registrácie sú v peci potrebné. Začnime teda inštalovať doplnok Profile Builder.

Ako vytvoriť registračný a autorizačný formulár vo WordPress?

1 ) Pred pokračovaním v inštalácii doplnku Profile Builder je potrebné na blogu nakonfigurovať niekoľko vecí, aby sa mohli používatelia zaregistrovať. Prejdite teda na „parametre“ „všeobecné“ a začiarknite políčko „členstvo“ a na karte „rola nového používateľa“ vyberte „člen“. To je niekto, kto bude môcť písať články, ale nebude ich môcť publikovať.

2 ) Dobre, teraz môžete nainštalovať doplnok. Môžete si ho stiahnuť.

3 ) Po nainštalovaní už stačí len kliknúť na stránku registrácie používateľa. Ak to chcete urobiť, prejdite na "stránky" "pridať nové", pomenujte to ako "Registrácia" a vložte tento krátky kód sem na karte Text a publikujte stránku. Ak niečo nie je jasné, pozrite si príklad nižšie.

Ok, potom uvidíte tento registračný formulár na vašom blogu.

Mimochodom, dá sa pridať do widgetov blogu. Ak to chcete urobiť, prejdite na stránku vzhľad» „widgety“ a pridajte miniaplikáciu s názvom text a do jej obsahu vložte rovnaký kód. Vo všeobecnosti je tento krátky kód univerzálny a možno ho vložiť do ktorejkoľvek časti blogu. Ak ho niekedy budete potrebovať, potom jednoducho prejdite na "vzhľad" "editor" a vyberte súbor, ktorý potrebujete.

Dobre, vytvorili sme s vami registračný formulár, ale ako zadať autorizáciu? Existujú na to aj iné skratky, tu je ich zoznam:

- Registračný formulár.

– formulár na úpravu profilu (pre oprávnených užívateľov).

– formulár na obnovenie hesla.

Stačí skopírovať kód, ktorý potrebujete, a prilepiť ho na miesto na stránke, kde chcete vidieť formulár, ktorý potrebujete.

Konfigurácia doplnku Profile Builder.

4 ) Ako ste si už určite všimli, náš formulár má len more nepotrebných políčok, poďme ich vyčistiť, aby sme našich používateľov ešte raz nevystrašili. Takže prejdite na "používatelia" "Tvorca profilu" "štandardné profilové polia". Tu uvidíte tri stĺpce: názov poľa, stav, povinné pole.

Stĺpec "stav" označuje polia, ktoré sa zobrazia (zobrazia) na vyplnenie. Odporúčam, aby ste ich všetky dali do stavu „skryť“.

Stĺpec "povinné pole" obsahuje povinné polia, bez ktorých nebude užívateľ registrovaný.

V stĺpci "názov poľa" je myslím všetko jasné.

5 ) Ok a choď konečne na " Všeobecné nastavenia". Tu môžete podľa vlastného uváženia povoliť alebo zakázať potvrdenie registrácie e-mailom používateľa, ako aj nakonfigurovať spôsob autorizácie používateľským menom alebo prezývkou. Mimochodom, úplne som zabudol spomenúť ešte jeden plugin – ktorý má aj autorizačnú funkciu. Chcel som o ňom napísať hneď na začiatku, ale, bohužiaľ, zabudol som.

ProfilePress je doplnok na pridávanie formulárov na vašu stránku WordPress pomocou krátkych kódov. Pomocou tohto nástroja môžete vytvárať registračné formuláre používateľov, prihlasovacie formuláre a profilové stránky, a tak vybudovať celú komunitu okolo vašej stránky. Pracuje s existujúci systém Používatelia WordPress a je kompatibilný s akoukoľvek témou.

Doplnok obsahuje 5 rôznych štýlov formulárov, takže si môžete vybrať ten, ktorý najlepšie vyhovuje dizajnu vášho webu. Pre doplnok je k dispozícii aj sada tém, ktoré vám môžu v prípade potreby pomôcť zmeniť štýl formulárov.

Popis Demo na stiahnutie

Plugin je možné stiahnuť zadarmo z adresára WordPress. K dispozícii je aj prémiová verzia, ktorá obsahuje nasledovné doplnkové funkcie ako nahranie avatara pre používateľa, registrácia cez profil sociálnej siete, Captcha atď.

Funkcie

Funkcie zahrnuté v bezplatná verzia:

• Neobmedzené front-end prihlasovacie formuláre pre používateľov
• Neobmedzený počet registračných formulárov front-end užívateľa
• Neobmedzené front-endové formuláre na obnovenie hesla
• okno Náhľad tvarový dizajn
• Viackrokové registračné formuláre
• Presmerovanie predvolenej prihlasovacej stránky WordPress na vlastnú prihlasovaciu stránku klientskeho rozhrania
• Presmerovať z predvoleného nastavenia Stránky WordPress registrácia na vlastnú registračnú stránku frontendu
• Presmerujte z predvolenej stránky na obnovenie hesla WordPress na vlastnú stránku na obnovenie hesla frontendu
• Presmerovanie používateľov na vlastné stránky po prihlásení/odhlásení
• Vstavaný inštalačný program na inštaláciu tém pre formuláre ProfilePress

Ak vám vyššie uvedené funkcie nestačia, zvážte prémiovú verziu, ktorá obsahuje nasledujúce funkcie:

Ako pracovať s pluginom

Po stiahnutí a aktivácii tohto doplnku si budete musieť nainštalovať aj doplnok Shortcake Shortcode UI, ktorý je navrhnutý tak, aby používateľom poskytoval užívateľsky prívetivé rozhranie ak chcete do príspevkov pridať krátke kódy, zobrazte a upravte ich v editore obsahu.

Keď to urobíte, musíte sa uistiť, že registrácia pre používateľov je otvorená. Ak to chcete urobiť, navštívte sekciu Nastavenia → Všeobecné a začiarknite políčko vedľa položky „Zaregistrovať sa môže ktokoľvek“.

Nakoniec, ak ste si zakúpili platenú verziu, zadajte svoj licenčný kľúč takže môžete získať aktualizáciu doplnku.

Po aktivácii doplnku sa na vašu stránku pridá niekoľko stránok: Registrácia, Prihlásenie, Obnovenie hesla, Zmena hesla atď. Tieto stránky majú špeciálne krátke kódy na umiestnenie formulárov. Ak chcete vytvoriť nové stránky alebo zmeniť stránky, na ktorých sa zobrazujú, môžete to urobiť na hlavnej stránke nastavení doplnku.

Tu môžete tiež zmeniť nastavenia presmerovania, zvoliť, na ktoré stránky má používateľ po prihlásení/odhlásení presmerovať atď.

Na tejto stránke nastavení môžete zmeniť aj obsah e-mailov, ktoré sa budú odosielať používateľom po registrácii, obnovení hesla atď.

Práca s Form Builderom

Stránka s nastaveniami pluginu má v hornej časti samostatnú kartu pre každý typ formulára – prihlásenie, registrácia, profil používateľa atď. Keď vyberiete jednu z možností, uvidíte, že doplnok ponúka 5 rôzne štýly pre formuláre spolu s ich krátkym kódom. Ak chcete vybrať iný štýl, jednoducho aktualizujte zodpovedajúci krátky kód na stránke.

Potom na prednej strane stránky môžete zobraziť formulár:

Ak chcete vykonať nejaké zmeny, kliknite na odkaz „Upraviť“. Zobrazí sa okno s HTML a krátkymi kódmi na prispôsobenie zvoleného formulára.

Najjednoduchší spôsob, ako upraviť formulár, je kliknúť na tlačidlo „ProfilePress Shortcodes“. Na obrazovke sa zobrazí kontextové okno so všetkými dostupnými prvkami, ktoré môžete použiť vo svojich formulároch. Ak chcete pridať prvok, jednoducho kliknite na jeho tlačidlo.

Nižšie si môžete pozrieť náhľad vášho formulára, v ktorom sa okamžite zobrazia všetky vaše zmeny. Pod tým je okno CSS, v ktorom môžete zmeniť vzhľad svojho formulára, ako chcete.

Prihláste sa cez sociálne siete

Ak chcete, aby sa používatelia mohli registrovať/prihlasovať cez svoj profil na sociálnej sieti, budete musieť nastaviť API kľúče v nastaveniach pluginu na karte “Sociálne prihlásenie”. Tam zadávate prístupové parametre pre Facebook, Twitter, Google, Linkedin a podobne.

Vzhľad formy

Doplnok má 5 vstavaných predvolených tém, tu sú naše obľúbené štýly:

Ak potrebujete inú možnosť, vždy si môžete požadovanú tému zakúpiť samostatne. Tu sú niektoré z dostupných možností:

• Pinnacle je pokojná a uprataná téma WordPress s možnosťou prihlásenia, registrácie, stránky na obnovenie hesla a možnosti sociálneho prihlásenia.
• Montserrat je krásna téma na vytvorenie jednostránkového formulára ProfilePress, ktorý bude obsahovať prihlasovacie meno, registráciu, resetovanie hesla a sociálny prihlasovací formulár.
• Stride je elegantný, prispôsobiteľný viacstupňový wordpress formulár na registráciu.
• Bash one-pager je jednoduchý, krásny, responzívny, jednostránkový sociálny prihlasovací formulár.
• Bash Edit Profile je elegantný, responzívny formulár používateľského profilu vo WordPress.
• Parallel je horizontálny, responzívny, pútavý formulár na prihlásenie, registráciu a obnovenie hesla s možnosťou prihlásenia cez sociálnu sieť.
• Perfecto je formulár na prihlásenie, registráciu a obnovenie hesla s dvoma farebnými akcentmi.

cena

Cena prémiovej verzie doplnku začína na 49 USD za licenciu na jednu stránku, 99 USD za 3 stránky a plán vývojára s neobmedzeným počtom stránok za 199 USD. Všetky plány zahŕňajú ročnú podporu a aktualizácie. Náklady na ďalšie témy sú od 5 do 10 USD.

Nezabudnite však, že je k dispozícii aj a bezplatná verzia.

Addons

K dispozícii sú tiež 2 rozšírenia: "E-mailové potvrdenie" - pred registráciou budú musieť používatelia potvrdiť svoj e-mail; "MailChimp" - Pridá používateľa do vášho zoznamu adries. Každý doplnok stojí 29 dolárov.

Záver

Ide o kvalitný doplnok, ktorý vám pomôže vytvoriť skutočnú komunitu pre vaše stránky. Všetky funkcie, ktoré potrebujete na prispôsobenie registračných formulárov vašim potrebám, sú zahrnuté tu. Predvolené témy doplnku sú naozaj dobré, ale ak potrebujete inú možnosť, vždy si môžete kúpiť tému, ktorú potrebujete, za relatívne nízku cenu. To isté platí pre doplnky.

Ak hľadáte podobný plugin, určite si pozrite tento. Ak si to chcete vyskúšať sami, vždy si môžete stiahnuť bezplatnú verziu. Stojí za zmienku, že platená verzia má 30-dňovú záručnú lehotu, takže ak zistíte, že plugin nespĺňa vaše potreby, vždy môžete získať svoje peniaze späť.

Jedným slovom si stiahnite, otestujte a vytvorte krásne formuláre na svojich stránkach.

Ahojte všetci!. Je ich veľmi málo a v ruštine ich vôbec nenájdete. Najlepší, ktorý som vyskúšal, je doplnok Profile Builder. Je to jednoduché a pohodlné, ale rusifikovanie registračného formulára bude nejaký čas trvať.

Začnime podľa očakávania inštaláciou pluginu vo wordpresse – stiahnite si Profile Builder , rozbaľte archív a nahrajte priečinok so súbormi pluginov na server do adresára /wp-content/plugins, napríklad pomocou FileZilla. Ihneď po aktivácii sa dostanete do nastavení, ktoré sa nachádzajú v časti „Používatelia“ – „Tvorca profilu“.

Ak sa rozhodnete použiť tento doplnok, nezabudnite povoliť používateľom registráciu vo WordPress: v časti „Nastavenia“ - „Všeobecné“ začiarknite políčko vedľa položky „Zaregistrovať sa môže ktokoľvek“ a vyberte možnosť „Nová rola používateľa“ - „ Odberateľ“ alebo „Člen“ (môže písať články a ukladať ich ako koncepty na kontrolu správcom).

Všetky hlavné nastavenia pluginu sú sústredené v položke Default Profile Fields a sú zredukované na zoznam polí, ktoré sa zobrazia v registračnom formulári.

• Názov vstupného poľa – názov poľa.
• Viditeľnosť - pridajte / odstráňte z registračného formulára.
• Povinné – povinné polia.

Meno (meno):

• užívateľské meno - užívateľské meno. Povinné pole, ktoré nemožno skryť.
• Krstné meno a priezvisko – meno a priezvisko používateľa.
• Prezývka - prezývka.
• Zobrazovať meno verejne ako... - ktoré z mien sa bude zobrazovať na blogu.

Kontaktné údaje (kontakty):

• Emailová adresa Email. Vždy povinné pole.
• webstránka - stránka.
• AIM, Yahoo IM a Jabber / Google Talk- Internetové služby okamžitých správ.

O sebe (o sebe):

• Biografické informácie – pole, do ktorého používateľ zadáva informácie o sebe.
• Nové heslo - Nové heslo. Ďalšie povinné pole, ktoré nemožno skryť.

Po nastavení polí je potrebné na blogu zobraziť výsledok registračného pluginu Profile Builder. To sa vykonáva pomocou nasledujúcich krátkych kódov:

4. Obnovenie hesla:

Len si vezmi požadovaný kód a vložte buď do textu vopred vytvoreného a prideleného registračného / autorizačného formulára, alebo do štandardného „Textu“.

Bohužiaľ, všetky polia zapnuté anglický jazyk, takže ich musíte rusifikovať ručne. Ak to chcete urobiť, prejdite do sekcie "Pluginy" - "Editor" a vpravo horný roh vyberte položku Profile Builder.

• — daný súbor zodpovedá za autorizačný formulár, ktorý sa zobrazuje pomocou kódu č.1.
• profile-builder/front-end/wppb.login.php- registračný formulár (kód č. 2).
• profile-builder/front-end/wppb.edit.profile.php— úprava profilu (skrátený kód №3).
• profile-builder/front-end/wppb.recover.password.php— formulár na zmenu hesla získaný pomocou skráteného kódu č. 4.

Nájdite anglické slová a nahraďte ich ruskými ekvivalentmi.

To je všetko, ďakujem za pozornosť. Všetko najlepšie!