# Tvůrce hlavičky a patičky ze skutečných bloků URL: https://canvaswp.com/cs/header-builder/ Updated: 2026-11-03 Tvůrce hlavičky Hlavičky, patičky, horní lišty, mega menu, boční panely, titulky stránek a hero sekce jsou záznamy, které navrhujete v editoru bloků a poté přiřadíte celému webu nebo jedné stránce. [Podívejte se na to v demech](https://canvaswp.com/cs/demos/) [Jak editor funguje](https://canvaswp.com/cs/editor/) Aktualizováno 3. listopadu 2026 Jak se hlavička vytváří ## Bloky vnořené tak, jak byste očekávali Záznam hlavičky obsahuje Header Root. Header Root obsahuje Container a Container obsahuje zóny. Zóna je buňka v řádku hlavičky: v jedné je logo, v další menu a v poslední ikona hledání a košík. ### Zóny zajišťují rozvržení Zóna určuje, co kde stojí. Některou posuňte doprava, seskupte vyhledávání a košík do jednoho shluku, nebo nechte zónu prostou, když chcete mít kód co nejjednodušší. - Zóny se přeskupují podle breakpointu, takže jeden záznam platí pro počítač, tablet i telefon - Kteroukoli zónu lze omezit na jednu úroveň zařízení a na ostatních úrovních ji vynechat z kódu stránky - Další třídy na zóně, když ji chcete ovládat z vlastního CSS [Všechny bloky v knihovně](https://canvaswp.com/cs/blocks/) ### 22 bloků hlavičky #### Header Root Samotná hlavička. Vše ostatní je do ní vnořeno. #### Header Container Kontejner šířky, takže hlavička může být zarovnaná do boxu, na plnou šířku, nebo obojí podle různých zlomových bodů. #### Header Zone Buňka v řádku záhlaví. Zóny obsahují jednotlivé části a určují, kde se zobrazí. #### Header Logo Vaše logo, se samostatnými soubory pro fixní a tmavý stav. #### Header Navigation Hlavní menu s rozbalovacími nabídkami a panely mega menu. #### Header Search Ikona hledání, která otevře pole, nebo pole, které je vždy otevřené. #### Header Cart Košík WooCommerce s počtem položek a rozbalovacím souhrnem. #### Header Social Řada ikon sociálních sítí z profilů, které nastavíte jednou. #### Header Button Tlačítko výzvy k akci s obvyklým nastavením velikosti, stylu a odkazu. #### Header Icon Link Jediná ikona, která odkazuje kamkoli, například na telefonní číslo nebo stránku účtu. #### Header Info Malý blok s kontaktními údaji, adresou nebo otevírací dobou. #### Header Shop Search Vyhledávání produktů pro obchody omezené na váš katalog. #### Header Topbar Vloží záznam horní lišty nad řádek hlavičky. #### Mega Menu Column Sloupec uvnitř panelu mega menu, takže panel může obsahovat skutečné rozvržení Předvolby rozvržení ## 7 výchozích předvoleb Předvolba je sada nastavení rozvržení, kterou použijete jedním kliknutím. Vyberte požadované chování a poté v nastavení bloku upravte cokoli dalšího, co chcete. ### Transparentní Žádné pozadí, takže se skrz hlavičku prosvítá to, co je za ní. ### Poloprůhledné Průhledné pozadí, aby obrázek za ním zůstal vidět a text zůstal čitelný. ### Plovoucí Hlavička je plovoucí uvnitř stránky, s prostorem na všech okrajích. ### Plovoucí poloprůhledná Plovoucí, a to i s průhledným pozadím. ### Plovoucí, malá Plovoucí hlavička se sníženou výškou. ### Přes celou šířku, přilepené Zabírá celou šířku zobrazovací oblasti a při posouvání stránky zůstává ukotvený. ### Přilepení při posunu nahoru Opouští horní část, když návštěvník sjíždí dolů, a vrací se, když zase vyjede nahoru. Znovu použitelné části ## Horní lišty, mega menu a boční panely jsou také záznamy Každou z nich navrhněte jednou, nastavte ji jako výchozí pro celý web a pak ji přepište na stránkách, kde potřebujete něco jiného. ### Horní lišty Horní lišta je samostatný záznam s vlastními bloky: telefonním číslem, otevírací dobou, přepínačem jazyků a propagační nabídkou. Blok Header Topbar ji umístí nad řádek hlavičky. Přiřaďte ji globálně a na jednotlivých stránkách ji přepište. Horní lištu, kterou můžete upravit, nabízí 12 z 88 dem. ### Mega menu Mega menu je záznam, který navrhujete z bloků a vykreslujete blokem Mega menu. Položka menu pak otevře panel přes celou šířku, který může obsahovat sloupce, obrázky, tlačítka nebo jakýkoli jiný blok. Mega Menu Column udržuje panel v mřížce. 5 dem jej obsahuje. ### Boční panely Boční panel je záznam, který vjíždí z okraje obrazovky a slouží pro druhotné menu, košík, kontaktní formulář nebo sadu údajů, které by jinak přeplnily hlavičku. 6 dem obsahuje boční panel již napojený na spouštěč. Přiřazení záznamu probíhá v jednom poli: vyberte výchozí boční panel, okraj, ze kterého vyjíždí, zda posouvá stránku, nebo se nad ní vznáší, a podobu spouštěče. Horní lišty, mega menu a patičky se přiřazují stejným způsobem. Možnosti hlavičky ## 94 polí, největší sekce v Možnostech šablony Možnosti šablony obsahují nastavení hlavičky pro celý web, která nelze přiřadit jednomu záznamu. Import dema je všechna nastaví za vás a vy změníte jen ta, na kterých vám záleží. - 94 z 533 polí Možností šablony patří do hlavičky - Nastavte výchozí záznam hlavičky a poté jej přepište na libovolné stránce - Chování sticky, výška, rozestupy a zlomové body pro mobilní zařízení - Každé pole je popsáno v referenčních článcích [Všech 533 Možností šablony](https://canvaswp.com/cs/features/#options) **Možnosti šablony, hlavička.** Samotný panel, zachycený na běžícím webu. Vzory ## 40 vzorů hlaviček na začátek Vložte předlohu a získáte běžné bloky, které můžete přeskupovat, přejmenovat a smazat. Nic není uzamčeno a nic není snímkem rozvržení, ke kterému se nedostanete. - 40 vzorů hlaviček, více než v jakékoli jiné kategorii - 16 vzorů patiček pro opačný konec stránky - 183 vzorů celkem v 17 kategoriích - Vloženo z karty Vzory ve vkladači bloků, který už používáte [Vzory podle kategorie](https://canvaswp.com/cs/editor/#patterns) Tvůrce patičky ## Patičky a lišty s copyrightem jsou samostatné záznamy Patička funguje přesně jako hlavička. Záznam Footer obsahuje sloupce a záznam Copyrights obsahuje tenký pruh pod nimi, takže můžete právní řádek změnit napříč celým webem, aniž byste zasáhli do návrhu nad ním. ### Šest bloků a 17 možností Footer About pro krátký popis firmy, Footer Contacts pro adresu a telefon, Footer Instagram pro feed, Footer Widget Area pro cokoli, co zvládne widget, Widget Links pro přehledný sloupec odkazů a Copyrights pro spodní lištu. - Přiřaďte patičku globálně nebo jednotlivým stránkám, stejně jako hlavičku - Samostatný záznam copyrightu pro lištu pod ní - 16 předloh patiček, ze kterých můžete začít - Náhled v editační ploše, jak stránku sestavujete **Možnosti šablony, Patička.** 17 polí na úrovni celého webu za záznamy patičky. Titulky stránek ## 4 styly, nebo si navrhněte vlastní Pás pod hlavičkou je plnohodnotná designová plocha s 57 možnostmi za ním a s přepsáním pro každou stránku, kterou publikujete. **Možnosti šablony, Titulek stránky.** 57 polí, třetí největší sekce v produktu. ### Výchozí, Mini, Předloha nebo Vlastní Výchozí je standardní pás. Mini je kompaktní verze pro vnitřní stránky. Předloha vybírá jednu z pojmenovaných specializovaných variant. Vlastní zobrazí záznam titulku stránky, který jste si sami sestavili z bloků. - Page Title, Heading, Subtitle, Breadcrumbs and Buttons blocks - Výchozí nastavení pro celý web, které může každá jednotlivá stránka přepsat - Pozadí, výška, zarovnání a drobečková navigace jsou všechno nastavení [Titulky stránek v seznamu funkcí](https://canvaswp.com/cs/features/#page-titles) Hero a slidery ## Umístěno do předlohy blokem slotu Záznamy Hero a Slider jsou samostatné, stejně jako hlavičky. Blok slotu je v předloze bloků a načítá Hero nebo Slider přiřazený k zobrazované stránce. - Záznamy typu Hero a Slider, obojí vytvořené z bloků - Bloky Hero Slot a Slider Slot jsou v šabloně, ne ve vašem obsahu. - Jedna předloha slouží všem stránkám, každá s vlastním úvodem - U 12 z 88 dem je slider, který můžete upravit. [Hero a slidery](https://canvaswp.com/cs/features/#heroes) V editoru ## Hlavičku vytváříte tam, kde ji uvidíte Slotové bloky promítají hlavičku, horní lištu, titulek stránky, hero a patičku do editačního plátna, takže stránka vypadá jako stránka, a ne jako krabice odstavců. Stránka v editoru bloků s hlavičkou a patičkou, které kolem obsahu vykresluje stejný kód jako pro návštěvníka. ### Jeden renderer Hlavička, kterou vidíte v editační ploše, se vykresluje stejným kódem jako pro návštěvníka, takže není žádný samostatný náhled, který by bylo třeba udržovat aktuální. ### Globálně nebo pro jednotlivé stránky Nastavte výchozí hlavičku, horní lištu, titulek stránky, hero a patičku pro celý web a poté kteroukoli z nich přepište na jednotlivé stránce v jejím vlastním nastavení. ### Responzivní od návrhu Zóny se přeskupují podle zlomového bodu a lze je omezit na určitý typ zařízení, takže rozložení pro telefony zkontrolujete v editoru dřív, než ho uvidí kdokoli jiný. [Vše, co umí editor](https://canvaswp.com/cs/editor/) Otázky ## O tvůrci hlavičky Ostatní odpovědi najdete v [celém FAQ](https://canvaswp.com/cs/faq/) a v [dokumentaci](https://docs.canvaswp.com/how-to-build-a-header). **Potřebuji pro mobilní zobrazení druhou hlavičku?** Jedna hlavička Canvas obvykle pokryje i mobil, protože zóny se přeskupují podle breakpointu a každou lze omezit na určitou úroveň zařízení. Jeden záznam hlavičky může na telefonu umístit logo doprostřed, vynechat kontaktní údaje a přesunout menu za přepínač. Druhý záznam vytvořte pouze tehdy, když opravdu chcete jiný návrh, a ne kvůli opravě rozvržení. **Může jedna stránka používat jinou hlavičku?** Ano, každá hlavička, horní lišta, titulek stránky a patička Canvas má výchozí nastavení pro celý web i přepsání pro jednotlivou stránku, takže úvodní stránka může mít průhlednou hlavičku a horní lištu jen s logem, zatímco zbytek webu si ponechá vlastní. **Je hlavička oblast pro widgety, nebo menu?** Hlavička Canvas je ale ani jedno: je to záznam, který upravujete v editoru bloků přesně jako stránku. Navigace, logo, vyhledávání, košík a tlačítka uvnitř ní jsou bloky s vlastními panely nastavení. **Co se stane s vaší hlavičkou, když vyprší platnost vaší licence?** Když licence Canvas vyprší, vaše hlavička a zbytek webu se dál zobrazují přesně tak jako dnes. Pozastaví se služba: aktualizace, importy dem, AI a úpravy prémiových bloků se zastaví, dokud licenci neobnovíte. Pokud kontrola licence nedosáhne na naše servery, platí lhůta 14 dnů. **Mohu i nadále používat Editor webu?** Ano, Canvas je postavená na skutečných blokových šablonách, takže šablony a části šablon zůstávají tam, kde je ukládá WordPress, a záznam hlavičky se do šablony umísťuje pomocí bloku. [Přečtěte si, jak editor funguje](https://canvaswp.com/cs/editor/).