Chcete na WordPress vytvoriť svoje vlastné widgety?
Widgety vám umožňujú presúvať položky do ľubovoľného bočného panela alebo oblasti miniaplikácií na vašom webe. V tomto článku si preto ukážeme, ako ľahko vytvoriť vlastný widget WordPress.
Ale predtým, ak ste nikdy nenainštalovali WordPress objaviť Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu
Potom späť k tomu, prečo sme tu.
Čo je to widget WordPress?
Widgety WordPress obsahujú kúsky kódu, ktoré môžete pridať na bočné panely webových stránok alebo do oblastí vhodných pre widgety. Berte to ako moduly, ktoré môžete použiť na pridanie rôznych prvkov pomocou jednoduchého rozhrania „Drag and Drop“.
V predvolenom nastavení je WordPress dodávaný so štandardnou sadou widgetov, ktoré môžete použiť s ľubovoľnou témou WordPress.
Objavte tiež naše najlepšie prémiové témy WordPress.
WordPress tiež umožňuje vývojárom vytvárať si vlastné widgety. Veľa tém a WordPress pluginy prichádzajú s vlastnými miniaplikáciami, ktoré si môžete pridať na svoje bočné panely.
Môžete napríklad pridať kontaktný formulár, prihlasovací formulár vlastné alebo fotogaléria na bočnom paneli bez toho, aby ste napísali kód.
Pozrime sa, ako ľahko vytvoriť svoje vlastné widgety na WordPress.
Ako vytvoriť vlastný widget na WordPress
Tento návod je určený pre ľudí, ktorí majú znalosti o vývoji webových aplikácií.
Pred začatím by bolo lepšie vytvoriť konkrétny doplnok na webe, do ktorého vložíte kód miniaplikácie pre tento tutoriál.
Kód môžete tiež prilepiť do súboru „function.php“ vašej témy WordPress. Bude však k dispozícii iba vtedy, keď je táto konkrétna téma WordPress aktívna.
V tomto návode vytvoríme jednoduchý widget, ktorý jednoducho pozdraví návštevníkov. Pozrite sa na tento kód a potom ho vložte do konkrétneho doplnku, aby ste ho videli v akcii.
// Zaregistrujte a načítajte funkciu widgetu wpb_load_widget () {register_widget ('wpb_widget'); } add_action ('widgets_init', 'wpb_load_widget'); // Vytvorenie triedy widgetov wpb_widget rozširuje WP_Widget {function __construct () {parent :: __ construct (// Základné ID vášho widgetu 'wpb_widget', // Názov widgetu sa objaví v UI __ ('BPC Widget', 'wpb_widget_domain') , // Pole popisu widgetu ('description' => __ ('Simple WordPress Widget', 'wpb_widget_domain'),)); } // Vytváranie verejných front-end funkcií widgetov widget ($ args, $ instance) {$ title = apply_filters ('widget_title', $ instance ['title']); // argumenty widgetov pred a po sú definované témami echo $ args ['before_widget']; if (! empty ($ title)) echo $ args ['before_title']. $ titul. $ args ['after_title']; // Tu spustíte kód a zobrazíte výstupné echo __ ('Simple Widget', 'wpb_widget_domain'); echo $ args ['after_widget']; } // Formulár verejnej funkcie doplnku backend ($ instance) {if (isset ($ instance ['title'])) {$ title = $ instance ['title']; } else {$ title = __ ('Nový titul', 'wpb_widget_domain'); } // Widget pre formulár pre správu?> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />
Po pridaní kódu musíte prejsť na „ Vzhľad> Widgety ". Nový widget si všimnete “ PCB Widget V zozname dostupných miniaplikácií. Tento widget musíte presunúť myšou na postranný panel.
Teraz navštívením svojho blogu uvidíte miniaplikáciu na bočnom paneli, kam ste pridali príslušnú miniaplikáciu.
Teraz sa pozrime na tento kód.
Najprv sme nahrali „ wpb_widget A načítal náš vlastný widget. Ďalej sme definovali, čo táto widget robí a ako ju zobraziť na paneli.
Nakoniec sme definovali, ako zvládnuť zmeny vykonané v miniaplikácii.
Teraz by ste mali vedieť niekoľko vecí. Aký je napríklad cieľ „ wpb_text_domain "?
WordPress používa „gettext“ na správu prekladu a lokalizácie. " wpb_text_domain "a __e hovorí gettext, ako načítať prekladový reťazec, ak existuje.
Ak vytvoríte vlastný widget pre svoju tému WordPress, môžete nahradiť reťazec „wpb_text_domain“ textom domény vašej témy.
Objavte aj niektoré prémiové doplnky WordPress
Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.
Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.
1. Galaxy Funder
Galaxy Funder je funkciami nabitý crowdfundingový systém určený pre akýkoľvek web WooCommerce. použitie WordPress Plugin prémiový Galaxy Funder budete môcť spravovať svoj vlastný crowdfundingový web alebo pridávať fundraisingové kampane do hlavičky vášho internetového obchodu WooCommerce.
Môžete tiež použiť akýkoľvek platobná brána podporovaná WooCommerce. Upozorňujeme, že program „Galaxy Funder“ funguje priamo na stránke online obchodu, čo uľahčuje proces prispievania používateľov.
Stiahnuť | Ukážka web hosting
2. Kliknite na funkciu Rozhovor služby WhatsApp
Le WordPress Plugin Premium Click to WhatsApp Chat uľahčuje zákazníkom WordPress spojiť sa s vlastníkom webových stránok alebo zákazníckou podporou pomocou ich WhatsApp účtu.
Stačí kliknúť na účet WhatsApp a presmeruje sa priamo na mobilný účet WhatsApp s predvolenou správou. A ak je klient na počítači alebo notebooku, bude presmerovaný na WhatsApp Web.
Tento doplnok vyžaduje číslo a čas a deň WhatsApp, o ktorých bude diskutovať vlastník webu alebo tím podpory. Tlačidlo Chat možno pridať na stránku s podrobnosťami o produkte WooCommerce, ktorá priamo súvisí s týmto produktom.
Stiahnuť | demo | web hosting
3. Stiahnite si vodoznak obrázka
Tento Rozšírenie WordPress Premium vám umožňuje jednoducho pridávať vodoznaky do vašich obrázkov Jednoduché digitálne preberanie.
Títo vodoznaky môže byť obrázkom symbolu autorských práv, a logo spoločnostialebo súčasť značky ako priehľadný obrázok PNG.
Stiahnuť | demo | web hosting
Ďalšie odporúčané zdroje
Tiež vás pozývame, aby ste si prečítali zdroje uvedené nižšie, aby ste sa presadili a ovládali svoje webové stránky a blog.
- 7 WordPress pluginy pre hodnotenie blogu komentáre
- 5 doplnkov WordPress na lepšiu správu bulletinu
- 8 WordPress pluginy na vytvorenie kontaktného formulára
- Ako otvoriť video YouTube vo vyskakovacom okne na WordPress
záver
Voila! To je všetko pre tento tutoriál, dúfam, že vám to umožní vytvoriť vlastné widgety na vašom blogu WordPress. Ak máte Komentáre alebo návrhy, neváhajte a dajte nám vedieť v rezervovanej sekcii.
Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress alebo jeden na Divi: najlepšia téma WordPress všetkých čias.
Ale medzičasom zdieľajte tento článok na rôznych sociálnych sieťach.
...
