Tlačítka

K čemu slouží

Tlačítka na webech slouží jako interaktivní prvky, které umožňují uživatelům procházet webem, interagovat s obsahem a provádět různé akce.

Využijete je tedy především pro:

navigaci na webu
tlačítko odkazuje na jinou stránku na webu (či na jiné místo v rámci stejné stránky prostřednictvím tzv. kotvy) – např. „Kalendář akcí“, „Vše o přijímačkách“, „Náš výzkum“
výzvu k nějaké akci
např. „Registrujte se“, „Podat přihlášku“, „Vyberte si z volných míst“, „Čtěte dál“, „Kontaktujte nás“
umožnění specifické akce
- stažení souborů („ Stáhnout publikaci“, „Katalog 2022“)
- sdílení obsahu na sociálních sítích („ Sdílet“)
- odeslání formuláře („Odeslat“) apod.
odkazování na jiné weby
např. „Podat přihlášku“ – odkaz do ISu

Jak s komponentou pracovat

Varianty vzhledu a další nastavení

Komponenta Tlačítka umožňuje vytvořit více tlačítek, které se automaticky vypíšou vedle sebe či pod sebe (podle velikosti monitoru či displeje).

Možnosti vzhledu tlačítek

2 typy podle velikosti: velké / malé
2 typy podle barevnosti: primární s plnou barvou pozadí / sekundární s barevným okrajem

Celkem se tedy jedná o 4 základní varianty:
- Primární (barevná výplň) – velké
- Primární (barevná výplň) – malé
- Sekundární (barva jen okraj) – velké
- Sekundární (barva jen okraj) – malé

Primární velké Primární malé

Sekundární velké Sekundární malé

Dále je možné u jednotlivých tlačítek:
- změnit barvu tlačítka
- přidat ikonu
- nastavit tlačítko jako neaktivní

Tlačítko v barvě FSS Tlačítko s ikonou Neaktivní tlačítko

Pro všechna tlačítka vytvořená v rámci jedné komponenty lze společně (v záložce Vzhled) nastavit:
- zarovnání tlačítek
- typ písma (malá písmena, MUNI font)

Tlačítko s malými písmeny

MUNI font

Další informace a nastavení

Tlačítka jsou součástí dalších komponent (např. Článek – upoutávka, Kategorie), nebo je možné je do jiných komponent vložit (např. Hero box, Hero header, Rozklikávací boxy)
Každou z komponent vytvořených v Umbracu je možné na webu skrýt (záložka Viditelnost v nastavení prvku) a vždy je možné nastavit rozestupy od okolních prvků (záložka Rozestupy).
Prozkoumejte a vyzkoušejte všechny dostupné možnosti nastavení této komponenty přímo v Umbracu.

Tipy a doporučení

Pokud z tlačítka odkazujete na jiný web, nastavte u tlačítka, aby se odkaz otevřel do nového okna.
Nezahlťte stránku velkým množstvím výrazných tlačítek. Primární verzi tlačítka ideálně používejte pro hlavní výzvu k akci („call to action“). Jakou akci by měl návštěvník na webu provést? Na co by měl kliknout, aby vyřešil problém, kvůli kterému na web přišel? Odpovídající tlačítko by mělo být na stránce nejvýraznější.