Sekce Karty

Sekce Karty (v katalogu sekcí označená jako Karty s ikonami) zobrazuje přehlednou mřížku bodů ve dvou až čtyřech sloupcích. Používají ji redaktoři školy i správci tam, kde potřebují představit několik souvisejících bodů vedle sebe.

Hodí se pro hlavní důvody ke studiu, program dne otevřených dveří, rozcestník zaměření oboru či podstránek, přehled částí přijímací zkoušky, studentské firmy nebo získaná ocenění a certifikáty. Každá karta může fungovat i jako odkaz na podstránku, externí web nebo soubor ke stažení.

Na snímku níže vidíte, jak sekce Karty vypadá na publikovaném webu školy.

Kde to najdete

Sekci přidáte při úpravě stránky v části Obsah webu pod položkou Stránka, v poli Sekce stránky.

Na následujícím snímku vidíte katalog komponent po kliknutí na přidání nové sekce.

Postup krok za krokem

1. V levém menu klikněte na Obsah webu a v části Obsah vyberte Stránka.
2. Otevřete stránku k úpravě, nebo vpravo nahoře klikněte na Přidat.
3. V poli Sekce stránky klikněte na Přidat komponent do Sekce stránky a vyberte Karty s ikonami.
4. Vyplňte volitelný Nadnadpis, hlavní Nadpis sekce a případně Úvodní text.
5. V poli Varianta zvolte vzhled karet (icons, tiles, badges nebo plain) a v poli Počet sloupců vyberte počet sloupců (2, 3 nebo 4).
6. V poli Karty tlačítkem pod seznamem položek přidejte novou položku.
7. U každé karty vyplňte Nadpis karty, Text a podle zvolené varianty také Ikona nebo Obrázek. Pokud má být karta klikací, vyplňte Odkaz.
8. V pravém panelu klikněte na Uložit nebo na Publikovat.

Pole a nastavení

Tabulka popisuje všechna pole samotné sekce Karty.

Pole	K čemu slouží	Povinné	Tip
Nadnadpis	Krátký štítek nad nadpisem sekce.	Ne	2 až 5 slov (do 120 znaků), např. „Podívej se na důvody“.
Nadpis	Hlavní nadpis sekce (H2).	Ne	Slovo mezi *hvězdičkami* se zvýrazní barvou. U varianty icons se nadpis vypisuje velkými písmeny. Do 160 znaků.
Úvodní text	Odstavec vycentrovaný pod nadpisem sekce.	Ne	Stručné uvedení v 1 až 2 větách (do 600 znaků).
Karty	Seznam karet v mřížce (položky typu Karta).	Ne (v site.json min. 1)	Ideálně 3, 6 nebo 9 karet (nejvýše 12). Bez karty s nadpisem se sekce na webu nezobrazí.
Počet sloupců	Počet karet v řadě na širokých obrazovkách: 2, 3 (výchozí) nebo 4.	Ne	Na tabletech se mřížka zúží na 2 sloupce, na mobilu do 1 sloupce.
Pozadí	Barva pozadí: white (bílé, výchozí), soft (světle šedé), brand (tmavé v barvě školy).	Ne	Na tmavém pozadí brand se nadpisy i kroužky ikon přebarví do světlých a akcentních tónů.
Varianta	Vzhled karet v designu Než zazvoní: icons (výchozí), tiles, badges, plain.	Ne	Popis všech čtyř variant najdete v další kapitole.
Tlačítko pod kartami	Jedno volitelné tlačítko pod mřížkou karet.	Ne	Má pole Text odkazu, Adresa a Ikona (výchozí ikona na webu je list).
Kotva	Identifikátor sekce pro přímý odkaz (např. duvody).	Ne	Jen malá písmena bez diakritiky, číslice a spojovníky, bez # (odkaz vede na #duvody).

Položky v poli Karty

Každá položka přidaná do pole Karty obsahuje těchto pět polí:

Pole	K čemu slouží	Povinné	Tip
Ikona	Ikona nad nadpisem karty (výchozí none = bez ikony).	Ne	Uplatní se u varianty icons (a v klasickém vzhledu). Přehled najdete v kapitole Ikony.
Nadpis karty	Titulek karty (H3).	Ano	2 až 3 slova (do 80 znaků), např. „Praxe už na škole“.
Text	Krátký popis pod nadpisem karty.	Ne	1 až 3 věty, kolem 120 znaků (nejvýše 400 znaků).
Odkaz	Cílová adresa, na kterou karta odkazuje.	Ne	Když je vyplněný, celá karta je odkaz. Interní adresy (/stranka) se otevřou v témže okně, externí (https://...) v novém okně.
Obrázek	Fotografie nebo logo z Knihovny médií.	Ne	Používá se pouze u variant tiles (fotodlaždice) a badges (obrázek nahoře).

Varianty zobrazení

V poli Varianta volíte jeden ze čtyř stylů (v designu Než zazvoní):

1. icons (ikony v kroužku, výchozí): Nad kartou je kroužek s ikonou v hlavní barvě školy, pod ním vycentrovaný nadpis a popis. Při najetí myší se kroužek vyplní barvou. Vyplněný Znak školy se v pozadí sekce vykreslí jako jemný vodoznak. Pole Obrázek se nepoužívá.
2. tiles (fotodlaždice): Vysoké dlaždice s fotografií z pole Obrázek na pozadí, překrytou tmavým barevným přechodem a bílým textem dole. Hodí se pro zaměření oboru nebo rozcestník podstránek. Pole Ikona se nepoužívá.
3. badges (obrázek nahoře): Bílé karty se stínem, které mají nahoře vycentrovaný obrázek nebo odznak (bez ořezu) a pod ním nadpis s popisem. Hodí se pro ocenění a certifikáty.
4. plain (jednoduché karty): Bílé karty se stínem a horní barevnou linkou, které zobrazují pouze Nadpis karty a Text (bez ikony i obrázku). Využijete je pro části zkoušky, hodnoty školy, studentské firmy nebo linky pomoci.

Poznámka ke klasickému vzhledu

V klasickém vzhledu webu (klasik) se všechny karty vykreslují jednotně s volitelnou ikonou, nadpisem a textem. Pole Varianta, Obrázek na kartě, Tlačítko pod kartami a Kotva se uplatní pouze v designu Než zazvoní (nz).

Tipy a doporučení

• Sladění počtu karet a sloupců: Volte počet karet tak, aby byla poslední řada plná. Při 3 sloupcích použijte 3, 6, 9 nebo 12 karet. Při 2 sloupcích použijte 2 nebo 4 karty, při 4 sloupcích 4, 8 nebo 12 karet.
• Stejně dlouhé texty na kartách: Držte popis na všech kartách v sekci přibližně stejně dlouhý (kolem 120 znaků), aby karty v řadě měly vyrovnanou výšku.
• Samotná loga bez popisu patří do jiné sekce: Pro samotná loga spolupracujících firem bez textů použijte sekci Loga partnerů.

Časté chyby

• Nevyplněný obrázek u varianty tiles nebo badges: Pokud přepnete Varianta na tiles a u karet vyberete jen Ikona místo Obrázek, dlaždice zůstanou bez fotek. U variant tiles a badges vždy vyberte soubor v poli Obrázek.
• Nepoměr počtu karet a sloupců: Například 4 karty v režimu 3 sloupců vytvoří jednu plnou řadu a pod ní jedinou osamocenou kartu. Přepněte Počet sloupců na 2 nebo 4, případně upravte počet karet na 3 či 6.
• Příliš dlouhé texty v kartách: Karty nejsou určené pro dlouhé výklady. Pro obsáhlejší odpovědi použijte sekci Akordeon nebo Časté otázky.

Související

• Přehled sekcí
• Ikony
• Odkazy a tlačítka
• Sekce Text a obrázek
• Sekce Tlačítka
• Sekce Loga partnerů
• Vzhled webu