Želite li stvoriti vlastite prilagođene widgete na WordPressu?
Widgeti vam omogućavaju da povučete i ispustite stavke u bilo koju spremnu bočnu traku ili područje widgeta na vašoj web lokaciji. Stoga ćemo vam u ovom članku pokazati kako lako stvoriti prilagođeni WordPress dodatak.
Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati WordPress blog u koracima 7 et Kako pronaći, instalirati i aktivirati WordPress temu na svom blogu
Onda se vratimo na pitanje zašto smo ovde.
Šta je WordPress dodatak?
WordPress dodaci sadrže dijelove koda koje možete dodati na bočne trake svoje web lokacije ili područja prilagođena dodacima. Zamislite to kao module koje možete koristiti za dodavanje različitih elemenata pomoću jednostavnog sučelja "Povuci i ispusti".
WordPress po defaultu dolazi sa standardnim setom dodataka koje možete koristiti sa bilo kojom WordPress temom.
Otkrijte i vi naše najbolje premium WordPress teme.
WordPress također omogućava programerima da kreiraju vlastite prilagođene widgete. Mnogo tema i WordPress plugins dolaze s vlastitim prilagođenim widgetima koje možete dodati na svoje bočne trake.
Na primjer, možete dodati kontakt formular, obrazac za prijavu običaj ili galerija fotografija na bočnoj traci bez pisanja bilo kakvog koda.
Zbog toga ćemo vidjeti kako lako kreirati vlastite prilagođene widgete na WordPressu.
Kako stvoriti prilagođene widget na WordPress
Ovaj je tutorial namijenjen osobama koje imaju znanje o web razvoju.
Prije pokretanja, bilo bi bolje kreirati određeni dodatak na web mjestu gdje ćete zalijepiti kôd widgeta za ovaj vodič.
Kôd možete i zalijepiti u datoteku "function.php" vaše WordPress teme. Međutim, bit će dostupan tek kada je ta određena tema programa WordPress aktivna.
U ovom će tutorialu stvoriti jednostavan widget koji će jednostavno pozdraviti posjetioce. Pogledajte ovaj kôd, a zatim ga zalepite u svoj specifični dodatak da biste ga vidjeli u akciji.
// Registrirajte i učitajte widget funkciju wpb_load_widget () {register_widget ('wpb_widget'); } add_action ('widgets_init', 'wpb_load_widget'); // Stvaranje klase widgeta wpb_widget produžava WP_Widget {funkciju __construct () {nadređa :: __ konstrukciju (// Osnovni ID vašeg widgeta 'wpb_widget', // Ime widgeta pojavit će se u korisničkom sučelju __ ('BPC Widget', 'wpb_widget_domain') , // Polje opisa widgeta ('description' => __ ('Simple WordPress Widget', 'wpb_widget_domain'),)); } // Stvaranje javnog widgeta funkcije front-end widgeta ($ args, $ instance) {$ title = apply_filters ('widget_title', $ instance ['title']); // prije i poslije argumenti widgeta definirani su temama echo $ args ['before_widget']; if (! prazno ($ naslov)) echo $ args ['before_title']. $ title. $ args ['after_title']; // Ovdje pokrećete kôd i prikazujete izlazni odjek __ ('Jednostavni dodatak', 'wpb_widget_domain'); echo $ args ['after_widget']; } // Widget Backend obrazac javne funkcije ($ instance) {if (isset ($ instance ['title'])) {$ title = $ instance ['title']; } else {$ title = __ ('Novi naslov', 'wpb_widget_domain'); } // Dodatak za obrazac administratora?> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />
Nakon dodavanja koda, morate prijeći na " Izgled> Dodaci ". Primijetićete novi widget " PCB Widget Na popisu dostupnih widgeta. Morate povući i ispustiti ovaj widget na bočnu traku.
Sada posjetom vašem blogu vidjet ćete widget na bočnoj traci gdje ste dodali sporni widget.
Sada ćemo pogledati ovaj kod.
Prvo smo zabilježili “ wpb_widget I učitao naš prilagođeni dodatak. Dalje, definirali smo što ovaj widget radi i kako ga prikazati na nadzornoj ploči.
Konačno, definirali smo kako postupiti sa promjenama izvršenim na widgetu.
Evo nekoliko stvari koje biste možda željeli znati. Na primjer, koji je cilj " wpb_text_domain "?
WordPress koristi "gettext" za upravljanje prevodom i lokalizacijom. Dakle " wpb_text_domain "i __e govori gettext kako dohvatiti niz prevoditelja ako postoji.
Ako kreirate prilagođeni widget za svoju WordPress temu, možete zamijeniti "wpb_text_domain" tekstom domene teme.
Otkrijte i neke premium WordPress dodatke
Možete koristiti druge WordPress plugins da date moderan izgled i da optimizujete rukovanje vašim blogom ili web sajtom.
Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.
1. Galaxy Funder
Galaxy Funder je mnoštveni sistem za množično finansiranje dizajniran za bilo koju web stranicu WooCommerce. Koristeći WordPress dodatak premium Galaxy Funder moći ćete upravljati vlastitom web lokacijom za crowdfunding ili dodati kampanje prikupljanja sredstava na zaglavlje vaše WooCommerce online trgovine.
Takođe možete koristiti bilo koji pristupnik plaćanja koji podržava WooCommerce. Imajte na umu da "Galaxy Funder" radi direktno na stranici internet trgovine, što olakšava postupak korisničkog doprinosa.
download | Demo | web hosting
2. Kliknite na WhatsApp Chat
Le WordPress dodatak premium Click to WhatsApp Chat olakšava korisnicima WordPress-a da se povežu s vlasnikom web stranice ili korisničkom podrškom koristeći njihov WhatsApp račun.
Samo klik na WhatsApp račun i bit će usmjeren direktno na mobilni WhatsApp račun sa zadanom porukom. A ako se klijent nalazi na radnoj površini ili laptopu, bit će preusmjeren na WhatsApp Web.
Ovaj dodatak zahtijeva WhatsApp broj i vrijeme i dan, o kojima će vlasnik web stranice ili tim za podršku razgovarati. Gumb za chat može se dodati na stranicu s podacima o WooCommerce proizvodu, što je direktno povezano sa ovim proizvodom.
download | Demo | web hosting
3. Preuzmite vodeni žig slike
ovo WordPress ekstenzija premium vam omogućava lako dodavanje vodenih žigova vašim slikama Easy Digital Downloads.
ove vodenih žigova može biti slika simbola autorskog prava, a logo kompanije, ili dio robne marke kao prozirna PNG slika.
download | Demo | web hosting
Ostali preporučeni resursi
Također vas pozivamo da se konzultirate sa resursima u nastavku kako biste otišli dalje u nadzor i kontrolu vaše web stranice i bloga.
- 7 WordPress plugins za procjenu komentara na blogu
- 5 WordPress dodataka za bolje upravljanje biltenom
- 8 WordPress plugins za kreiranje kontaktnog obrasca
- Kako otvoriti Youtube video u popupu na WordPressu
zaključak
Voila! To je sve za ovaj tutorial, nadam se da će vam omogućiti da kreirate prilagođene widgete na svom WordPress blogu. Ako jesi komentari ili prijedloge, ne oklijevajte da nas obavijestite u rezerviranom odjeljku.
Međutim, takođe ćete moći da se konsultujete sa našim sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada bloga WordPress ili onaj on Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...
