Hogyan hozzunk létre lenyűgöző Astra téma fejlécet?

A fejlécek elengedhetetlenek a weboldal bármely tartalmához, mivel nemcsak olvasókat, hanem keresőmotorokat is szolgálnak. A lenyűgöző és jól megírt fejlécek potenciálisan vonzzák az olvasókat a bejegyzésedhez és növelik a kattintások számát. A fejlécek H1 -től H6 -ig terjedhetnek, a tartalom hierarchiájától függően. Az oldal vagy cikk fő címe a H1, míg a H2 az alcímek, amelyek szakaszokat készítenek a dokumentumokban. A H3 -H6 fejlécek további alcímeket tartalmaznak a dokumentumban a H2 alatt. Mielőtt rátérnénk arra, hogy az Astra téma hogyan segíthet lenyűgöző fejlécek létrehozásában a tartalomban, fontoljuk meg a fejlécek fontosságát

Tartalomjegyzék:

• Miért fontosak a fejlécek az Ön weboldalain?
• 1. Téma azonosítása
• 2. Kisegítő lehetőségek
• 3. Keresőoptimalizálás
• 4. Szkennelhetővé teszi az oldalakat
• 5. Mobileszközök használhatósága
• Hogyan hozzunk létre lenyűgöző fejlécet az Astra témával?
• Előnyei és hátrányai az Astra téma használata fejlécek számára
• Záró szavak

Miért fontosak a fejlécek az Ön weboldalain?

Ez az oka annak, hogy fejléceket kell beillesztenie a szövegbe

1. Téma azonosítása

A fejlécek alapvető szerepet játszanak a keresőmotorok és az olvasók számára a cikkben keresett kulcsszavak kiválasztásában. A szöveg elsődleges fejléce segít azonosítani az anyag témáját, és az alcímek az olvasót az érdeklődési területükre irányítják.

2. Kisegítő lehetőségek

Manapság az emberek többnyire képernyőolvasókat használnak bármilyen tartalom áttekintésére. Bármely tartalom fejléceit a képernyőolvasók könnyen felveszik, és nélkülözhetetlenek a képernyőolvasók hatékony használatához. Ezenkívül lehetővé teszik az olvasók számára, hogy az egyik címsorról a másikra ugorjanak, hogy eljussanak a kívánt témához.

3. Keresőoptimalizálás

Amikor a fejlécek teszik a témát azonosíthatóvá, a keresőmotorok rangsorolják az oldalt keresési lekérdezések alapján. Minél jobban fejleszti a fejléceket és a megfelelő kulcsszavakat kitölti, annál inkább a keresőmotorok növelik rangsorolását.

Ez egy útmutató az ingyenes Astra témafunkciók lenyűgöző fejlécek létrehozásához az oldalaihoz. Kövesse az eljárást a kívánt fejléc elkészítéséhez.

4. Szkennelhetővé teszi az oldalakat

A fejlécek használatával a lehető legolvashatóbbá teszi az oldalakat. Közismert, hogy senki nem olvassa el az egész cikket - különösen soronként. Ezért fontos, hogy az oldalak fejlécekkel rendelkezzenek. Az összes fejléc közül a legfontosabb fejléc az első fejléc, mivel ez határozza meg az egész bejegyzés vagy oldal hangját.

Ezután következik az alcím, mivel a tartalmat darabokra osztja, amelyek jobbak a fogyasztáshoz. Nem csak a cikk szerkezetét mutatják a fejlécek és alfejlécek. Röviden, a megfelelő fejlécek azt jelentik, hogy vonzó tartalommal vonzhatja a közönséget.

5. Mobileszközök használhatósága

Az idő múlásával a mobil egyre dominánsabb, mint valaha. Kétségtelen, hogy a webhelyek minden eddiginél nagyobb forgalmat fognak elérni a mobilról. Tehát, ha rendbe teszed a tartalmadat, akkor biztosan megszerezed a nézőket mobilról és asztali számítógépről is.

Röviden: a fejlécek nem csak az olvasók, hanem a keresők számára is optimalizálják a weboldalt.

Hogyan hozzunk létre lenyűgöző fejlécet az Astra témával?

Először is, az Astra Header Builder eléréséhez jelentkezzen be a WordPress irányítópultjába, és a bal oldali oldalsávról lépjen a Megjelenés > Astra Opciók > Header Builder elemre , ahogy az alábbi képen látható:

Kattintson rá, és a WordPress testreszabó Fejléc -készítő részéhez jut. A kezelőfelületnek hasonlónak kell lennie, mint itt:

Amint láthatja, a fejléc -készítő három függőleges részre van osztva, az egyik a másikra halmozva. Az „elsődleges fejléc” középen van, a „fejléc felett” a tetején és a „fejléc alatt” az alján.  

Minden fejléc saját „fejlécbeállításokkal” rendelkezik, amelyeket a fejléc bal oldalán található fogaskerék ikonra kattintva érhet el.

