Vzhled
Ikony
Než zazvoní CMS obsahuje sadu 61 vektorových ikon pro karty, tlačítka, rychlé odkazy v hlavičce a kroky procesů. Redaktoři školy i správci vybírají ikonu v poli Ikona podle anglického klíčového slova. Všechny ikony se na webu automaticky přebarvují do barev školy a čtečky obrazovky je přeskakují jako dekorativní prvek.
Kde to najdete
Pole Ikona (s výchozí hodnotou none, tedy bez ikony) najdete v části Obsah webu na třech místech:
- Karta v sekci Karty: pole Ikona u každé karty. V designu Než zazvoní (
nz) se ikony zobrazují u variantyicons(ikony v kroužku), u varianttiles,badgesaplainnikoli. V klasickém vzhledu (klasik) se zobrazí vždy, když není zvolenonone. - Odkaz u tlačítek a rychlých odkazů: pole Ikona v komponentě Odkaz (v polích Tlačítka, Tlačítko, Tlačítko pod kartami a Rychlé odkazy nad menu u záznamu Škola).
- Krok v sekci Proces, kroky: pole Ikona u každého kroku. V klasickém vzhledu (
klasik) se zobrazí před nadpisem kroku, v designu Než zazvoní (nz) se kroky jen číslují.
Na snímku níže uvidíte sekci Karty ve variantě s ikonami na veřejném webu:
Na dalším snímku uvidíte ikony u rychlých odkazů v horní liště hlavičky webu:
Postup krok za krokem
- Otevřete stránku v části Obsah webu, Stránka (nebo záznam Škola pro Rychlé odkazy nad menu).
- Rozbalte sekci (například Karty s ikonami nebo Hero) a klikněte na položku karty nebo tlačítka.
- V poli Ikona vyberte název ikony podle tabulek níže (například
graduationnebocalendar). - Pokud ikonu nechcete, ponechte výchozí hodnotu
none. - Klikněte na Uložit a pro zveřejnění na Publikovat.
Pole a nastavení
| Pole | K čemu slouží | Povinné | Tip |
|---|---|---|---|
| Ikona (v položce Karta) | Ikona nad nadpisem karty v sekci Karty s ikonami. | Ne | Vyplňte ikonu u všech karet v sekci, nebo u žádné. |
| Ikona (v položce Odkaz) | Malá ikona před textem tlačítka nebo rychlého odkazu. | Ne | Nepovinné, malá ikona před textem. |
| Ikona (v položce Krok) | Ikona před nadpisem kroku v sekci Proces, kroky (vzhled klasik). | Ne | Hodnota none ponechá jen číslo kroku. |
Poznámka
V designu Než zazvoní (nz) mají některá tlačítka výchozí ikonu při volbě none: šipku arrow-right mají tlačítka v sekcích Výzva, Výpis aktualit, variantě program v sekci Hero a tlačítka s kotvou #… ve variantách cover a page. Tlačítko pod sekcí Karty má ikonu list. Zvolíte-li v poli Ikona vlastní ikonu, dostane přednost. V podpoložkách Hlavního menu, v Tlačítku v oznámení a u tlačítek ve vzhledu klasik se ikony nevykreslují.
Seznam dostupných ikon
V poli Ikona je na výběr hodnota none a 61 ikon rozdělených podle tématu.
Škola, výuka a obory
| Hodnota | Význam a použití |
|---|---|
none | Žádná ikona (výchozí volba) |
school | Budova školy s hodinami (O škole, Bakaláři) |
graduation | Absolventská čapka (maturita, absolventi) |
book | Kniha (předměty, učebnice, knihovna) |
pen | Tužka (přihláška, zápis, zkoušky) |
presentation | Tabule na stojanu (výuka, prezentace) |
lightbulb | Žárovka (projekty, nápady, soutěže) |
flask | Laboratorní baňka (chemie, přírodní vědy) |
calculator | Kalkulačka (matematika, účetnictví) |
keyboard | Klávesnice (informatika, psaní všemi deseti) |
laptop | Notebook (výpočetní technika, IT) |
translate | Znaky překladu (cizí jazyky, certifikáty) |
globe | Glóbus (svět, jazyky, mezinárodní přesah) |
music | Noty (hudební výchova, sbor, umění) |
camera | Fotoaparát (fotogalerie, multimédia) |
puzzle | Dílek skládačky (družina, kroužky, hry) |
Praxe, kariéra a ekonomika
| Hodnota | Význam a použití |
|---|---|
briefcase | Aktovka (odborná praxe, uplatnění) |
handshake | Podání ruky (spolupráce s firmami, partneři) |
rocket | Raketa (studentská firma, podnikavost) |
chart | Sloupcový graf (ekonomika, výsledky) |
coins | Mince (finance, stipendia, rozpočet) |
wallet | Peněženka (finanční gramotnost, poplatky) |
bank | Budova se sloupy (bankovnictví, pojišťovnictví) |
cart | Nákupní vozík (obchod, marketing) |
scale | Váhy (právo, legislativa, školní řád) |
target | Terč (cíle studia, zaměření oboru) |
Lidé, hodnocení a podpora
| Hodnota | Význam a použití |
|---|---|
user | Jedna osoba (žák, učitel, individuální přístup) |
users | Skupina osob (kolektiv, rodiče, tým) |
heart | Srdce (poradenské pracoviště, podpora) |
smile | Usměvavý obličej (klima školy, adaptace) |
star | Hvězda (hlavní výhody školy, kvalita) |
trophy | Pohár (vítězství v soutěžích, olympiády) |
award | Medaile se stuhou (certifikáty, Europass) |
check | Fajfka (splněné podmínky, výhody) |
shield | Štít (bezpečnost, prevence, GDPR) |
Život ve škole, doprava a volný čas
| Hodnota | Význam a použití |
|---|---|
building | Vícepatrová budova (areál školy, internát) |
food | Příbor (školní jídelna, jídelníček) |
bus | Autobus (dopravní dostupnost, výlety) |
plane | Letadlo (stáže Erasmus+, cestovní ruch) |
ball | Míč (tělesná výchova, sportovní kurzy) |
mountain | Hory (lyžařský a vodácký kurz, příroda) |
leaf | List (ekologie, příroda, udržitelnost) |
sun | Slunce (letní aktivity, prázdniny) |
compass | Kompas (kariérové poradenství, volba směru) |
Čas, kontakt a navigace
| Hodnota | Význam a použití |
|---|---|
calendar | Kalendář (dny otevřených dveří, termíny) |
clock | Hodiny (čas konání, úřední hodiny) |
map-pin | Špendlík v mapě (adresa školy, místo) |
phone | Telefonní sluchátko (telefonní kontakt) |
mail | Obálka (e-mail, podatelna) |
chat | Bublina zprávy (konzultace, dotazy) |
bell | Zvonek (aktuality, upozornění) |
info | Písmeno „i“ v kroužku (úřední deska, informace) |
arrow-right | Šipka doprava (tlačítko pro přechod dál) |
external | Šipka ze čtverce (externí web či systém) |
file | List papíru (dokumenty, formuláře) |
download | Šipka do přihrádky (stažení souboru) |
list | Seznam s odrážkami (přehled oborů či důvodů) |
search | Lupa (vyhledávání a přehledy) |
home | Domeček (úvodní stránka, ubytování) |
facebook | Logo Facebooku (Facebook školy) |
instagram | Logo Instagramu (Instagram školy) |
youtube | Logo YouTube (YouTube kanál či video) |
Tipy a doporučení
- Nepoužívejte stejnou ikonu vícekrát v jedné sekci: máte-li v sekci 6 karet, vyberte 6 různých ikon podle tématu jednotlivých karet.
- Držte jednotný styl v sekci: v sekci Karty ve variantě
iconsvyplňte ikonu u každé karty, aby některá nezůstala prázdná.