Blok webové stránky
Vnitrofiremní procesy
Systémové moduly

Ozvěte se, co vás zajímá

Vážíme si vašeho času, proto si zde nepíšete s AI, ale naším pracovníkem.

Chcete se rovnou zeptat?

Volejte na tel. +420 605 203 938

nebo využijte další kontakty

Blok webové stránky

Bloky jsou základním stavebním kamenem webových stránek a umožňují skládat stránky z bloků s pomocí šablony

Typy bloků

Bloky jsou několika typů

  1. Bloky vkládané do hlavičky stránky – obsahují pokyny pro prohlížeč a doplňující informace o stránce. Typicky bloky do stránky určují, které knihovny se mají pro stránku nahrát. Mohou obsahovat i skripty pro stránku
  2. Bloky do těla stránky – Součást těla stránky. Obsah je popsán přímo blokem nebo generován programově
  3. CSS / SASS styly

Názvy bloku

Blok má dva názvy: Vlastní název a Název pro šablonu

Vlastní název

Vlastním názvem identifikujete blok v přehledu všech bloků. Název by měl být pro portál jedinečný, abyste se v blocích dobře orientovali.

Název pro šablonu

Název pro šablonu je pojmenování, které je pro jméno pole v šabloně, kam má být blok vložen. Jde o pojmenování pole v šabloně, kam blok patří.

Název pro šablonu má smysl pouze pro bloky vkládané do těla stránky. CSS styly a bloky do hlavičky jsou vždy uplatněny všechny.

Příkladem jména v šabloně jsou topmenu, leftmenu, footer apod.

Nepoužívejte pro bloky body a pageBody, pletly by se s vlastním obsahem stránky.

Příklad bloků

Webové stránky používají nabídku v horní liště. Nabídka je stejná na všech stránkách, ale má jazykové verze (např. cz, en, de). Nabídku vložíte do bloků:

Název blokuNázev pro šablonuObsah
TopMenu CZtopmenuČeská verze nabídky
TopMenu ENtopmenuAnglická verze nabídky
TopMenu DEtopmenuNěmecká verze nabídky

Blok pro každý jazyk se jmenuje podle jazyka, ale mají společné jméno pro šablonu. Šablona pak může být stejná pro všechny jazyky, ale vzor stránky bude vždy vkládat blok Správné jazykové mutace.

Jak se s bloky pracuje

Vložení bloku do stránky

Bloky jsou do stránky vkládány

  1. Přímo (v detailu stránky, záložka bloky)
  2. Zprostředkovaně přes šablonu stránky
  3. Na základě jejich přiřazení k sekci, ve které je stránka zařazena

Zařazení bloku rozhoduje šablona – přímo ve stránce, nebo v šabloně. Použity jsou ty bloky, které šablona vyžaduje, ostatní jsou ignorovány.

Pokud je k sekci i stránce přiřazen blok se stejným Názvem pro šablonu, použije se blok u stránky (má přednost před blokem u sekce).

SASS styly

CSS styly mohou být popsány pomocí SASS. Systém je automaticky překládá do CSS stylů.
SASS styly podporují kaskádovitou definici. SASS styl může mít definováno, že jeho součástí je CSS/SASS styl popsaný v jiném bloku. Při překladu SASS stylu se nadřazený styl vloží.

Doporučení: Pro SASS proměnné a @mixin definice použijte samostatné SASS styly, které budete do ostatních vkládat. Můžete tak ve všech stylech používat jednotné SASS definice i je snadno používat v nových portálech (jako součást web šablony).

Plnění obsahu bloku kódem

Bloky umožňují definovat skript, který plní jejich obsah. Pro většinou skriptů pak obsah bloku představuje šablony používanou v htmlGenerátoru jako šablona.
Vazbu na skripty v kódu zadávat pouze pracovníci s rolí vývojáře. Bez této role je pole propojující blok stránky se skriptem nedostupné.
Příklad: Okno pro vyhledávání na webu může volat stránku, která zobrazí výsledky vyhledávání. Stránka, nebo blok na této stránce, zavolá skript, který fulltextově vyhledá stránky odpovídající zadání. Samotná stránka obsahuje šablonu pro formátování výsledku

Volání skriptu: server.webFEPages.getUserSearch
Obsah bloku nebo stránky:

<!-- Block used to show results -->
<searchResult>
  <h3><a href="@pagePath" target="_blank">@metaTitle</a></h3>
  <p>@metaDescription</p>
  <br>
</searchResult>
<!-- Block with list of all results -->
<searchList></searchList>
<!-- Block used if nothing foung -->
<searchNoRes>
  <h3>Bohužel podle vašeho požadavku nebyla nalezena žádná stránka</h3>
</searchNoRes>
<body>
  <h1>Výsledky hledání</h1>
  {@searchResult}
</body>