Chcete si vytvořit vlastní vlastní widgety na WordPress?

Widgety umožňují přetahovat položky do libovolného postranního panelu nebo oblasti widgetů na vašem webu. V tomto článku vám proto ukážeme, jak snadno vytvořit vlastní widget WordPress.

Ale dříve, pokud jste nikdy nenainstalovali WordPress objevit Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu 

Pak zpět k tomu, proč jsme tady.

Vytvořte si vlastní widget na WordPressu

Co je widget WordPress?

Widgety WordPress obsahují části kódu, které můžete přidat na postranní panely nebo do oblastí vhodných pro widgety. Představte si to jako moduly, které můžete použít k přidání různých prvků pomocí jednoduchého rozhraní „Drag and Drop“.

Ve výchozím nastavení je WordPress dodáván se standardní sadou widgetů, které můžete použít s jakýmkoli tématem WordPress. 

Objevte také naše nejlepší prémiová témata WordPress.

Widget řídicího panelu Wordpress

WordPress také umožňuje vývojářům vytvářet vlastní widgety. Spousta témat a WordPress pluginy přicházejí s vlastními vlastními widgety, které si můžete přidat na své postranní panely.

Můžete například přidat kontaktní formulář, přihlašovací formulář vlastní nebo fotogalerie na postranním panelu bez zápisu kódu.

Uvidíme, jak snadno vytvořit vlastní vlastní widgety na WordPress.

Jak vytvořit vlastní widget na WordPress

Tento kurz je určen pro lidi, kteří mají znalosti o vývoji webových aplikací.

Před spuštěním by bylo lepší vytvořit konkrétní plugin na webu, kam vložíte kód widgetu pro tento tutoriál.

Kód můžete také vložit do souboru „function.php“ vašeho motivu WordPress. Bude však k dispozici, pouze pokud je dané konkrétní téma WordPress aktivní.

V tomto tutoriálu vytvoříme jednoduchý widget, který návštěvníky jednoduše pozdraví. Podívejte se na tento kód a poté jej vložte do svého konkrétního pluginu, abyste si ho mohli prohlédnout v akci.

// Zaregistrujte a načtěte funkci widgetu wpb_load_widget () {register_widget ('wpb_widget'); } add_action ('widgets_init', 'wpb_load_widget'); // Vytvoření třídy widgetů wpb_widget rozšiřuje WP_Widget {function __construct () {parent :: __ construct (// Základní ID vašeho widgetu 'wpb_widget', // Název widgetu se objeví v uživatelském rozhraní __ ('BPC Widget', 'wpb_widget_domain') , // Pole popisu widgetu ('description' => __ ('Simple WordPress Widget', 'wpb_widget_domain'),)); } // Vytvoření veřejné funkce widgetu front-endu widget ($ args, $ instance) {$ title = apply_filters ('widget_title', $ instance ['title']); // argumenty před a po widgetu jsou definovány motivy echo $ args ['before_widget']; if (! empty ($ title)) echo $ args ['before_title']. $ titul. $ args ['after_title']; // Zde spustíte kód a zobrazíte výstupní echo __ ('Simple Widget', 'wpb_widget_domain'); echo $ args ['after_widget']; } // Formulář veřejné funkce Widget Backend ($ instance) {if (isset ($ instance ['title'])) {$ title = $ instance ['title']; } else {$ title = __ ('Nový titul', 'wpb_widget_domain'); } // Widget pro administrátorský formulář?> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />

Po přidání kódu musíte přejít na „ Vzhled> Widgety “. Nový widget si všimnete “ BPC Widget V seznamu dostupných widgetů. Tento widget musíte přetáhnout na postranní panel.

WordPress vlastní widget

Nyní navštívením svého blogu uvidíte widget na postranním panelu, do kterého jste dotyčnou widget přidali.

Nyní se podívejme na tento kód.

Nejprve jsme nahráli „ wpb_widget A načetl náš vlastní widget. Dále jsme definovali, co tento widget dělá a jak jej zobrazit na řídicím panelu.

Nakonec jsme definovali, jak zpracovat změny provedené v widgetu.

Nyní existuje několik věcí, které byste mohli chtít vědět. Například jaký je cíl „ wpb_text_domain "?

WordPress používá „gettext“ ke správě překladu a lokalizace. " wpb_text_domain „a __e říká gettext, jak načíst překladový řetězec, pokud existuje.

Pokud vytvoříte vlastní widget pro své téma WordPress, můžete nahradit „wpb_text_domain“ textem domény vašeho motivu.

Objevte také některé prémiové doplňky WordPress  

Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat práci s vaším blogem nebo webem.

Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.

1. Galaxy Funder

Galaxy Funder je funkcemi nabitý crowdfundingový systém navržený pro jakýkoli web WooCommerce. použití WordPress Plugin prémiového Galaxy Funder budete moci spravovat svůj vlastní crowdfundingový web nebo přidávat fundraisingové kampaně do záhlaví vašeho online obchodu WooCommerce.

Galaxy funder woocommerce crowdfundingový systémový plugin wordpress

Můžete také použít libovolné platební brána podporovaná WooCommerce. Upozorňujeme, že program „Galaxy Funder“ funguje přímo na stránce online obchodu, což usnadňuje proces příspěvku uživatele.

Stáhnout | Demo | Web hosting

2. Klikněte na Chat služby WhatsApp

Le WordPress Plugin Premium Click to WhatsApp Chat usnadňuje zákazníkům WordPress spojení s vlastníkem webu nebo zákaznickou podporou pomocí jejich účtu WhatsApp. 

Klikněte na chat whatsapp pro plugin wordpress

Stačí kliknout na účet WhatsApp a bude přesměrován přímo na mobilní účet WhatsApp s výchozí zprávou. A pokud je klient na počítači nebo notebooku, bude přesměrován na WhatsApp Web.

Tento plugin vyžaduje číslo a čas a den WhatsApp, o kterých bude diskutovat majitel webu nebo tým podpory. Tlačítko Chat lze přidat na stránku podrobností o produktu WooCommerce, která přímo souvisí s tímto produktem.

Stáhnout | Demo | Web hosting

3. Stáhněte si vodoznak obrázku

Cette Rozšíření WordPress Premium umožňuje snadno přidávat vodoznaky do obrázků Snadná digitální stahování.snadný-digital-file-download-image vodoznak

tito vodoznaky může být obrázek symbolu autorských práv; logo společnostinebo část značky jako průhledný obrázek PNG.

Stáhnout | Demo | Web hosting

Další doporučené zdroje

Zveme vás také, abyste si prostudovali níže uvedené zdroje, abyste se dostali dále do sevření a kontroly nad svým webem a blogem.

Proč investovat do čističky vzduchu?

Voila! To je vše pro tento tutoriál, doufám, že vám to umožní vytvořit vlastní widgety na vašem blogu WordPress. Pokud ano commentaires nebo návrhy, neváhejte a dejte nám vědět ve vyhrazené sekci.

Budete však také moci konzultovat naše ressources, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Mezitím sdílejte tento článek na různých sociálních sítích

...