Úprava šablony stránky Hero

Vít Petira 1 minuta, 24 sekundy 134 twig šablony novinky css

Doposud byl na portálu Grav.cz upřednostňován obsah před vzhledem. Web prozatím používá výchozí šablonu webu Quark, byť s drobnými úpravami prováděnými na úrovni dědičné šablony. Aby nebyl vzhled stále stejný, provedl jsem nepatrnou modifikaci šablony stránky Hero, která je použita v záhlaví úvodní stránky a Blogu.

Hero sekce/obrázek/banner je část stránky, která se objevuje pod logem a hlavní navigační nabídkou. Jejím hlavním účelem je zaujmout návštěvníka webu, poskytnout mu základní informace a navést jej dále k očekávanému obsahu.

HeaderPřestože se jedná o stejnou šablonu stránky, výsledek se liší. Je to dáno jednak použitými parametry v Twigu, který stránku generuje, a současně použitým stylováním. Uvedené demonstruje fantastickou modularitu, kterou CMS Grav disponuje. Úvodní stránka je modulární, tj. složená z jednotlivých modulů, přičemž modul Hero, který je generován na základě šablony stránky Hero, je pouze jedním z mnoha, umístěný standardně nahoře úvodní stránky. Blog je pro změnu stránka výpisová a šablona stránky Hero zde plní funkci pro vygenerování hlavičky stránky v rámci šablony stránky Blog. Pro úplnost dodávám, že v případě šablony stránky Hero se nejedná plnohodnotnou (hlavní) šablonou stránky, jako jsou například Default, Blog nebo Item, ale pouze o takzvanou dílčí šablonu stránky, která může být implementována do jakékoliv jiné šablony stránky (obvykle pak do nějaké hlavní šablony stránky), stejně jako například postranní panel nebo patička stránky.

Na úvodní stránce tedy aktuálně přibyla vesmírná tělesa (🌕🪐☄️) a na Blogu astronaut (👨‍🚀). Jedná se o samostatné SVG obrázky, což je patrné při změně velikosti okna prohlížeče. Mobilní varianta zobrazení je samozřejmostí, dynamicky se mění podle šířky displeje.

Jedná se spíše o zajímavost pro inspiraci při úpravách šablon webu, resp. šablon stránek. V případě zájmu o bližší informace je k dispozici skupina na Facebooku.

Předchozí příspěvek