Hero je veľký baner s obrázkom alebo videom za vaším textom a tlačidlami. Je na domovskej stránke a často je to prvé, čo zákazníci uvidia.
Pridanie hlavného banera
- Otvorte zostavovač a na karte Stránky vyberte Domovská stránka.
- Na karte Sekcie kliknite na Pridať novú sekciu a vyberte Hero zo skupiny Obsah.
- Vyberte médiá, napíšte text a kliknite na Zverejniť.
Hlavný baner sa ponúka len na domovskej stránke a môžete pridať jeden na stránku. Ako ho presunúť, skopírovať alebo skryť, nájdete v článku Sekcie a bloky
Médiá a výška
- Režim: Jednoduchý zobrazí jeden obrázok alebo video. Rozdelený zobrazí dva, nastavené v Médium 1 a Médium 2. Sú vedľa seba, keď je Smer obsahu Vertikálny, a nad sebou, keď je Horizontálny. Na telefónoch sú vždy pod sebou.
- Médium 1 a Médium 2: obrázok alebo video z knižnice médií. Video sa prehráva stlmené, dookola, ako pohyblivé pozadie.
- Výška: Malá, Stredný, Veľký, Celá obrazovka (vyplní obrazovku), Obrázok (riadi sa tvarom prvého obrázka, takže sa nič neoreže) alebo Vlastné. Pri Vlastné nastaví Vlastná výška výšku ako podiel výšky obrazovky. Nové banery začínajú na možnosti Obrázok.
Text a tlačidlá navrchu
Vyberte baner a kliknite na Pridať nový blok, aby ste pridali obsah nad médiá: najviac 2 bloky Text, 2 Tlačidlo, 2 Skupina a 2 Oddeľovač. Ich vlastné nastavenia nájdete v článku Bloky Skupina, Text, Tlačidlo a Oddeľovač: ako fungujú nastavenia prvkov rozloženia?
V časti Rozloženie tento obsah umiestnite:
- Smer: Vertikálny skladá bloky pod seba, Horizontálny ich dáva vedľa seba. Pri Horizontálny ich Naskladať vertikálne na mobile na telefónoch poskladá pod seba.
- Pozícia a Zarovnanie: posúvajú obsah nahor alebo nadol a doľava alebo doprava, napríklad vľavo dole alebo do stredu. Priestor medzi bloky rozostúpi.
- Šírka obsahu: Stránka drží obsah v šírke stránky, Plný mu dovolí siahať k okrajom obrazovky. Médiá vždy vypĺňajú celú šírku.
Medzera (v časti Rozostupy) nastavuje priestor medzi blokmi a Okraje priestor okolo nich.
Farby a prekrytie
- Farebná schéma: farby textu a tlačidiel banera. Pozrite si Farebné schémy.
- Prekrytie média: pridá nad médiá farebnú vrstvu, aby sa text ľahšie čítal. Potom nastavte Farba prekrytia a Štýl prekrytia: Plný zakryje médiá rovnomerne, Gradient farbu postupne vytratí. Smer gradientu (Hore alebo Dole) určuje, ktorým smerom sa vytráca.
Karta Vlastné CSS vám umožní pridať vlastné CSS len pre tento baner.
Bežné úlohy
- Hlavička nad banerom: v nastaveniach hlavičky zapnite Priehľadná hlavička. Funguje to len vtedy, keď je baner priamo pod hlavičkou. Pozrite si Nastavenia hlavičky.
- Nadpis a tlačidlo v strede: Smer Vertikálny, potom Pozícia a Zarovnanie na stred.
- Biely text na svetlej fotke: zapnite Prekrytie média s tmavou farbou prekrytia a štýlom Gradient.
Dobré vedieť
- Ak sa video v banere nehýbe, skontrolujte Automatické prehrávanie videí na karte nastavení Automatizácie. Keď je vypnuté, videá na pozadí stoja. Pozrite si Nastavenia automatizácií.
- Ak veľkosť prvého obrázka nie je známa, výška Obrázok namiesto toho použije Stredný.
- Potrebujete baner na inej stránke? Hlavný baner je len na domovskej stránke, ale sekcia Obrázok funguje na ľubovoľnej stránke. Pozrite si Sekcie textu, obrázka a oddeľovača.