Úvodní obrázek

Na konci téhle stránky je jasné, jak sestavit úvodní pruh stránky a proč záleží na tom, jestli je blok úplně první v obsahu.

K čemu blok je

Úvodní obrázek je celoplošný pruh s fotografií na pozadí, nadpisem, krátkým textem a jedním tlačítkem. Text je bílý a přes fotografii se pokládá tmavý přechod, aby zůstal čitelný.

Blok se hodí na začátek úvodní stránky a na začátek důležitých rozcestníků — tam, kde má návštěvník hned poznat, kam přišel. Na jedné stránce stačí jeden.

Vkládá se tlačítkem + a vyhledáním názvu Úvodní obrázek, případně ve skupině KČT v nabídce bloků.

Pole bloku

Obrázek na pozadí — prázdný blok nabídne výběr obrázku z knihovny médií nebo nahrání nového. Když už je obrázek vybraný, mění se tlačítkem Změnit obrázek v panelu nástrojů nad blokem. Protože se fotografie roztahuje přes celou šířku okna, hodí se snímek na šířku ve velkém rozlišení — podrobnosti jsou v kapitole Média a fotky.

Nadpis — píše se přímo v bloku, na místě, kde se zobrazí.

Text — krátký odstavec pod nadpisem, také se píše přímo v bloku. Dvě až tři věty stačí, delší text se na fotografii špatně čte.

Text tlačítka — popisek tlačítka, píše se přímo v bloku pod textem.

Odkaz tlačítka — v postranním panelu vpravo. Pole URL určuje, kam tlačítko vede, přepínač Otevřít v novém okně otevře cíl v nové záložce. Tlačítko se na webu objeví, jen když je adresa vyplněná — samotný popisek bez adresy se nezobrazí.

Trojice barevných proužků nad nadpisem se vykresluje automaticky a nenastavuje se.

Souvislost s průhledným menu

V Přizpůsobení je volba Průhledné menu přes hero. Když je zapnutá, překrývá se hlavní menu přes úvodní obrázek a při posunu stránky dolů se podbarví.

U běžné stránky se to ale projeví jen tehdy, když je Úvodní obrázek úplně prvním blokem obsahu. Pokud je blok až někde uprostřed stránky, menu zůstane normální — jinak by pod průhledným menu plaval text, který na začátku stránky nic nepřekrývá.

Volba se nastavuje v kapitole Vzhled webu.

Podobné bloky

Pro výzvu k akci uprostřed stránky se hodí spíš CTA blok, pro obrázek s delším textem vedle Obrázek s obsahem vedle.