Innen személyre szabhatja a fejléc magasságát, szegélyméretét, hátterét, kitöltését és margóját.

Figyelje meg azt is, hogy az egyes fejlécek hogyan vannak három részre osztva. Hozzáadhat és eltávolíthat fejlécelemeket ezekből a szakaszokból, hogy még jellegzetesebbek legyenek. Az oktatóanyag megírásának időpontjában 12 fejlécelemhez férhet hozzá:

• A webhely címe és logója
• Elsődleges menü
• 1. gomb
• 2. gomb (profi)
• Keresés
• Fiók
• HTML 1
• HTML 2
• Másodlagos menü
• Társadalmi
• Widget 1
• Widget 2
• Widget 3 (profi)
• Widget 4 (profi)
• Kosár

Most új fejlécelem hozzáadásához vigye az egeret a szakasz fölé, és kattintson a „+” gombra. Ekkor megjelenik a rendelkezésre álló elemek listája. Válassza ki a használni kívánt elemet, és hozzáadódik a fejléc szakaszhoz.

Hasonlóképpen kattintson a fejlécelem melletti „x” gombra a fejlécelem eltávolításához.

A fejlécelemek között is mozoghat a fejlécrészek között egyszerűen húzással.

Az összes használt fejlécelem megjelenik a bal oldali menüben, közvetlenül az Általános fül alatt. Itt találja a fejléc típusának megváltoztatásának lehetőségét is. Az ingyenes felhasználók csak az „Átlátszó fejlécek” lehetőséget kapják. Ha azonban Astra Pro -t használ, engedélyezheti a „Sticky Headers” funkciót.

Innen érheti el a fejlécelem speciális beállításait.

Közvetlenül az Általános lap mellett található a Tervezés lap. Innen néhány alapvető tervezési lehetőséget kap a fejléc szélességének és margójának módosításához. A fejlettebb beállítások elérhetők az Astra Pro felhasználók számára.

Az Astra Header Builder lehetővé teszi a webhely fejlécének finomhangolását is a különböző képernyőméretekben, például asztali számítógépen, mobilon vagy táblagépen. Másik képernyőméret kiválasztásához és testreszabásához használja a képernyő bal alsó sarkában található eszközválasztót.

Amint láthatja, egy kisebb képernyőn egy további területet kap „Off Canvas” néven. Ez lehetővé teszi, hogy helyet takarítson meg a fejlécben, és áthelyezzen néhány olyan dolgot a képernyőn kívülre, amelyeket a látogatók szükség esetén válthatnak.

És ez körülbelül összefoglalja a fejléc létrehozásának gyors útmutatóját az Astra téma használatával. Ha elkészült az összes fejlécelem hozzáadásával és a szükséges tervezési változtatások elvégzésével, kattintson a közzététel gombra, és ennyi.  

Az újonnan létrehozott Astra fejléc mostantól működik a WordPress webhelyén.

Astra Header Builder: A rendelkezésre álló lehetőségek gyors áttekintése

A fenti oktatóanyagban egy nagyon egyszerű fejlécet hoztunk létre az Astra Header Builder segítségével, hogy képet kapjunk a funkció működéséről. Az Astra Header Builderben azonban rengeteg eszköz és lehetőség van, amelyek segítenek összetettebb és lenyűgözőbb fejlécek létrehozásában.

Íme egy rövid áttekintés a rendelkezésére álló különféle lehetőségekről:

Elsődleges fejléc

Az Astra alapértelmezett fejléce az elsődleges fejléc. Megjeleníti a logót és egy navigációs menüt, amely testreszabható az Astra elsődleges fejléc-beállításaival.

Csak telepítse az Astrát, és lépjen a Fejléc szakaszba, válassza ki az elsődleges fejléc opciót, és lépjen a testreszabáshoz. Fejléc > Elsődleges fejléc

Használhatja a következő testreszabási beállításokat

Elrendezés

Az elrendezés beállításai kezelik az oldal logójának helyzetét. Az Astra-ban három különböző pozíció érhető el a logó számára

Bal oldali logó

Ebben a beállításban a logó a navigációs menü bal oldalára kerül. A logó elhelyezésének tipikus stílusa.

Helyes logó

Az ebben a beállításban található logó a navigációs menü jobb oldalára mozog.

Center logó

Az ebben a beállításban található logó a navigációs menü felett közepén mozog. Ez jó lehetőség hosszú menü esetén.

Szélesség

A Szélesség beállítások kezelik a szöveg fejlécének szélességét. A fejléc szélességét testreszabhatja

Teljes szélesség

Teljes szélességű beállítások esetén a fejlécet mindkét végétől kinyújtják, és illeszkednek a böngésző oldalméretéhez.

Tartalom szélessége

A tartalom szélességének beállításaiban a fejléc a tároló szélességének beállítása szerint módosul, és a következő kiválasztásával állíthatja be

Globális> Konténer> Szélesség

Határ

A szegély kiválasztásával szegélyt adhat hozzá a fejléc alá, és testreszabhatja annak színét és szélességét.

