Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress
Code

Kreiranje Korisničkog WordPress Plugina za Registracijski Obrazac

by
Difficulty:IntermediateLength:LongLanguages:

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Ravno iz kutije, WordPress omogućuje prilagođeni obrazac za registraciju koji se može upotrijebiti za podešavanje novog korisnika, ili dodavanje novog korisnika već postojećoj WordPress instalaciji. Ali što ako želite implementirati registracijski obrazac koji ne renderira opcije u WordPress Dashboardu?

U ovom tutorialu ćemo naučiti kako kreirati korisnički registracijski obrazac u WordPressu koristeći kombinaciju predložaka tagova i kratkih kodova.

Zadani registracijski obrazac sastoji se od samo dva polja obrasca - korisničkog imena i emaila.

Iz razloga što su u polju obrasca prisutni samo korisničko ime i email, ovaj proces je nevjerojatno lagan. Prvo, unesete svoje korisničko ime i email nakon čega će vam putem emaila biti proslijeđena lozinka. Zatim se logirate na stranicu sa lozinkom i dovršite svoj profil te promijenite lozinku u nešto što ćete lakše upamtiti.

Umjesto da natjerate korisnika da prolazi kroz cijeli navedeni stres samo kako bi se logirao na vašu stranicu, zašto mu ne biste omogućili izravan registracijski obrazac koji sadrži neka dodatna polja obrasca kao dodatak zadanom korisničkom imenu i emailu kao što je npr. lozinka, URL na njihovu web stranicu, biografija, nadimak, te njihovo ime i prezime.

Ovo je naročito korisno kod web stranica sa višebrojnim autorima kao što je Tuts+.

U ovom članku ćemo graditi plugin za korisnički registracijski obrazac sa sljedećim poljima obrasca:

  • korisničko ime
  • lozinka
  • email
  • URL web stranice
  • ime
  • prezime
  • nadimak
  • biografija (ili odjeljak "o meni")

Korisnički obrazac za registraciju može biti integriran u WordPress pomoću plugin kratkog koda i pripadajućim tagom.

Sa kratkim kodom možete kreirati stranicu i učiniti je službenom registracijskom stranicom vaše web stranice. Kratki kod također možete upotrijebiti unutar posta kako bi se korisnik mogao prijaviti na vašu stranicu nakon čitanja nekog vašeg članka.

Ako želite dodati registracijski obrazac na alatnu traku ili neku specifičnu lokaciju na stranici, možete editirati WordPress temu ali smještajući tag na željenu lokaciju.

Prije nego što počnemo graditi plugin registracijskog obrasca, vrijedi napomenuti da su potrebni korisničko ime, lozinka i email polje.

Ovo pravilo ćemo nametati kada ćemo pisati našu validacijsku funkciju.

Premium Opcija

Ovaj tutorial će vas naučiti iz temelja izgraditi plugin, ali ako tražite brzo, 'plug-and-play' rješenje, pokušajte sa WordPress Registration Form pluginom na Envato Marketu. Možete podesiti široki raspon registracijskih obrazaca sa kontrolom provjere valjanosti. Kada je registracija završena, novom članu se šalje email sa njegovim detaljima za prijavu. Email predložak može biti modificiran za registraciju, promjenu lozinke, itd.

WordPress Registration Form plugin on Envato Market
WordPress Registration Form plugin na Envato Marketu

Još jedna opcija je jednostavno predavanje narudžbe na Envato Studio. Možete odabrati pravu osobu među mnogim iskusnim WordPress plugin razvojnim programerima. Zatim pošaljete svoja kratka uputstva i developer će kreirati vaš plugin unutar dogovorenog vremenskog roka.

Na primjer, Alisaleem252 će razviti prilagođeni WordPress plugin koji će biti kompatibilan sa posljednjom WordPress Repository verzijom prema vašim zahtjevima.

Dobiti ćete:

  • prilagođeni widget, ukoliko je potrebno
  • prilagođeni kratki kod, ako je potrebno
  • prilagođeni post tip, ako je potrebno
  • pouzdanu uslugu
Custom WordPress Plugin Development
Custom WordPress Plugin Development

Cijena kompletne usluge iznosi samo 300$, i vaš plugin će biti gotov za 10 dana. Alisaleem252 ima 98% pozitivan rejting potvrđen od strane prijašnjih klijenata. Pa zašto ne biste isprobali ovu popularnu Custom WordPress Plugin Development uslugu!

Izgradnja Plugina

Nakon što smo sve rekli, možemo početi sa kodiranjem plugina. Prvo, uključite plugin zaglavlje.

Zatim, kreiramo PHP funkciju koja sadrži HTML kod registracijskog obrasca.

Primjećujete li da je registracijsko polje proslijeđeno gornjoj funkciji kao varijabla? U funkcijskom kodu, vidjeti ćete instance sljedećeg koda, na primjer:

