Jak vytvořit ohromující hlavičku motivu Astra?

Záhlaví jsou životně důležitá pro jakýkoli obsah na vaší webové stránce, protože slouží nejen čtenářům, ale také vyhledávačům. Úchvatné a dobře napsané záhlaví mají potenciál přilákat čtenáře k vašemu příspěvku a zvýšit počet kliknutí. Záhlaví se mohou pohybovat od H1 do H6 v závislosti na hierarchii vašeho obsahu. Hlavní název vaší stránky nebo článku je H1, zatímco H2 jsou podnadpisy, které tvoří sekce ve vašich dokumentech. Záhlaví H3 až H6 poskytují další podnadpisy do vašeho dokumentu pod H2. Než přejdeme k tomu, jak vám téma Astra může pomoci vytvořit úžasná záhlaví ve vašem obsahu, zvažte důležitost záhlaví

Obsah:

• Proč jsou záhlaví důležitá pro vaše webové stránky?
• 1. Identifikace tématu
• 2. Dostupnost
• 3. Optimalizace pro vyhledávače
• 4. Umožňuje skenování stránek
• 5. Použitelnost mobilních zařízení
• Jak vytvořit ohromující záhlaví s tématem Astra?
• Výhody a nevýhody použití tématu Astra pro záhlaví
• Závěrečná slova

Proč jsou záhlaví důležitá pro vaše webové stránky?

Zde je důvod, proč musíte do textu zahrnout záhlaví

1. Identifikace tématu

Záhlaví hrají zásadní roli pro vyhledávače a čtenáře při výběru klíčových slov, která v článku hledají. Primární záhlaví v textu pomáhá identifikovat téma materiálu a podnadpisy navigují čtenáře do oblasti jeho zájmu.

2. Dostupnost

Lidé dnes většinou používají čtečky obrazovky k procházení jakéhokoli obsahu. Záhlaví v jakémkoli obsahu jsou snadno zachycena čtečkami obrazovky a jsou nezbytná pro efektivní používání čtečky obrazovky. Umožňují také čtenářům přeskakovat z jednoho nadpisu na druhý, aby se dostali k požadovanému tématu.

3. Optimalizace pro vyhledávače

Když záhlaví umožňuje identifikovat vaše téma, vyhledávače hodnotí vaši stránku podle vyhledávacích dotazů. Čím lépe budou vaše záhlaví dobře navržena a naplněna vhodnými klíčovými slovy, tím více vyhledávače zvýší vaše hodnocení.

Zde je návod, jak používat bezplatné funkce motivu Astra k vytváření úžasných záhlaví pro vaše stránky. Postupujte podle pokynů a vytvořte záhlaví podle vlastního výběru.

4. Umožňuje skenování stránek

Použitím záhlaví zajistíte, že stránky budou co nejskenovatelnější. Je všeobecně známo, že nikdo nečte celý článek — zvláště řádek po řádku. Proto je důležité, aby stránky měly záhlaví. Ze všech záhlaví je nejdůležitější záhlaví první, protože udává tón celému příspěvku nebo stránce.

Dále následuje podnadpis, protože rozděluje obsah na kousky, které jsou lepší pro konzumaci. Nejen to, strukturu článku ukazují záhlaví a podnadpisy. Stručně řečeno, správná sada záhlaví znamená, že můžete zaujmout publikum svým poutavým obsahem.

5. Použitelnost mobilních zařízení

Postupem času se mobilní telefony stávají dominantnějšími než kdy dříve. Není pochyb o tom, že weby získají větší návštěvnost z mobilních zařízení než kdykoli předtím. Pokud tedy uvedete svůj obsah na pravou míru, musíte získat diváky z mobilu i počítače.

Stručně řečeno, hlavičky optimalizují webovou stránku nejen pro čtenáře, ale také pro vyhledávače.

Jak vytvořit ohromující záhlaví s tématem Astra?

Za prvé, pro přístup k Astra Header Builder se přihlaste do svého řídicího panelu WordPress a z levého bočního panelu přejděte na Vzhled > Možnosti Astra > Tvůrce záhlaví, jak je znázorněno na obrázku níže:

Klikněte na něj a dostanete se do sekce Header Builder v přizpůsobení WordPress. Rozhraní by mělo vypadat podobně jako zde:

Jak můžete vidět, nástroj pro tvorbu záhlaví je rozdělen do tří vertikálních sekcí, z nichž jedna je naskládána na druhou. Máte „primární záhlaví“ uprostřed s „nad záhlavím“ nahoře a „pod záhlavím“ dole. 

Každá hlavička má svou vlastní sadu „nastavení hlavičky“, ke které se dostanete kliknutím na ikonu ozubeného kola nalevo od hlavičky.

