Tvůrce hlavičky a patičky ze skutečných bloků
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.
Aktualizováno
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
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í
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.
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.
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.
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
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
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
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.
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í
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.
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ý.
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.
Vytvořte svůj další web s Canvas
Ať už jste začátečník, freelancer, nebo agentura, dostanete stejné bloky i stejná dema. Začněte jedním webem a vytvářejte tolik, kolik potřebujete, na stejné licenci.