Jak upravit hlavičku a patičku webu ve WordPressu – krok za krokem

Chcete přidat logo, změnit navigaci, upravit barvy nebo kontaktní údaje v patičce? Hlavička a patička jsou dvě nejviditelnější části webu – působí na každého návštěvníka a ovlivňují první dojem.

V tomto návodu vám ukážu, jak je snadno upravit pomocí výchozích nástrojů WordPressu i pomocí šablony (např. Astra, Divi, OceanWP).

Co je hlavička a patička?

• Hlavička (header) – vrchní část webu, obvykle obsahuje logo, navigaci (menu), tlačítko nebo kontaktní údaje
• Patička (footer) – spodní část webu, často zde bývá copyright, odkaz na podmínky, kontakty, nebo sociální sítě

1. Úprava hlavičky přes Přizpůsobit (Customizér)

V levém menu WordPressu přejděte do Vzhled → Přizpůsobit.

V závislosti na šabloně najdete zde možnosti:

• Identita webu – změna loga, favicon, názvu a sloganu
• Menu – výběr hlavní navigace
• Hlavička / Header – barvy, rozložení, pozadí, CTA tlačítko apod.

Chcete nahrát logo?

1. V přizpůsobení klikněte na Identita webu
2. Klikněte na Nahrát logo a vyberte soubor
3. Upravte velikost nebo poměr, potvrďte výběr

Chcete upravit hlavní menu?

1. V Přizpůsobit klikněte na Menu
2. Vyberte existující menu nebo vytvořte nové
3. Přidejte stránky, odkazy nebo rubriky a upravte jejich pořadí
4. Menu přiřaďte k pozici Primární menu

2. Úprava patičky přes widgety

V některých šablonách je patička složená z widgetů. Najdete je v sekci:

Vzhled → Widgety nebo Vzhled → Přizpůsobit → Widgety

Zde můžete upravit obsah jednotlivých sloupců v patičce:

• Textový blok (např. adresa, copyright)
• Menu (např. odkazy na podmínky, GDPR)
• Ikony sociálních sítí
• Kontaktní formulář

3. Úprava hlavičky a patičky v šabloně Astra

Šablona Astra nabízí speciální nástroj Header & Footer Builder:

1. Přejděte do Vzhled → Přizpůsobit
2. Klikněte na Hlavička nebo Patička
3. Pomocí editoru přetahujte bloky – logo, menu, sociální ikony, tlačítka
4. Upravujte barvy, velikosti, rozvržení

4. Úprava hlavičky a patičky v šabloně Divi

Divi umožňuje plně vizuální úpravy přes Theme Builder:

1. Přejděte do Divi → Theme Builder
2. Klikněte na „Přidat globální hlavičku / patičku“
3. Otevře se vizuální editor – můžete přidat cokoli jako sekce, řádky a moduly
4. Po dokončení změn klikněte na Uložit

5. Úprava pomocí pluginu (pro pokročilé)

Pokud šablona neumožňuje úpravy hlavičky/patičky, můžete použít plugin:

• Elementor + Elementor Pro – snadná tvorba hlavičky a patičky i bez šablony
• WPCode – možnost vložit vlastní HTML, např. do patičky

Tipy na závěr

• ✅ Nezapomeňte do patičky přidat odkaz na obchodní podmínky, GDPR a cookies
• ✅ Do hlavičky doporučuji přidat tlačítko „Kontakt“ nebo telefon
• ✅ Mějte vše přehledné a responzivní (zkontrolujte mobilní verzi)

Související články:

• Jak vytvořit první stránku ve WordPressu
• Jak vybrat a nainstalovat šablonu ve WordPressu
• Jak upravit základní nastavení webu ve WordPressu

Závěr

Hlavička a patička jsou součástí každé stránky a vytvářejí první i poslední dojem. Pomocí nástroje „Přizpůsobit“ nebo šablony jako Astra a Divi si je můžete upravit přesně podle potřeb svého projektu – bez nutnosti programování.

Pusťte se do úprav a udělejte svůj web profesionálnější!

👉 Pokračovat na úpravy v administraci