( isset( $_POST['lname'] ) ? $last_name : null )

Trojni operator provjerava sadržaj globalne $_POST strelice da provjeri sadrži li obrazac vrijednost. Ako sadrži vrijednost, upotpunjuje polja obrasca sa vrijednostima kako bi poštedio korisnika od ponovnog unosa podataka u polje.

Registracijski obrazac nije završen sve dok ne potvrdite i trajno uklonite unos korisnika. Kao rezultat ćemo kreirati validacijsku funkciju sa nazivom registration_validation.

Da ublažimo bol validacije, upotrijebiti ćemo WordPress WP_Error klasu. Pratite me dok kodiramo validacijsku funkciju:

  1. Kreirajte funkciju i proslijedite polje za registraciju kao argument funkcije.
  2. Instancirajte WP_Error klasu i učinite varijablu instance globalnom kako bi bila pristupačna izvan područja funkcije.
  3. Upamtite: Rekli smo da su potrebni korisničko ime, lozinka i email i ne smiju se izostaviti. Kako bismo utvrdili pravilo, moramo provjeriti je li bilo koje polje prazno. Ako jest, dodajemo error poruku globalnoj WP_Error klasi.
  4. Također provjeravamo da broj znamenki korisničkog imena nije manji od 4.
  5. Provjerite je li korisničko ime već registrirano.
  6. Upotrijebite usluge WordPress validate_username funkcije da provjerite je li korisničko ime valjano.
  7. Provjerite je li broj znamenki za zaporku unesen od strane korisnika manji od 5.
  8. Provjerite je li email adresa valjana.
  9. Provjerite je li email adresa već registrirana.
  10. Ako je polje web stranice ispunjeno, provjerite da vidite je li valjano.
  11. I na kraju, prolazimo kroz greške u našoj WP_Error instanci i prikazujemo individualnu grešku.
    Završili smo kodiranje validacije funkcije.

Sljedeći na redu je plugin complete_registration() funkcija koja rješava registraciju korisnika.
Registracija korisnika ustvari vrši wp_insert_user funkcija koja prihvaća red korisničkih podataka.

U complete_registration() funkciji iznad, učinili smo $reg_errors WP_Error instance i polja obrasca varijable globalnima kako bi mogli pristupiti varijabli u globalnom području.

Zatim provjeravamo sadrži li $reg_errors instanca kakvu grešku. Ako nije pronađena nikakva greška, nastavljamo populirati $userdata red i ubacujemo detalje registracije korisnika u WordPress bazu podataka te prikazujemo Registration Complete poruku sa poveznicom na login stranicu.

Sljedeće je super custom_registration_function() funkcija koja stavlja sve funkcije koje smo gore kreirali u upotrebu.

Dozvolite da vam objasnim kod u custom_registration_function() funkciji.

Prvo, provjeravajući je li podešen $_POST['submit'] određujemo je li obrazac zaprimljen. Ako je obrazac zaprimljen, zovemo registration_validation funkciju da validiramo zaprimljen obrazac korisnika.

Zatim trajno uklonimo podatke obrasca i podesimo podatke trajnog uklanjanja u varijablu nazvanu prema polju obrasca. Na kraju zovemo complete_registration da registriramo korisnika.

Moramo pozvati registration_form funkciju da prikažemo obrazac za registraciju.

Sjećate li se da sam ranije spomenuo kako ćemo pružiti podršku za kratki kod za registracijski plugin? Ispod je kod sa podrškom za kratki kod.

U ovom trenutku smo završili kodiranje plugina. Ispod je slika koja prikazuje izgled obrasca za registraciju.

Imajte na umu da možda ne postignete identičan izgled na svojoj WordPress stranici zbog različitosti CSS stila.

Upotreba Plugina

Kako bismo implementirali plugin u WordPress post ili stranicu, upotrijebite kratki kod [cr_custom_registration].

Kako biste implementirali registracijski obrazac u određeni aspekt teme, dodajte sljedeći predložak tag - <?phpcustom_registration_function(); ?> .
Plugin datoteku možete preuzeti u prilogu ovog članka.

Sažetak

U ovom članku smo prošli kroz proces izrade plugina koji u WordPress dodaje korisnički obrazac za registraciju. Možete dodatno proširiti obrazac za registraciju da uključite ekstra polja poput uloge korisnika, AOL IM računa i sl., ali pripazite da polje obrasca bude valjani meta podatak za wp_insert_user.

Ukoliko imate kakvih pitanja i prijedloga, javite mi u komentarima!

Ne zaboravite, ako ste se s teškoćom pratili ovaj tutorial i želite jednostavno rješenje, isprobajte WordPress Registration Form plugin na Envato Marketu.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.