Novinka: Vizuální editor pro éru AI webů. Poslední dílek skládačky, když chcete upravovat web a ne psát e-maily. www.directedit.dev

💬

Dynamická data a vlastní struktury ve WP

Naučte se ovládat dynamické struktury a udělejte z WP svého pomocníka přesně na míru projektu.

K čemu je to dobré

Možnost vytváření dynamických ACF struktur ve WP vám doslova otevře nové dveře možností, co můžete na webu tvořit. Dříve či později se vám totiž stane, že narazíte na možnosti čistého WP, protože obyčejné stránky a příspěvky vám přestanou stačit. Máte pak dvě možnosti:

  1. Můžete se spoléhat na pluginy, které vám do webu tyhle struktury přidají (např. menu pro restaurace, portfolia nemovitostí a podobně). Ale daň za univerzálnost je ta, že tam může “něco chybět” nebo budete potřebovat něco “trošku jinak”.
  2. Uděláte si vlastní struktury přesně podle sebe – a právě tady přichází na řadu ACF pluginy.

Jeden příklad za všechny je jeden z mých projektů pro firmu Geocore, což je informačně hodně velký web – má přes 250 stránek s různými informacemi. A původní koupená šablona nedokázala pojmout tuto velkou strukturu. Problém není v počtu stránek, ale v typu obsahu a jejich administraci: mají na webu klasické stránky, příspěvky na blogu (tedy nic nového pod sluncem), ale vedle toho ještě reference, členy týmu, volná pracovní místa, velké produktové stránky a systémová řešení (ukázky konkrétních úsporných řešení). Jsou to data, která dohromady míchat nechcete, protože je to z toho peklo pro všechny – správce obsahu, čtenáře i webaře.

A právě tady přichází na řadu vlastní dynamické struktury, díky kterým můžete na webu dělat kouzla.

Pozn. Určitě jste už tyhle struktury potkali, i když jste je sami nevytvářeli: např. používají je třeba pluginy na formuláře, různé filtry, nebo woocommerce produkty.

Možnosti dynamických dat na webu

Vlastní typy příspěvků (Custom Post Types, CPT)

To jsou nové typy (druhy) příspěvků (jako jsou klasické stránky nebo příspěvky) ve WP, které můžete použít pro logické i vizuální rozdělení obsahu webu. A právě díky tomu pak můžete mít na webu svoje vlastní dynamická data, např.:

  • produktové stránky (např. pro katalogy, pokud nechcete použít Woo),
  • portfolia projektů, nemovitostí,
  • jídelní lístky pro restaurace,
  • reference (zpětné vazby od klientů)
  • vizitky lidí – sportovců, lékařů, členů týmu,
  • galerie
  • a mnoho dalšího, fantazii se meze nekladou.

Při vytváření si můžete zvolit, zda bude mít příspěvek autora, editor, náhledový obrázek a další věci.

image 2
Ukázka vlastních typů příspěvků – Pokoje a Jídelní lístky

Vlastní pokročilá pole (Advanced Custom Fields, ACF)

CPT jako takové samy nic moc neumí, vypadají jako obyčejné stránky. A právě tady přichází na řadu ACF pole, díky kterým si můžete upravit strukturu CPT naprosto podle libosti.

K příspěvkům (klasickým, stránkám i vlastním) si můžete přidat libovolná pole a vytvořit si tak datovou strukturu, kterou následně jen obalíte šablonou. Protože každé pole má název a typ – text, číslo, editor, soubor, aj. Díky tomu můžete přidat. např. hotelovému pokoji (CPT) nová ACF pole jako je kapacita osob, dispozice, plocha, cena, galerie a mnoho dalších věci. Můžete dokonce vytvářet tzv. repeatery, tj. struktury uvnitř stuktur.

Příklady ACF polí:

  • produktové stránky – cena, popis, rozměr, váha
  • portfolia nemovitostí – velikost, dispozice, cena, jméno a kontakt na makléře
  • jídelní lístky pro restaurace – klasický příklad repeateru, který má v sobě název jídla, množství, cenu
  • reference (zpětné vazby od klientů) – jméno klienta, web, text reference, fotka
  • vizitky lidí – fotka, jméno, email, odkazy na soc. sítě (pole typu URL)…
  • galerie – tady vám stačí jedno ACF pole typu galerie
  • atd…

A to je boží! Protože pak nemusíte lézt do šablon nebo složitých editorů, prostě vám stačí změnit hodnotu v administraci a šablona se postará o to, že bude stránka CPT hezky vypadat. A díky ACF polím tam budete mít informace, které potřebujete.

image 3
Ukázka vlastních ACF polí pro hotelový pokoj

Vlastní kategorie (Custom Taxonomies, CT)

Pokud chcete (původní i vlastní) příspěvky na webu nějakým způsobem filtrovat nebo je přiřadit na stánky archivů, které se zobrazí společně podle nějakého “typu”, pak budete potřebovat vlastní kategorie (CT). Podle ACF polí se totiž filtrovat nedá (standardně), k tomu slouží právě kategorie/taxonomie. Klasické rubriky (categories) a štítky (tags) u klasických WP příspěvků jsou toho důkazem.

  • produktové stránky – kategorie produktů
  • portfolia nemovitostí – typy postelí, vybavení pokoje (klimatizace, výhled na moře a pod)…
  • jídelní lístky pro restaurace – typ lístku (např. nápoje, hlavní jídla)….
  • reference (zpětné vazby od klientů) – typ reference (grafika, web, soc. sítě…)
  • vizitky lidí – pozice ve firmě (CEO, aj)…
image 4
Ukázka vlastních kategorií

Vlastní nastavení stránky (Custom Pages Settings, CPS)

Custom Page Settings (někdy se tomu říká i Option pages) jsou vhodná pro různé globální údaje, které potřebujete mít na jednom místě, např. firemní údaje, které jsou pak společné pro celý web a klient si je tu může v klidu upravovat. Je to vlastně stránka v administraci, která má přímo ACF pole.
Pokud se podíváte do Nastavení -> Zobrazení ve WP (Settings -> Reading), tak to je příklad nativních CPS.

image 5
Ukázka vlastních nastavení stránky

Jak na to?

Chcete vidět, jak s dynamickými strukturami pracovat v praxi? Přihlaste se na kurz, kde uvidíte příklady z praxe, a udělejte z WP svého pomocníka přesně na míru projektu.

Líbil se vám článek? Pošlete ho dál:

Jitka Klingenbergová

Jitka Klingenbergová

Absolventka ČVUT FIT oboru Informatika | Programátorka | Webová vývojářka, konzultantka a mentorka
tvorime@vyladeny-web.cz

Vaše komentáře

Zanechte první komentář

Zpět k tipům

Pravidelná dávka užitečných tipů až do schránky