Hero box

Možnosti vzhledu

• možnost umístění textu, tlačítka či dalších prvků do hero boxu
• možnost vložení obrázku (na pozadí celého hero boxu / na polovinu vpravo nebo vlevo / hero box bez fotografie)
• lze nastavit barevné pozadí celého prvku či orámování
• varianty výšky hero boxu (automatická výška podle vloženého obsahu / malý / střední / velký)
• volitelná šířka hero boxu (odpovídá šířce textu stránky / přes celou šířku stránky)
• více variant zarovnání obsahu uvnitř hero boxu
• možnost zvýraznění (částí) nadpisu v hero boxu

Hero box je responzivní, proto se výřez použitého obrázku mění v závislosti na zařízení, ze kterého si stránku prohlížíte.

Další informace a nastavení

• Lze vložit odkaz na celý hero box – celá plocha hero boxu bude v tomto případě klikatelná.
• 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.

• Do hero boxu ideálně nevkládejte grafiky, které v sobě obsahují text. Vzhledem k automatickým ořezům obrázku (podle toho, na jakém zařízení si stránku zobrazíte) se může v stát, že text nebude na mobilu čitelný, nebo se nezobrazí celý. Text vložte do hero boxu až přímo v Umbracu.
• Fotografie v hero boxu musí být dostatečně velká a mít dobré rozlišení.
• Myslete na responzivitu hero boxu a celého webu a zkontrolujte si, jak bude hero box vypadat nejen na počítači, ale i na telefonu a tabletu. Hlídejte si především čitelnost textu na různých zařízeních, pokud je na pozadí fotografie.