Jak změnit vzhled hlavičky


V tomto návodu se dozvíte, jak můžete změnit vzhled a pozadí hlavičky stránek. Hlavičku je možné nastavit přímo pro každou stránku na projektu (vyjma navigační lišty – ta je totožná pro celé webové stránky).

POZOR: Nastavení hlavičky stránek není možné v mobilní verzi editoru, pro úpravu hlavičky se tak bude nutné přihlásit do editoru prostřednictvím počítače.

Možnosti nastavení otevřete tak, že v pravém horním rohu hlavičky kliknete na ozubené kolečko. Zde je možné provést několik typů nastavení, kterým různými způsoby změníte design hlavičky stránek.

Typ hlavičky

Zde můžete změnit typ hlavičky, vybrat si lze z variant Pouze navigační lišta, Navigační lišta a nadpisy nebo Navigační lišta a obsah. Podle typu hlavičky se pak obecně liší možnosti nastavení.

INFORMACE: Typ hlavičky nelze měnit u článků blogu, tyto jsou jiným druhem stránky.

Pouze navigační lišta

Při tomto nastavení se zobrazuje pouze lišta s logem a nabídkou, následovaná zbytkem webu. Lze změnit pozadí a nastavit vlastnosti navigační lišty. Nastavení navigační lišty ovlivňuje nastavení lišty na všech stránkách webu. V rámci základního nastavení můžete změnit pozadí navigační lišty.

Navigační lišta a nadpisy

Tento typ hlavičky je obecně používán na většině domovských stránek šablon. Lze sem přidat až tři nadpisy (Nadpis, Podnadpis a Titulek nad nadpisem) a také tlačítko. 

Navigační lišta a obsah

Do tohoto typu hlavičky lze vložit jakýkoliv typ obsahu Webnode, například formuláře nebo galerie obrázků. Pozadí pro navigační lištu a obsah lze nastavit samostatně. Pozadí lze změnit pro navigační lištu a záhlaví.


Nastavení Pozadí navigační lišty a Pozadí sekce

V rámci navigační lišty můžete změnit pozadí, a to kliknutím na Pozadí navigační lišty.

Dále můžete vybrat jedno z doporučených pozadí nebo tlačítkem plus vybrat další či nahrát vlastní.

Zde vyberete pozadí z galerie nebo nahrajete vlastní.

Podobně probíhá nastavení Pozadí sekce (hlavičky stránky) – toto je možné pouze při výběru typu hlavičky Navigační lišta a nadpisy nebo Navigační lišta a obsah.

Doporučené rozlišení pro obrázek v hlavičce je 1920×1280 px, přičemž by se velikost souboru měla pohybovat okolo 600 kb. Větší rozměry obrázku by mohly způsobit pomalejší načítání stránky a větší objem přenesených dat.

Postup změny je stejný jako v případě navigační lišty (viz výše).


Pokud pro navigační lištu a/nebo sekci nastavíte jiné pozadí než jednobarevné, budete moci nastavit také Efekty pozadí navigační lišty, tedy filtr, pozici obrázku, barevné barevný nebo animaci.

Pokročilá nastavení

Zarovnání obsahu (pouze pro typ hlavičky Navigační lišta a nadpisy)

Zde nastavíte, jakým způsobem se bude zarovnávat obsah v rámci hlavičky stránky.

Šířka obsahu

Šířka obsahu v rámci typu hlavičky Navigační lišta a nadpisy definuje především na jakém místě začíná obsah. Například při zarovnání obsahu vlevo lze nastavit, kde právě nadpisy začínají.

Minimální výška

Toto nastavení určuje velikost hlavičky. Toto nastavení se může hodit v případě, kdy si chcete určit, jak moc velká část obrázku na pozadí má být viděna.

Dekorativní rámeček (pouze pro typ hlavičky Navigační lišta a nadpisy)

Tato funkce zapne tmavý rámeček kolem nadpis, podnadpis a titulku nad nadpisem.


Nastavení navigační lišty

POZOR: V rámci typu hlavičky Pouze navigační lišta se do tohoto menu dostanete kliknutím na Pokročilá nastavení.

Typ menu

V tomto kroku můžete změnit polohu nebo podobu položek menu. Typy Standardní, Uprostřed a se liší polohou. Rozbalovací a Rozbalovací s dlaždicí jsou tzv. hamburgerová menu a liší se ikonou.

Styl menu

Stylem menu se nastavuje podoba samotných názvů stránek v menu. Položky menu tak například mohou být ohraničené, přeškrtnuté, mít větší mezery nebo se různě chovat při najetí myší. To nastavení nelze provést u typu menu Rozbalovací a Rozbalovací s dlaždicí.

Výška navigační lišty

Zde nastavíte velikost navigační lišty na výšku.

Šířka obsahu

Toto nastavení slouží k úpravě vzdálenosti mezi logem a položkami menu v navigační lište.

Fixní menu

Při zapnutí fixního menu zůstane navigační lišta stále nahoře i při sjetí myší dolů po stránce.

Dělící čára

Tato možnost zapne čáru, která odděluje navigační lištu od zbytku stránky.


Nastavení doplňkové lišty

Pro nastavení obsahu doplňkové listy můžete navštívit naše články Jak přidat kontakty do záhlaví stránky, Jak přidat přepínač jazyků do záhlaví stránky, Jak přidat sociální sítě do záhlaví stránky a Jak přidat přepínač měny do záhlaví stránky (pokud mate na projektu aktivní e-shop).



Byla tato odpověď užitečná? Ano Ne

Send feedback
Je nám líto, že jsme vám nemohli pomoci. Pomozte nám zlepšit tento článek a napište nám zpětnou vazbu.