Zde můžete upravit výšku záhlaví, velikost ohraničení, pozadí, odsazení a okraj.

Všimněte si také, jak je každé záhlaví rozděleno na tři části. Můžete přidat a odebrat prvky záhlaví z těchto sekcí, aby byly funkčnější. V době psaní tohoto návodu máte přístup k 12 prvkům záhlaví:

• Název a logo webu
• Primární menu
• Tlačítko 1
• Tlačítko 2 (pro)
• Vyhledávání
• Účet
• HTML 1
• HTML 2
• Sekundární menu
• Sociální
• Widget 1
• Widget 2
• Widget 3 (pro)
• Widget 4 (pro)
• Vozík

Chcete-li nyní přidat nový prvek záhlaví, najeďte myší na tuto sekci a klikněte na tlačítko „+“. Tím se zobrazí seznam dostupných prvků. Vyberte ten, který chcete použít, a bude přidán do sekce záhlaví.

Podobně stačí kliknout na tlačítko „x“ vedle prvku záhlaví a odstranit prvek záhlaví.

Po prvcích záhlaví se můžete také pohybovat mezi sekcemi záhlaví pouhým přetažením.

Všechny prvky záhlaví, které jste použili, se zobrazí v nabídce na levé straně přímo pod kartou Obecné. Pod zde také najdete možnost změnit typ záhlaví. Bezplatní uživatelé získají pouze možnost „Transparentní záhlaví“. Pokud však používáte Astra Pro, můžete povolit „Sticky Headers“.

Odtud máte přístup ke konkrétním nastavením prvku záhlaví.

Hned vedle karty Obecné máme kartu Návrh. Odtud získáte několik základních možností návrhu pro změnu šířky a okraje záhlaví. Uživatelé Astra Pro mají k dispozici pokročilejší nastavení.

Astra Header Builder vám také umožňuje doladit, jak bude záhlaví webu vypadat na různých velikostech obrazovky, jako je stolní počítač, mobil nebo tablet. Chcete-li vybrat jinou velikost obrazovky a přizpůsobit ji, použijte volič zařízení v levém dolním rohu obrazovky.

Jak můžete vidět, na menší obrazovce získáte další oblast nazvanou „Off Canvas“. To vám umožní ušetřit místo v záhlaví a přesunout některé věci mimo obrazovku, které mohou návštěvníci v případě potřeby přepínat.

A to uzavírá náš rychlý průvodce, jak vytvořit záhlaví pomocí tématu Astra. Až budete hotovi s přidáním všech prvků záhlaví a provedením nezbytných změn návrhu, klikněte na tlačítko publikovat a je to. 

Vaše nově vytvořená hlavička Astra je nyní spuštěna na vašem webu WordPress.

Astra Header Builder: Rychlý přehled dostupných možností

Ve výše uvedeném tutoriálu jsme vytvořili velmi základní záhlaví pomocí nástroje Astra Header Builder, abychom vám poskytli představu o tom, jak tato funkce funguje. V Astra Header Builder však existuje spousta nástrojů a možností, které vám pomohou vytvořit složitější a úchvatnější záhlaví.

Zde je rychlý pohled na různé možnosti, které máte k dispozici:

Primární záhlaví

Výchozí záhlaví v Astře je primární záhlaví. Zobrazí se logo a také navigační nabídka, kterou lze přizpůsobit různým primárním nastavením záhlaví v Astře.

Stačí nainstalovat Astru a přejít do sekce Záhlaví, vybrat možnost primárního záhlaví a přejít k přizpůsobení. Záhlaví > Primární záhlaví

Můžete použít následující nastavení přizpůsobení

Rozložení

Nastavení rozvržení bude řídit pozici loga pro vaši stránku. V Astře jsou pro logo k dispozici tři různé pozice

Logo vlevo

Logo v tomto nastavení se přesune na levou stranu navigační nabídky. Je to typický styl umístění loga.

Vpravo Logo

Logo v tomto nastavení se přesune na pravou stranu navigační nabídky.

Středové logo

Logo v tomto nastavení se pohybuje uprostřed nad navigační nabídkou. Je to dobrá volba v případě dlouhého menu.

Šířka

Nastavení šířky řídí šířku záhlaví textu. Šířku záhlaví si můžete přizpůsobit jako

Plná šířka

V nastavení plné šířky bude vaše záhlaví roztaženo z obou konců a bude odpovídat velikosti stránky vašeho prohlížeče.

Šířka obsahu

V nastavení šířky obsahu se záhlaví přizpůsobí podle nastavené šířky kontejneru a můžete jej nastavit výběrem následujícího

Globální > Kontejner > Šířka

Pohraniční

Výběrem ohraničení můžete přidat ohraničení pod záhlaví a přizpůsobit jeho barvu a šířku.

Mobilní záhlaví

