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:
Zde je důvod, proč musíte do textu zahrnout záhlaví
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.
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.
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.
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.
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.
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í:
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.
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í
Klady
Nevýhody
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í.
Záhlaví a zápatí webu jsou základními prvky. Ve většině případů záhlaví poskytuje navigaci…
Dvě z nejpopulárnějších témat WordPress na trhu jsou Astra a OceanWP. Profesionální…
Vytvoření vynikajícího zpravodajského webu nevyžaduje, abyste se stali webdesignérem. My…
Téma Noviny je jedním z nejvýznamnějších témat WordPress navržených tagDiv, a…
Pokud jde o nastavení internetového obchodu, WooCommerce je plugin . To…
Záhlaví je obecně první věc, kterou člověk uvidí, když navštíví váš web,…
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í.