Jak vytvořit ohromující záhlaví 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. Ohromující 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 může 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ří části vašich dokumentů. Záhlaví H3 až H6 poskytují další podpoložky do dokumentu pod H2. Než se přesuneme k tomu, jak vám téma Astra může pomoci vytvořit ohromující záhlaví ve vašem obsahu, pojďme se podívat na důležitost záhlaví

Obsah:

• Proč jsou záhlaví pro vaše webové stránky důležitá?
• 1. Identifikace tématu
• 2. Přístupnost
• 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 motivem Astra?
• Výhody a nevýhody použití Astra téma pro záhlaví
• Závěrečná slova

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

Proto je třeba do textu zahrnout záhlaví

1. Identifikace tématu

Záhlaví hrají pro vyhledávače a čtenáře zásadní roli 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, o kterou se zajímají.

2. Přístupnost

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

3. Optimalizace pro vyhledávače

Když záhlaví zajistí identifikovatelnost vašeho tématu, vyhledávače vyhledají vaše stránky podle vyhledávacích dotazů. Čím více bude vaše záhlaví dobře navrženo a vyplněno příslušnými klíčovými slovy, tím více vyhledávačů zvýší vaše hodnocení.

Zde je průvodce používáním bezplatných funkcí motivů Astra k vytváření ohromujících záhlaví vašich stránek. Postupujte podle pokynů a vytvořte záhlaví podle vašeho výběru.

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

Pomocí záhlaví zajistíte, aby byly stránky co nejskenovatelnější. Je všeobecně známo, že nikdo nečte celý článek - zejména řá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í záhlaví, protože udává tón pro celý příspěvek nebo stránku.

Dále přichází podnadpis, který rozděluje obsah na kousky, které jsou lepší pro spotřebu. 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í

Časem se mobilní zařízení stává dominantnějším než kdykoli předtím. Není pochyb o tom, že weby získají z mobilních zařízení větší provoz než kdykoli předtím. Pokud tedy dáte svůj obsah do pořádku, určitě si získáte diváky z mobilních i stolních počítačů.

Stručně řečeno, záhlaví optimalizuje webovou stránku nejen pro čtenáře, ale také pro vyhledávače.

Jak vytvořit ohromující záhlaví s motivem 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 nástroji WordPress. Rozhraní by mělo vypadat podobně jako u nás:

Jak vidíte, nástroj pro tvorbu záhlaví je rozdělen na tři svislé části, jednu naskládanou na druhou. Uprostřed máte „primární záhlaví“ s „nad záhlavím“ nahoře a „pod záhlavím“ dole.  

Každé záhlaví má vlastní sadu „nastavení záhlaví“, ke které se dostanete kliknutím na ikonu ozubeného kola vlevo od záhlaví.

Odtud můžete přizpůsobit výšku záhlaví, velikost ohraničení, pozadí, odsazení a okraj.

Všimněte si také toho, jak je každé záhlaví rozděleno do tří sekcí. Z těchto sekcí můžete přidávat a odebírat prvky záhlaví, aby byly funkčnější. V době psaní tohoto kurzu máte přístup k 12 prvkům záhlaví:

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

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

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

Mezi prvky záhlaví mezi sekcemi záhlaví se můžete také pohybovat jednoduchým přetažením.

Všechny použité prvky záhlaví se zobrazí v nabídce na levé straně, přímo na kartě Obecné. Zde najdete také 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ůžete přistupovat ke konkrétnímu nastavení 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í stránky vypadat na různých velikostech obrazovky, jako je 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 vidíte, na menší obrazovce získáte další oblast s názvem „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 přepínat, pokud a kdy je to nutné.

A to asi shrnuje náš rychlý průvodce, jak vytvořit záhlaví pomocí motivu Astra. Jakmile přidáte všechny prvky záhlaví a provedete nezbytné změny designu, 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 kurzu jsme vytvořili velmi základní záhlaví pomocí Astra Header Builder, abyste získali představu o tom, jak tato funkce funguje. V Astra Header Builder však existuje mnoho nástrojů a možností, které vám pomohou vytvářet složitější a ohromující 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 Astra je primární záhlaví. Ukáže logo a také navigační nabídku, která je přizpůsobitelná různým primárním nastavením záhlaví v Astra.

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 spravovat polohu loga vaší stránky. Pro logo jsou v Astra 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.

