Skip to content

Sekce Proces, kroky ​

Sekce Proces, kroky slouží k přehlednému zobrazení postupu, který má jasnou časovou nebo logickou posloupnost. Je určená pro redaktory a správce webu, kteří potřebují rodičům, uchazečům nebo žákům krok za krokem vysvětlit například průběh zápisu do první třídy, podání přihlášky na střední školu, vyřízení odborné praxe nebo přihlášení ke školnímu stravování.

Na snímku níže vidíte, jak sekce Proces, kroky vypadá na veřejném webu školy.

Sekce Proces, kroky na webu

Kde to najdete ​

Sekci vkládáte při úpravě konkrétní stránky v administraci Než zazvoní CMS:

  1. V levém menu klikněte na Obsah webu a v části Obsah vyberte Stránka.
  2. Otevřete stránku, na které chcete postup vysvětlit (nebo založte novou pomocí tlačítka Přidat).
  3. Sjeďte k poli Sekce stránky.

Na následujícím snímku vidíte katalog komponent, ze kterého vybíráte novou sekci.

Výběr nové sekce v administraci

Postup krok za krokem ​

  1. V poli Sekce stránky klikněte na tlačítko Přidat komponent do Sekce stránky a v nabídce Vyberte jeden komponent zvolte Proces, kroky.
  2. Vyplňte volitelný Nadnadpis a hlavní Nadpis sekce (například Jak zápis probíhá).
  3. V části Kroky tlačítkem pod seznamem položek přidejte novou položku.
  4. Do povinného pole Krok napište stručný název prvního kroku bez pořadového čísla (například Vyplňte přihlášku).
  5. Do pole Popis doplňte krátké vysvětlení, co přesně má čtenář v tomto kroku udělat (například Elektronicky, nebo na papíře ve škole.).
  6. V poli Ikona můžete vybrat doplňkovou ikonu (zobrazuje se v klasickém vzhledu webu).
  7. Stejným způsobem přidejte navazující kroky v pořadí, v jakém jdou za sebou.
  8. Klikněte na Uložit a pro zveřejnění změn na webu klikněte na Publikovat.

Poznámka

Pořadová čísla (1, 2, 3…) přidává web ke krokům automaticky podle jejich pořadí v seznamu Kroky. Čísla proto nepište do pole Krok, jinak by se na webu zobrazila dvakrát.

Pole a nastavení ​

Sekce Proces, kroky obsahuje hlavičku sekce a opakovatelný seznam jednotlivých kroků.

Nastavení sekce Proces, kroky ​

PoleK čemu sloužíPovinnéTip
NadnadpisKrátký štítek nad hlavním nadpisem sekce.NePište 2 až 5 slov (nejvýše 120 znaků).
NadpisHlavní nadpis sekce (úroveň H2).NeNejvýše 160 znaků. Slovo uzavřené mezi *hvězdičkami* se v designu Než zazvoní zvýrazní barvou.
KrokySeznam jednotlivých kroků postupu (položky typu Krok).AnoPři importu přes site.json jsou vyžadovány alespoň 2 a nejvýše 8 kroků.

Položka v seznamu Kroky (komponenta Krok) ​

PoleK čemu sloužíPovinnéTip
KrokNadpis jednotlivého kroku (úroveň H3).AnoNejvýše 80 znaků. Pište krátký pokyn slovesem v rozkazovacím způsobu (např. Přijďte k zápisu). Položky bez vyplněného pole Krok se na webu nezobrazí.
PopisUpřesňující text kroku v délce jedné až dvou vět.NeNejvýše 400 znaků. Zde uveďte podrobnosti, například jaké doklady si vzít s sebou.
IkonaDoplňková ikona ze seznamu ikon platformy (výchozí je none, tedy bez ikony).NeSeznam všech dostupných ikon najdete v kapitole Ikony.

Jak kroky vypadají na webu ​

Zobrazení sekce závisí na tom, který vzhled webu má škola nastavený v nastavení vzhledu webu:

  • Design Než zazvoní (nz):
    • Kroky se vykreslují jako přehledné bílé karty s jemným stínem a horní barevnou linkou v hlavní barvě školy. Na obrazovkách od šířky 800 px se karty automaticky skládají vedle sebe do mřížky.
    • Každá karta má v horní části výrazné pořadové číslo v kruhu podbarveném akcentní barvou školy, pod ním nadpis z pole Krok a text z pole Popis.
    • Pole Ikona se v designu Než zazvoní nevykresluje, protože hlavní vizuální prvek tvoří číslo kroku v barevném kruhu.
  • Klasický vzhled (klasik):
    • Kroky se zobrazují jako číslovaný seznam, kde je vlevo pořadové číslo v kruhu a vpravo nadpis s popisem.
    • Pokud u kroku vyberete v poli Ikona jinou hodnotu než none, vykreslí se malá ikona přímo před nadpisem kroku.

Kdy použít Kroky a kdy jinou sekci ​

  • Proces, kroky: Použijte vždy, když položky následují v pevném pořadí za sebou (krok 1, krok 2, krok 3) a popisují postup od začátku do konce.
  • Termíny: Použijte, když potřebujete uvést konkrétní kalendářní data a časy (např. dny zápisu nebo termíny přijímacích zkoušek). Obě sekce na sebe na stránce výborně navazují: nejprve pomocí sekce Proces, kroky vysvětlete postup a hned pod ni vložte sekci Termíny s konkrétními daty.
  • Karty: Použijte, když položky nepředstavují postup v čase, ale výčet výhod, předmětů, zaměření nebo rozcestník.

Tipy a doporučení ​

  • Držte počet kroků mezi 3 a 4: Tři nebo čtyři kroky návštěvník přehlédne na jeden pohled a na počítači se vejdou vedle sebe do jednoho řádku. Pokud má postup více fází, slučte drobné úkony do hlavních kroků (nejvýše 8).
  • Formulujte nadpisy akčně a jednotně: Začínejte každý Krok slovesem ve stejném tvaru, například: Vyplňte přihlášku, Přijďte k zápisu, Počkejte na rozhodnutí.
  • Návazné soubory a odkazy dejte do samostatné sekce: Samotný krok nemá pole pro odkaz ani přílohu. Pokud si má čtenář v rámci postupu stáhnout formulář přihlášky nebo přejít na jinou stránku, vložte pod sekci Proces, kroky sekci Tlačítka nebo Dokumenty ke stažení.

Časté chyby ​

  • Ruční psaní čísel do názvu kroku: Pokud do pole Krok napíšete 1. Vyplňte přihlášku, návštěvník na webu uvidí v kruhu číslo 1 a hned pod ním znovu 1. Vyplňte přihlášku. Pište vždy jen samotný text.
  • Příliš dlouhý popis: Pole Popis nepodporuje formátování (odrážky, tučný text ani odkazy). Pište do něj jednu až dvě srozumitelné věty. Pokud potřebujete rozepsat podrobné podmínky pro jednotlivé případy (např. seznam dokladů a pravidla odkladu školní docházky), přidejte pod kroky sekci Akordeon nebo Časté otázky.

Související ​