Navigační menu se na citlivých zařízeních změní na hamburger. Primární záhlaví na těchto zařízeních tedy zobrazí pouze hamburgerovou nabídku a logo. Rozvržení loga týkající se nabídky v responzivních widgetech si můžete přizpůsobit.

Stoh

V možnosti zásobníku se logo přesune nad nabídku hamburgerů. Volba zásobníku se může ukázat jako užitečná, pokud máte velké logo.

Inline

Ve variantě inline budou logo a menu vzájemně v souladu a mohou být dobrou volbou v případě malého loga.

Barevné motivy

Primární hlavičky mohou být prezentovány v různých barvách pomocí motivu Astra. Globální barvy budou k dispozici zdarma, ale pro pokročilejší funkce musíte použít plugin Astra Pro. Chcete-li v Astře používat globální barvy, musíte přejít na kartu Vzhled, vybrat přizpůsobit, poté globální a nakonec vybrat možnost barev. Vzhled > Přizpůsobit > Globální > Barvy

Typografie

Nastavení typografie pro stránku nebo web se automaticky použije na primární záhlaví s motivem Astra. Nastavení typografie můžete vybrat a přizpůsobit na kartě Vzhled v části globální. 

Vzhled > Přizpůsobit > Globální > Typografie

Transparentní záhlaví

Transparentní záhlaví představují snadný způsob, jak vytvořit krásná a atraktivní záhlaví pro vaši stránku. Pozadí primární hlavičky bude nastaveno na průhledné a vytáhne obsah stránky nahoru. Obsah stránky a primární záhlaví se sloučí, což znamená, že horní část obsahu se stane pozadím průhledného záhlaví. Pokud je například obrázek v horní části stránky, posune se nahoru a stane se pozadím pro průhledné záhlaví.

Jak přidat průhledné záhlaví?

Transparentní záhlaví formuluje ve dvou rychlých krocích, aby byla vaše stránka atraktivní 

Krok 1

Možnost průhledné hlavičky najdete pod customizérem a poté ji můžete upravit

Vzhled > Přizpůsobit > Záhlaví > Průhledné záhlaví

Krok 2

Pod možnostmi průhledného záhlaví jej můžete povolit pro celý web, zvolit okraj ve spodní části, barevná schémata a rozložení loga

Povolení na kompletním webu

Pokud chcete transparentní nastavení záhlaví pro celý web, můžete tuto možnost povolit zaškrtnutím políčka. Pokud zaškrtnete toto políčko, stále existují některá pravidla vyloučení, která můžete povolit pro konkrétní příspěvky nebo stránky. Pro následující stránky můžete zakázat možnost průhledného záhlaví

Zakázat v archivech, vyhledávání a na 404

Nastavení průhledného záhlaví lze na těchto speciálních stránkách deaktivovat zaškrtnutím políčka.

Zakázat na stránce indexu blogu

Pokud změníte nastavení z domovské stránky, přední stránka vašeho blogu se stane indexovou stránkou blogu. Chcete-li vytvořit indexovou stránku blogu, přejděte do nastavení domovské stránky a na kartě „Zobrazení domovské stránky“ vyberte „Vaše nejnovější příspěvky“.

Zobrazení vaší domovské stránky > Vaše nejnovější příspěvky

Pokud chcete zakázat nastavení průhledného záhlaví na této stránce indexu blogu, můžete to zaškrtnout.

Zakázat na stránkách

Pokud chcete zakázat možnost průhledného záhlaví na všech stránkách, zaškrtněte políčko.

Zakázat u příspěvků

Pokud chcete zakázat možnost průhledného záhlaví u všech příspěvků, zaškrtněte políčko.

Barvy a pozadí

Nastavení pozadí a barev průhledného záhlaví si můžete přizpůsobit pomocí následujících dostupných možností

• Pozadí
• Název webu
• Menu
• Podnabídka
• Obsah

Výhody a nevýhody použití tématu Astra pro záhlaví

Pros

• K dispozici je příležitost pro transparentní záhlaví
• K dispozici jsou záhlaví v plné šířce i šířce obsahu 
• K dispozici je přizpůsobení barev a typografie

Nevýhody

• Možnost lepivého záhlaví není k dispozici
• Pokročilé barevné funkce nejsou k dispozici

Závěrečná slova

Astra je jedno z nejlepších témat. A pokud jej používáte, jste na správné cestě pro údržbu svých stránek.

Bezplatný motiv Astra vám umožňuje navrhovat krásné a atraktivní záhlaví pro vaši webovou stránku. K dispozici je také možnost a přizpůsobení průhledné hlavičky, což může zlepšit zážitek diváka. Celkově lze říci, že mnoho možností přizpůsobení záhlaví v motivu Astra vám umožní vytvořit ohromující záhlaví.