Pravé logo

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

Logo centra

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 spravuje šířku záhlaví textu. Šířku záhlaví můžete přizpůsobit jako

Plná šířka

V nastavení plné šířky bude záhlaví roztaženo z obou konců a přizpůsobí se velikosti stránky v prohlížeči.

Šířka obsahu

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

Globální> Kontejner> Šířka

okraj

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

Mobilní záhlaví

Navigační nabídka na responzivních zařízeních se změní na hamburger. Proto primární záhlaví těchto zařízení zobrazí pouze nabídku hamburgeru a logo. V responzivních widgetech můžete upravit rozložení loga týkající se nabídky.

Zásobník

V možnosti zásobníku se logo přesune nad nabídku hamburgerů. Výběr velkého loga může být užitečný, pokud máte velké logo.

V souladu

V možnosti vložené budou logo a nabídka v souladu s sebou a v případě malého loga mohou být dobrou volbou.

Barevné motivy

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

Typografie

Nastavení typografie pro stránku nebo web platí automaticky pro primární záhlaví s motivem Astra. Nastavení typografie můžete vybrat a přizpůsobit tak, že přejdete na kartu Vzhled v části globální.  

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

Průhledná hlavička

Transparentní záhlaví je snadný způsob, jak vytvořit krásné a atraktivní záhlaví pro vaši stránku. Pozadí primární záhlaví bude nastaveno na průhledné a bude obsah stránky přetahovat 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í. Například, pokud je obrázek v horní části stránky, půjde nahoru, aby se stal pozadím pro průhlednou hlavičku.

Jak přidat průhlednou hlavičku?

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

Krok 1

Možnost přizpůsobitelného záhlaví najdete pod přizpůsobovacím prvkem 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 ohraničení v dolní části, barevná schémata a rozložení loga

Aktivace na úplném webu

Pokud chcete nastavení průhledné hlavičky pro celý web, můžete tuto možnost povolit zaškrtnutím políčka. Pokud zaškrtnete políčko, existují určitá pravidla vyloučení, která můžete povolit pro konkrétní příspěvky nebo stránky. Můžete zakázat možnost průhledné hlavičky pro následující stránky

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

Nastavení průhledných hlaviček lze na těchto speciálních stránkách vypnout zaškrtnutím políčka.

Zakázat na stránce indexu blogu

Pokud změníte nastavení na své domovské stránce, přední stránka vašeho blogu se stane indexovou stránkou blogu. Chcete-li vytvořit indexovou stránku blogu, můžete přejít na nastavení domovské stránky a na kartě „Zobrazení na domovské stránce“ vybrat „Vaše nejnovější příspěvky“.

Domovská stránka> Vaše nejnovější příspěvky

Pokud chcete na této indexové stránce blogu deaktivovat nastavení průhledného záhlaví, můžete zaškrtnout toto políčko.

Zakázat na stránkách

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

Zakázat v příspěvcích

Pokud chcete zakázat možnost průhledné hlavičky na všech příspěvcích, zaškrtněte políčko.

Barvy a pozadí

Můžete upravit nastavení pozadí a barev průhledné hlavičky pomocí následujících dostupných možností

• Pozadí
• Titulek webové stránky
• Jídelní lístek
• Podnabídka
• Obsah

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

Klady

• K dispozici je možnost pro průhlednou hlavičku
• K dispozici jsou záhlaví plné šířky i šířky obsahu 
• K dispozici je přizpůsobení barev a typografie

Nevýhody

• Možnost lepivé hlavičky není k dispozici
• Pokročilé barevné funkce nejsou k dispozici

Závěrečná slova

Astra je jedním z nejlepších témat. A pokud jej používáte, jste na správné cestě k údržbě vašeho webu.

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ého záhlaví, což může zlepšit zážitek diváka. Celkově lze říci, že mnoho možností přizpůsobení záhlaví v tématu Astra vám umožní vytvořit ohromující záhlaví.