Želite li stvoriti vlastite prilagođene widgete na WordPressu?
Widgeti vam omogućuju povlačenje i ispuštanje stavki u bilo koju spremnu bočnu traku ili područje widgeta na vašem web mjestu. Stoga ćemo vam u ovom članku pokazati kako jednostavno stvoriti prilagođeni WordPress dodatak.
Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog
Onda se vratimo zašto smo ovdje.
Što je WordPress dodatak?
Widgetovi za WordPress sadrže dijelove koda koje možete dodati na bočne trake web mjesta ili područja prilagođena widgetima. Zamislite to kao module koje možete koristiti za dodavanje različitih elemenata pomoću jednostavnog sučelja "Povuci i ispusti".
Prema zadanim postavkama WordPress dolazi sa standardnim kompletom widgeta koje možete koristiti s bilo kojom WordPress temom.
Otkrijte i vi naše najbolje premium WordPress teme.
WordPress također omogućuje programerima stvaranje vlastitih prilagođenih widgeta. Puno tema i WordPress plugins dolaze s vlastitim prilagođenim widgetima koje možete dodati svojim bočnim trakama.
Na primjer, možete dodati obrazac za kontakt, obrazac za prijavu običaj ili fotogalerija na bočnoj traci bez pisanja bilo kakvog koda.
U skladu s tim, pogledajmo kako lako stvoriti vlastite prilagođene widgete na WordPressu.
Kako stvoriti prilagođeni widget na WordPress
Ovaj je tutorial namijenjen osobama koje imaju znanje o web razvoju.
Prije pokretanja bilo bi bolje izraditi određeni dodatak na web mjestu u koji zalijepite kôd widgeta za ovaj vodič.
Kôd možete zalijepiti i u datoteku "function.php" vaše WordPress teme. Međutim, bit će dostupan samo kada je aktivna ta konkretna WordPress tema.
U ovom ćemo tutorialu stvoriti jednostavan widget koji će jednostavno pozdraviti posjetitelje. Pogledajte ovaj kôd, a zatim ga zalijepite u svoj specifični dodatak da biste ga vidjeli u akciji.
// Registrirajte i učitajte funkciju widgeta wpb_load_widget () {register_widget ('wpb_widget'); } add_action ('widgets_init', 'wpb_load_widget'); // Stvaranje klase widgeta wpb_widget proširuje WP_Widget {funkcija __construct () {nadređa :: __ konstrukcija (// Osnovni ID vašeg widgeta 'wpb_widget', // Naziv widgeta pojavit će se u korisničkom sučelju __ ('BPC Widget', 'wpb_widget_domain') , // Polje opisa widgeta ('description' => __ ('Simple WordPress Widget', 'wpb_widget_domain'),)); } // Izrada 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 (! empty ($ title)) echo $ args ['before_title']. $ naslov. $ args ['after_title']; // Ovdje izvodite kôd i prikazujete izlazni odjek __ ('Jednostavni widget', 'wpb_widget_domain'); odjekni $ 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 administrativni obrazac?> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />
Nakon dodavanja koda, morate prijeći na " Izgled> Widgeti ”. Primijetit ć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.
Pogledajmo sada ovaj kod.
Prvo smo zabilježili “ wpb_widget I učitao naš prilagođeni widget. Zatim smo definirali što ovaj widget radi i kako ga prikazati na nadzornoj ploči.
Na kraju smo definirali 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 prijevodom i lokalizacijom. Dakle " wpb_text_domain „i __e govori gettextu kako dohvatiti niz prijevoda ako postoji.
Ako stvorite prilagođeni widget za svoju WordPress temu, možete zamijeniti "wpb_text_domain" tekstom domene svoje teme.
Otkrijte i neke premium WordPress dodatke
Možete koristiti druge WordPress plugins dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.
Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.
1. Galaxy Funder
Galaxy Funder cjeloviti je sustav za množično financiranje dizajniran za bilo koju web stranicu WooCommerce. Korištenje WordPress plugin premium Galaxy Funder moći ćete upravljati vlastitom web stranicom za grupno financiranje ili dodati kampanje za prikupljanje sredstava u zaglavlju svoje WooCommerce internetske trgovine.
Također možete koristiti bilo koji pristupnik plaćanja koji podržava WooCommerce. Imajte na umu da "Galaxy Funder" radi izravno na stranici internetske trgovine, što olakšava postupak korisničkog doprinosa.
Preuzmite | Demo | Web hosting
2. Kliknite na WhatsApp Chat
Le WordPress plugin premium Click to WhatsApp Chat korisnicima WordPressa olakšava povezivanje s vlasnikom web stranice ili korisničkom podrškom koristeći njihov WhatsApp račun.
Samo kliknite na WhatsApp račun i bit će usmjeren izravno na mobilni račun WhatsApp sa zadanom porukom. A ako se klijent nalazi na radnoj površini ili prijenosnom računalu, 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 izravno povezano s ovim proizvodom.
Preuzmite | demo | Web hosting
3. Preuzmite vodeni žig slike
Cette WordPress proširenje premium vam omogućuje jednostavno dodavanje vodenih žigova na vaše slike Jednostavno digitalno preuzimanje.
ovi vodenih žigova može biti slika simbola autorskog prava, a logotip tvrtke, ili dio robne marke kao prozirna PNG slika.
Preuzmite | demo | Web hosting
Ostali preporučeni resursi
Također vas pozivamo da se savjetujete sa donjim izvorima kako biste poboljšali i kontrolirali svoju web stranicu i blog.
- 7 WordPress dodaci za procjenu komentara na blog
- 5 WordPress dodataka za bolje upravljanje biltenom
- 8 WordPress dodataka za stvaranje obrasca za kontakt
- Kako otvoriti Youtube video u skočnom prozoru na WordPress
Zaključak
Voila! To je sve za ovaj tutorial, nadam se da će vam omogućiti da napravite prilagođene widgete na svom WordPress blogu. Ako jesi Komentari ili prijedloge, ne ustručavajte se obavijestiti nas u rezerviranom odjeljku.
Međutim, također ćete moći konzultirati naše sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...
