Preskočiť na hlavný obsah

Hlavička webu a hlavná navigácia

Prečo sa oplatí nastaviť hlavičku dôkladne?

Hlavička pomáha návštevníkom zistiť, kde sú a kam môžu pokračovať. Zobrazuje sa na väčšine stránok a môže obsahovať logo, hlavné menu, vyhľadávanie a prepínač jazykov.

V Demone ju nastavíte v Nastavenia → Vzhľad → Hlavička. Vyberiete štýl, doplníte odkazy a upravíte farby či správanie pri posúvaní.

Po uložení sa zmeny prejavia na všetkých stránkach, ktoré hlavičku používajú. Skontrolujte najmä mobilnú verziu, kde je na menu menej miesta.

Deväť štýlov hlavičky

Vyberte podľa počtu stránok, vzhľadu značky a spôsobu navigácie.

TopNav

Logo a menu v jednom riadku. Jednoduchý základ pre informačné weby.

Centered

Logo a navigácia uprostred, s možnosťou zobraziť slogan.

Sidebar

Zvislá navigácia v bočnom paneli, ktorá môže obsahovať aj slogan.

Hamburger

Položky menu sú skryté pod tlačidlom. Vhodné pre portfóliá a vizuálne stránky.

TransparentHero

Štýl pre úvodné stránky s veľkou fotografiou na celú šírku.

UtilityBar

Pomocný pás nad menu na krátke oznámenia či kontaktné údaje.

MegaMenu

Rozšírené viacstĺpcové menu s voliteľnou výraznou kartou. Hodí sa pre rozsiahle weby.

SplitNav

Logo uprostred a odkazy po oboch stranách pre redakčný vzhľad.

FloatingPill

Kompaktná zaoblená navigácia nad obsahom, vhodná pre výrazné úvodné sekcie.

Web môže fungovať aj bez hlavičky. Jej vypnutím skryjete navigáciu, vyhľadávanie a jazykový prepínač v hlavičke, ale nastavenia zostanú uložené na neskoršie zapnutie.

Pri viacjazyčnom webe bez hlavičky zabezpečte návštevníkom iný spôsob zmeny jazyka, napríklad v pätičke, aby prepínač nebol ukrytý.

Ako vytvoriť hlavné menu?

  1. V nastaveniach hlavičky otvorte sekciu Navigácia.
  2. Kliknite na pridanie odkazu.
  3. Zadajte názov položky, ktorý uvidí návštevník, napríklad „Služby“ alebo „Kontakt“.
  4. Vyberte cieľ. Internú stránku vyhľadajte v zozname Demona; pri externom webe vložte adresu začínajúcu https://.
  5. Poradie položiek upravte pretiahnutím alebo šípkami.

Výhoda interných odkazov: ak vyberiete stránku zo zoznamu, odkaz bude sledovať jej aktuálnu adresu aj po neskoršej zmene URL.

Vymazanie položky menu odstráni iba navigačný odkaz, nie samotnú cieľovú stránku.

Podmenu a navigácia vo viacerých jazykoch

Viaceré stránky môžete zaradiť pod jednu položku. Napríklad „Služby“ môže obsahovať „Poradenstvo“, „Projekty“ a „Podpora“.

Podmenu má jednu úroveň, ďalšie vnorenie nie je možné. Položka s podmenu môže mať aj vlastný cieľ: jej názov potom funguje ako odkaz a samostatná šípka rozbalí zoznam. Bez cieľa slúži len na otvorenie podmenu.

Ako upravovať menu podľa jazyka?

Názvy položiek môžete preložiť samostatne pre každú jazykovú verziu. Vyberte jazyk a napíšte vhodný text.

Interný odkaz spravidla otvorí cieľ v jazyku návštevníka, ak je daná verzia dostupná. Pre výnimočné situácie môžete nastaviť odlišnú adresu podľa jazyka.

Položky smerujúce na nedokončené stránky v príslušnom jazyku skryte. Viac v návode Úprava viacjazyčného webu.

Nová stránka nemusí byť automaticky v menu. Editor sa po vytvorení môže opýtať, či ju chcete pridať a aký názov má mať. Ak to preskočíte, odkaz neskôr jednoducho vložíte v nastaveniach navigácie.

Pred uložením nového menu skontrolujte všetky ciele vo všetkých aktívnych jazykoch.

Vyhľadávanie na webe a prepínanie jazykov

V hlavičke môžete zapnúť vyhľadávanie stránok, článkov a udalostí. Základné možnosti:

  • Tlačidlo s lupou: otvorí pole po kliknutí a šetrí miesto.
  • Viditeľné vyhľadávacie pole: umožňuje písať hneď, najmä na počítači.

Vyhľadávanie môže byť pred menu, za ním alebo v samostatnom páse nad či pod hlavičkou. Môžete prispôsobiť pomocný text v poli a návštevník môže hľadaný výraz vidieť aj vymazať.

Prepínač jazyka sa zobrazuje, keď je zapnutý a web má publikovaný obsah vo viacerých jazykoch.

Vyhľadávanie a prepínač môžu mať samostatné farby pozadia, textu a priehľadnosť. Bez vlastných nastavení preberajú štýl hlavičky; rozbaľovacie ponuky zostávajú čitateľné aj pri priehľadnej hlavičke.

Možnosti vybraných štýlov

  • Text namiesto loga: keď nepoužívate grafické logo, môže sa zobraziť názov webu alebo vlastný text pre jednotlivé jazyky.
  • Slogan: štýly Centered a Sidebar ho môžu zobraziť pri názve.
  • Pomocný pás: v UtilityBar môžete uviesť krátku správu, oznam či kontakt. Bez textu sa pás nezobrazí.
  • Rozšírené menu: MegaMenu podporuje odkazy v dvoch alebo troch stĺpcoch a voliteľnú výraznú kartu.

Nemusíte využiť všetko. Zvoľte štýl, v ktorom návštevníci najľahšie nájdu dôležité informácie.

Farby, priehľadnosť a správanie pri posúvaní

Hlavička predvolene používa paletu značky. Môžete však upraviť:

  • Prekrytie úvodnej sekcie: hlavička môže ležať nad veľkou fotografiou alebo videom a pri posúvaní sa zmeniť na nepriehľadný pás. Nie všetky štýly to podporujú.
  • Prekrytie iba úvodnej stránky: hlavička prekrýva obrázok len na domovskej stránke.
  • Zmenšovanie pri posúvaní: hlavička a logo sa môžu zmenšovať v niekoľkých stupňoch.
  • Farba a priehľadnosť pozadia: vlastný odtieň a priehľadnosť od 0 do 100 %.
  • Nepriehľadné pozadie a rozostrenie: určujú vzhľad pri posúvaní.
  • Farba textu a hrúbka písma menu: doladenie značky.
  • Odstupy: medzera medzi hlavičkou a obsahom, aj keď prvý blok vypĺňa šírku.

Pri priehľadnom pozadí kontrolujte kontrast textu nad obrázkom. Nepriehľadné rozbaľovacie menu často zlepší čitateľnosť.

Časté otázky o hlavičke a menu

Rýchle riešenia najbežnejších problémov navigácie.

CENTRUM POMOCI

Navigácia je hotová. Skontrolujte aj ostatné nastavenia.

Pokračujte pätičkou, kontaktnými údajmi a ďalšími spoločnými prvkami webu.