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?

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.Přístupnost

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 skenovat stránky

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ího 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 správně, budete povinni 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 postranní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
  • Hlavní nabídka
  • Tlačítko 1
  • Tlačítko 2 (pro)
  • Vyhledávání
  • Účet
  • HTML 1
  • HTML2
  • 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 záložkou Obecné. 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. 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

okraj

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.

Zásobník

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.

V souladu

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é hlavičky ji 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í
  • Titulek webové stránky
  • Jídelní lístek
  • Podnabídka
  • Obsah

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

Klady

  • 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í.

Ahmad

Zobrazit komentáře

  • Bonjour, prosím komentujte férově a transparentně při komentování obsahu plánu modrého kroku, jen v horní části stránky v nabídce... Komentář k obsahu ?

    • Toto je pouze obrázek na pozadí, který má tuto barvu a protože záhlaví je průhledné... :)

  • Bonjour,

    Moc děkuji za všechny informace. Pourriez-vous, prosím, m'aider?

    J'aimerai cééer ​​​​l'entête Astra uniquement sur ma page d'accueil. Tady je příspěvek na toutes na stránkách na aucune... Komentář je peux faire?

    Moje stránky jsou aktuální a módní údržba.

    A vous remerciant par avance

    • Ahoj, přiřazení hlavičky Astra musí být provedeno na stránku, v každém nastavení stránky. V nastavení Astra je to pouze globální zadání.

Poslední příspěvky

Jak používat záhlaví a zápatí s Elementorem

Záhlaví a zápatí webu jsou základními prvky. Ve většině případů záhlaví poskytuje navigaci…

6. ledna 2022

Porovnání témat WordPress: Astra vs OceanWP

Dvě z nejpopulárnějších témat WordPress na trhu jsou Astra a OceanWP. Profesionální…

2. ledna 2022

Porovnání témat zpráv WordPress: Noviny vs. Astra

Vytvoření vynikajícího zpravodajského webu nevyžaduje, abyste se stali webdesignérem. My…

25. října 2021

Vytvořte webové stránky související se zprávami s tématem novin

Téma Noviny je jedním z nejvýznamnějších témat WordPress navržených tagDiv, a…

18. října 2021

Jak vytvořit eCommerce pomocí Avada WooCommerce Builder

Pokud jde o nastavení internetového obchodu, WooCommerce je plugin . To…

4. října 2021

Jak používat efekty lepivé hlavičky a rolování s Elementorem

Záhlaví je obecně první věc, kterou člověk uvidí, když navštíví váš web,…

21. září 2021