Vytvoření kalendáře událostí Elementoru pomocí FooEvents (2024)

Jak na to, Marketing, Aktualizace / Leden 1, 2024 / Napsal Robin Pietersen

V tomto návodu vám ukážeme, jak přidat kalendář událostí Elementor pomocí FooEvents v roce 2024. Kalendáře budou zobrazovat více událostí, které se zobrazují na různých kartách pomocí různých režimů zobrazení.

Krok 1: Instalace pluginů Elementor a FooEvents Calendar

Nejprve se musíte ujistit, že máte k dispozici Elementor nainstalovaný zásuvný modul. Lze jej nalézt na wordpress.org a nainstalovat přímo ze sekce zásuvných modulů na vašich webových stránkách.

Přihlaste se na svůj panel správce WordPress a přejděte na stránku Zásuvné moduly > Přidat nový. Pak vyhledejte Elementor a nainstalujte Elementor Website Builder plugin.

Dále vyhledejte FooEvents a nainstalujte Kalendář akcí pro FooEvents FooEvents poskytuje dva způsoby vytváření událostí na webu WordPress. První možností je přidat podrobnosti o události do standardního příspěvku nebo stránky WordPress pomocí příkazu FooEvents Kalendář plugin. To se provádí při úpravě příspěvku nebo stránky. Zásuvný modul FooEvents Kalendář přidá do spodní části příspěvku, stránek a vlastních typů příspěvků základní formulář pro nastavení události. Pomocí tohoto formuláře můžete nastavit datum a čas události. Po nastavení se budou zobrazovat v kalendářích generovaných pluginem FooEvents kalendář.

Druhou a sofistikovanější možností je použití příkazu FooEvents pro WooCommerce zásuvný modul a rozšíření pro přidání funkcí událostí a vstupenek do produktů WooCommerce. FooEvents pro WooCommerce umožňuje prodávat neomezené množství vstupenek přímo z vašich webových stránek a spravovat check-iny pomocí bezplatného nástroje FooEvents. Aplikace FooEvents Check-ins. Na stránkách FooEvents Rezervace zásuvný modul lze také použít k prodeji přístupu k rezervovatelným časovým úsekům, což bude ilustrováno později v tomto tutoriálu.

Po nastavení několika zkušebních událostí přejděte k dalšímu kroku.

Krok 2: Vytvoření nové stránky

Vytvořte novou stránku a nastavte její název. Poté přejděte do nástroje pro tvorbu stránek Elementor stisknutím tlačítka Úpravy pomocí nástroje Elementor tlačítko.

Krok 3: Přidání prvku Elementor Tabs

Po načtení stránky přidejte do hlavní části stránky prvek Karty. Ve výchozím nastavení vytvoří Elementor dvě ukázkové karty. Odstraňte druhou kartu a rozbalte možnosti úprav první karty.

Krok 4: Přidání kalendáře událostí Elementor pomocí FooEvents

Upravte první kartu a změňte její název na "Vše" a poté přidejte kartu FooEvents Kalendář zkratka do části obsahu karty.

[fooevents_calendar id="1"]

Při přidávání více kalendářů na stránku je důležité zadat pro každý kalendář jedinečné ID (např. id="1"). Poté můžete zobrazit náhled kalendáře, který zobrazí všechny události, které se konají v aktuálním měsíci.

Krok 5: Přidání kalendáře pro konkrétní kategorie událostí

Dále zduplikujte právě vytvořenou kartu a změňte její název na aktivity. Tento kalendář pak musí zobrazovat všechny události, které jsou aktivitami. Při vytváření událostí pomocí doplňku FooEvents pro WooCommerce můžete události uspořádat pomocí funkce kategorií WooCommerce. Pro tuto ukázku jsme do kategorie aktivit přidali zájezd Autobusový zájezd. Pomocí parametru include_cat shortcode pak můžeme filtrovat kalendář tak, aby zobrazoval pouze události, které byly zařazeny do kategorie aktivit. Tento postup můžeme také zopakovat pro události, které byly zařazeny do kategorie "Konference".

[fooevents_calendar id="2″ include_cat="activities"]

Krok 6: Přidání kalendářů pro určitá časová období

Vytvoření kalendáře, který zobrazuje pouze události, které se odehrávají v aktuálním dni kalendáře, pomocí parametru defaultview s hodnotou nastavenou jako listday. V případě potřeby můžete tento parametr použít také v kombinaci s dalšími parametry, například s parametrem include_cat. Stejným postupem vytvoříme kartu zobrazení Týden, kde jako výchozízobrazení zadáme hodnotu listWeek. Toto zobrazení pak zobrazí všechny události, které se odehrávají v aktuálním týdnu.

Vytvoření karty zobrazení měsíce, která zobrazí všechny události, které se odehrály v aktuálním kalendářním měsíci, pomocí parametru listMonth a parametru defaultdate, který určuje, který měsíc se má zobrazit. Vytvořte kartu, která zobrazí všechny události, jež se odehrály v aktuálním roce, pomocí hodnoty listYear.

[fooevents_calendar id="3″ defaultview="listDay"]

Krok 7: Přidání kalendáře pro konkrétní opakované události

Vytvořte kalendář pro konkrétní opakované události. Například autobusový zájezd využívá zásuvný modul FooEvents pro rezervace a opakuje se v různých termínech a časových intervalech. Zadáním ID produktu můžete vytvořit kalendář, který zobrazí pouze tyto časové intervaly. Stačí získat ID, vytvořit kartu s názvem Autobusový zájezd a nastavit ID produktu pro parametr příspěvku. Kalendář pak bude zobrazovat pouze rezervace pro tuto událost.

A je to! Nyní víte, jak pomocí FooEvents a Elementoru přidat na své webové stránky kalendáře událostí, které zobrazují více událostí na různých kartách s využitím různých režimů zobrazení. Každý z těchto kalendářů lze dále filtrovat pomocí řady parametrů zkratek. Více se o nich dozvíte, když navštívíte centrum nápovědy FooEvents a přejdete na stránku dokument nápovědy ke zkratkám kalendáře.

Mohl by vás také zajímat tento obsah od našeho partnera FooSales WooCommerce POS:

Přihlaste se k odběru našeho newsletteru

Buďte první, kdo obdrží aktualizace produktů a speciální nabídky