Jak používat zkratky pro vkládání kalendářů událostí na stránky WordPress

V aplikaci WordPress je zkrácený kód malý kousek kódu, který umožňuje přidávat dynamický obsah do stránek, příspěvků a widgetů. Zkrácené kódy jsou reprezentovány hranatými závorkami [ ] a slouží k vkládání různých typů obsahu, jako jsou obrázky, zvuk, video, formuláře a další.

Pokud ke správě událostí a rezervací používáte FooEvents, můžete na svých webových stránkách zobrazit události jako kalendář (viz ukázka). Toho lze snadno dosáhnout pomocí FooEvents Kalendář plugin a zkratky. V tomto příspěvku použijeme zkratky FooEvents Kalendář k rychlému vložení kalendářů událostí WordPress do příspěvků a stránek. Tyto zkratky lze také použít k zobrazení kalendářů pomocí většiny nástrojů pro tvorbu stránek, jako je např. vestavěný nástroj Bloky WordPress, Elementor, Beaver Builder a Divi.

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ář pak přidá do spodní části stránky základní formulář pro nastavení události, kde můžete nastavit datum a čas události.

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í, rezervací a vstupenek do produktů WooCommerce.

Pro ilustraci, jak se různé události zobrazí v kalendáři, jsem nastavil následující tři události pomocí FooEvents:

Jednodenní konference která se koná na 28. dubna 2023 z od 9 do 17 hodin
Vícedenní konference která se koná na 14.-16. dubna 2023 z od 9 do 17 hodin (viz FooEvents Vícedenní plugin)
Rezervovatelná služba nebo událost která se koná na různé dny během dubna 2023 na adrese tři různé časové intervaly (viz FooEvents Rezervace plugin)

Pssst: Pokud jste v FooEvents noví a chcete se podívat pod pokličku, požádat o přístup do demo prostředí správce kde si můžete vyzkoušet všechny nejnovější pluginy FooEvents z ovládacího panelu WordPress.

Dále jsem vytvořil novou stránku WordPress (nebo příspěvek) a přidal blok zkratek s následujícím zkratkovým kódem:

[fooevents_calendar]

Po publikování stránky se ve front-endu zobrazí následující kalendář.

Přizpůsobení kalendáře událostí

Nyní, když jsme vložili kalendář, můžeme jej přizpůsobit podle našich preferencí a požadavků. Toho dosáhneme přidáním různých vlastností do zkráceného kódu.

Změna počátečního dne kalendáře

Nastavte sloupce kalendáře tak, aby začínaly v pondělí nebo v neděli.

[fooevents_calendar firstDay="0"] 0 = neděle, 1 = pondělí atd.

Zobrazení konkrétního měsíce

Nastavení výchozího data, které musí kalendář zobrazit při prvním načtení. To je užitečné, pokud vaše událost začíná až v pozdějším termínu.

[fooevents_calendar defaultDate="2023-09-01"]

Filtrovat podle kategorie

Vytvářejte kalendáře pro různé skupiny událostí. To platí pouze pro události WooCommerce. Stačí označit příslušné události do kategorie WooCommerce a zadat příznak kategorie pomocí příkazu include_cat nemovitosti.

[fooevents_calendar include_cat="featured"]

Zadejte počet událostí, které se mají zobrazit

Omezit počet událostí, které se mají zobrazit v kalendáři. Ve výchozím nastavení se zobrazí všechny události, které se konají v daném měsíci.

[fooevents_calendar num=10]

Zobrazení více kalendářů na stránce

Na jednu stránku můžete vložit více kalendářů. Stačí se ujistit, že každý zkrácený kód obsahuje jedinečné ID kalendáře.

[fooevents_calendar id="cal1"], [fooevents_calendar id="cal2"] atd.

Nastavení formátu času

Přizpůsobte si formát času pomocí podporovaných formátů data FullCalendar: https://fullcalendar.io/docs/v1/formatDate

[fooevents_calendar timeFormat="H.mm"]

Skrýt víkendy

[fooevents_calendar weekends="false"]

Režimy zobrazení

Kalendář FooEvents obsahuje různé režimy zobrazení a lze jej nastavit pomocí tlačítka defaultView nemovitosti.

Zobrazení seznamu (den)

[fooevents_calendar defaultView="listDay"]

Zobrazení seznamu (týden)

[fooevents_calendar defaultView="listWeek"]

Zobrazení seznamu (měsíc)

[fooevents_calendar defaultView="listMonth"]

Zobrazení seznamu (rok)

[fooevents_calendar defaultView="listYear"]

Zobrazit konkrétní události

Zobrazení více událostí zadáním ID produktu, příspěvku nebo stránky. Můžete zobrazit jednu událost nebo více událostí zadáním seznamu ID oddělených čárkou.

[fooevents_calendar post="123,456"]

Barvy kalendáře

Motiv používaný kalendářem můžete globálně upravit nastavením možnosti Motiv kalendáře v hlavním nastavení FooEvents.

Přejděte na svůj Panel správce WordPress > Nastavení FooEvents
Klikněte na Kalendář karta
Vyberte si Téma kalendáře (Výchozí, Světlý, Plochý, Minimalistický nebo Tmavý)
Uložit vaše změny!

Stavitelé stránek

Tvůrci stránek WordPress jsou pluginy, které uživatelům umožňují vytvářet a navrhovat vlastní rozvržení stránek a příspěvků WordPress bez znalosti kódování nebo programování. Vzhledem k tomu, že zkratky jsou standardní funkcí WordPress, většina tvůrců stránek WordPress zkratky podporuje. Následující příklad ukazuje, jak používat Elementor k vypsání zkratky kalendáře FooEvent.