Mobil fejléc

A navigációs menü az érzékeny eszközökön hamburgerré változik. Ezért ezen eszközök elsődleges fejléce csak a hamburger menüt és a logót jeleníti meg. Testreszabhatja a logó elrendezését a reagáló widgetek menüjéhez kapcsolódóan.

Kazal

A verem opcióban a logó a hamburger menü fölé kerül. A verem választása hasznos lehet, ha van nagy logója.

Sorban

Az inline opcióban a logó és a menü összhangban lesz egymással, és jó választás lehet egy kis logó esetén.

Színes témák

Az elsődleges fejlécek különböző színekben jeleníthetők meg az Astra témával. A globális színek ingyen lesznek elérhetők, de a fejlettebb funkciókhoz az Astra Pro addon plugin kell használni. Ha globális színeket szeretne használni az Astrában, akkor a Megjelenés fülre kell lépnie, válassza a testreszabás, majd a globális lehetőséget, végül válassza a színek opciót. Megjelenés> Testreszabás> Globális> Színek

Tipográfia

Az oldal vagy webhely tipográfiai beállításai automatikusan érvényesek az Astra Theme elsődleges fejlécére. A tipográfiai beállításokat kiválaszthatja és testreszabhatja a Megjelenés lapon, a globális alatt.  

Megjelenés> Testreszabás> Globális> Tipográfia

Átlátszó fejléc

Az átlátszó fejlécek egyszerű módja annak, hogy szép és vonzó fejléceket készítsen az oldalához. Az elsődleges fejléc háttere átlátszó lesz, és az oldal tartalmát a tetejére húzza. Az oldal tartalma és az elsődleges fejléc egyesül, vagyis a tartalom felső része az átlátszó fejléc háttérévé válik. Például, ha a kép az oldal felső részén található, akkor az átlátszó fejléc háttérévé válik.

Hogyan adhatunk átlátszó fejlécet?

Az átlátszó fejléc két gyors lépésben formulálja az oldalt vonzóvá 

1. lépés

Az átlátszó fejléc opciót megtalálhatja az testreszabás alatt, majd szerkesztheti

Megjelenés> Testreszabás> Fejléc> Átlátszó fejléc

2. lépés

Az átlátszó fejlécbeállítások alatt engedélyezheti az egész webhelyre, kiválaszthatja az alsó szegélyt, a színsémákat és a logó elrendezését

Engedélyezése a teljes webhelyen

Ha a teljes weboldal átlátszó fejléc-beállításait szeretné, engedélyezheti ezt a lehetőséget a jelölőnégyzet bejelölésével. Ha bejelöli a jelölőnégyzetet, továbbra is vannak bizonyos kizárási szabályok, amelyeket engedélyezhet bizonyos bejegyzéshez vagy oldalhoz. A következő oldalak esetében letilthatja az átlátszó fejléc lehetőséget

Letiltás az archívumban, a keresésben és a 404 -en

Az átlátszó fejléc-beállítást ezeknél a speciális oldalakon letilthatja a jelölőnégyzet bejelölésével.

Letiltás a Blog Index oldalon

A blog első oldala a blog indexoldalává válik, ha megváltoztatja a beállításokat a kezdőlapján. Blog-indexoldal elkészítéséhez lépjen a kezdőlap beállításaira, és az „Az Ön honlapja megjelenítés” lapon válassza a „Legújabb hozzászólások” lehetőséget.

Kezdőlap megjelenítése> Legfrissebb hozzászólásai

Ha szeretné letiltani az átlátszó fejléc beállításait ezen a blog indexoldalon, akkor jelölje be a jelölőnégyzetet.

Letiltás az oldalakon

Ha le szeretné tiltani az átlátszó fejléc opciót az összes oldalon, jelölje be a jelölőnégyzetet.

Letiltás a hozzászólásokon

Ha az összes üzenetnél ki szeretné kapcsolni az átlátszó fejléc opcióját, jelölje be a jelölőnégyzetet.

Színek és háttér

Az átlátszó fejléc háttér- és színbeállításait a következő elérhető lehetőségekkel testreszabhatja

• Háttér
• oldal cím
• Menü
• almenü
• Tartalom

Előnyei és hátrányai az Astra téma használata fejlécek számára

Előnyök

• Az átlátszó fejléc lehetősége elérhető
• A teljes és a tartalom szélességű fejlécek is elérhetők 
• A szín és a tipográfia testreszabható

Hátrányok

• A ragadós fejléc opció nem érhető el
• A speciális színfunkciók nem érhetők el

Záró szavak

Az Astra az egyik legjobb téma. És ha Ön használja, akkor jó úton jár a webhely karbantartásához.

Az Astra lehetővé teszi, hogy gyönyörű és vonzó fejléceket tervezzen weboldalához. A Transparent fejléc opciója és testreszabása is elérhető, ami javíthatja a néző élményét. Összességében az Astra témában lehetővé teszi lenyűgöző fejléc létrehozását.