Hogyan készítsünk lenyűgöző Astra-témafejlécet?

A fejlécek létfontosságúak a weboldal minden tartalmához, mivel nem csak az olvasókat, hanem a keresőmotorokat is szolgálják. 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. Oldalának vagy cikkének fő címe a H1, míg a H2 az alcímek, amelyek szakaszokat képeznek a dokumentumokban. A H3-tól H6-ig terjedő fejlécek további alcímeket biztosítanak a H2 alatti dokumentumban. 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, gondoljuk át a fejlécek fontosságát

Tartalomjegyzék:

• Miért fontosak a fejlécek a weboldalain?
• 1. Témaazonosítás
• 2. Hozzáférhetőség
• 3. Keresőoptimalizálás
• 4. Szkennelhetővé teszi az oldalakat
• 5. Mobil eszközök használhatósága
• Hogyan készítsünk lenyűgöző fejlécet Astra témával?
• Az Astra téma fejlécekhez való használatának előnyei és hátrányai
• Végső szavak

Miért fontosak a fejlécek a weboldalain?

Ez az oka annak, hogy győződjön meg arról, hogy fejléceket tartalmaz a szövegben

1. Témaazonosítás

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övegben található elsődleges fejléc segít az anyag témájának azonosításában, az alcímek pedig az érdeklődési körükhöz navigálják az olvasót.

2. Hozzáférhetőség

Manapság az emberek többnyire képernyőolvasókat használnak bármilyen tartalom áttekintésére. Bármilyen tartalom fejléceit a képernyőolvasók könnyen felvehetik, és elengedhetetlenek a képernyőolvasók hatékony használatához. 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 azonosíthatóvá teszik a témát, a keresőmotorok rangsorolják az oldalt a keresési lekérdezések szempontjából. Minél jobban megszerkeszti fejléceit, és megfelelő kulcsszavakkal tölti ki, a keresőmotorok annál jobban növelik a rangsort.

Íme egy útmutató az ingyenes Astra témafunkciók használatához, amelyek segítségével lenyűgöző fejléceket hozhat létre oldalaihoz. Kövesse az eljárást a kívánt fejléc létrehozásához.

4. Szkennelhetővé teszi az oldalakat

A fejlécek használatával a lehető legjobban szkennelhetővé teszi az oldalakat. Köztudott, hogy senki sem olvassa el az egész cikket – különösen sorról sorra. Ezért fontos, hogy az oldalakon legyen fejléc. Az összes fejléc közül a legfontosabb fejléc az első fejléc, mivel ez adja meg az egész bejegyzés vagy oldal hangnemét.

Ezután következik az alcím, amely a tartalmat fogyasztásra alkalmasabb darabokra osztja. Nem csak az, hogy a cikk szerkezetét a fejlécek és az alcímek mutatják. Röviden, a megfelelő fejléckészlet azt jelenti, hogy megnyerő tartalommal vonzhatja a közönséget.

5. Mobil eszközök használhatósága

Idővel a mobil egyre dominánsabb, mint valaha. Kétségtelen, hogy a webhelyek minden eddiginél nagyobb forgalmat fognak kapni mobilról. Tehát, ha helyesen állítja be a tartalmat, biztos, hogy megtekintőket szerez mobilról és asztali számítógépről egyaránt.

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

Hogyan készítsünk lenyűgöző fejlécet 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éckészítő szakaszába kerül. A felületnek hasonlóan kell kinéznie, mint ami itt található:

Amint láthatja, a fejléckészítő három függőleges részre van osztva, amelyek egymásra vannak rakva. Középen van az „elsődleges fejléc”, felül a „fejléc felett”, alul pedig a „fejléc alatt”. 

Minden fejléchez saját „fejlécbeállítások” vannak, amelyeket a fejléctől balra található fogaskerék ikonra kattintva érhet el.

Innen testreszabhatja a fejléc magasságát, a keret méretét, a hátteret, a kitöltést és a margót.

Figyelje meg azt is, hogy az egyes fejlécek három részre vannak osztva. Ezekhez a szakaszokhoz fejlécelemeket adhat hozzá és távolíthat el, hogy még több funkciót kapjanak. Az oktatóanyag írásakor 12 fejlécelemhez férhetett hozzá:

• 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ü
• Szociális
• Widget 1
• 2. widget
• Widget 3 (profi)
• Widget 4 (profi)
• Kosár

Új fejlécelem hozzáadásához vigye az egeret a szakasz fölé, és kattintson a „+” gombra. Ekkor megjelenik az elérhető elemek listája. Válassza ki a használni kívántat, és az hozzáadódik a fejléchez.

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

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

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

Innen érheti el a fejléc elem konkrét beállításait.

Közvetlenül az Általános lap mellett található a Tervezés lap. Innentől 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. Speciális beállítások állnak rendelkezésre 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 különböző méretű képernyőkön, például asztali számítógépen, mobileszközön vagy táblagépen. Más 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átja, 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écen, és a cuccok egy részét áthelyezze a képernyőről, amelyet a látogatók szükség esetén válthatnak.

És ezzel zárjuk rövid útmutatónkat arról, hogyan hozhat létre fejlécet az Astra témával. Ha elkészült az összes fejléc elem hozzáadásával és a szükséges tervezési módosításokkal, kattintson a közzététel gombra, és kész. 

Az újonnan létrehozott Astra-fejléc már elérhető és fut a WordPress webhelyén.

Astra Header Builder: Az elérhető opciók 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 adjunk a funkció működéséről. Az Astra Header Builderben azonban rengeteg eszköz és lehetőség található, amelyek segítségével összetettebb és lenyűgözőbb fejléceket hozhat létre.

Íme egy gyors áttekintés az Ön 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. Megjelenik egy logó és egy navigációs menü, amely testreszabható az Astra különféle elsődleges fejlécbeállításaival.

Csak telepítse az Astra-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

Az alábbi testreszabási beállításokat használhatja

Elrendezés

Az elrendezési beállítások kezelik az oldal logójának pozícióját. Az Astrában három különböző pozíció áll rendelkezésre a logó számára

Bal oldali logó

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

Helyes logó

Ebben a beállításban a logó a navigációs menü jobb oldalára kerül.

Középső logó

Ennél a beállításnál a logó a navigációs menü felett középen mozog. Hosszú menü esetén jó választás.

Szélesség

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

Teljes szélesség

A teljes szélességű beállításoknál a fejléc mindkét végétől megnyúlik, és illeszkedik a böngésző oldalméretéhez.

Tartalom szélessége

A tartalomszélesség beállításainál a fejléc a beállított tárolószélességnek megfelelően módosul, és a következők kiválasztásával állíthatja be

Globális > Tároló > Szélesség

Határ

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

Mobil fejléc

A navigációs menü érzékeny eszközökön hamburgerré változik. Ezért ezeken az eszközökön az elsődleges fejléc csak a hamburger menüt és a logót jeleníti meg. A reszponzív widgetekben testreszabhatja a menühöz tartozó logó elrendezését.

Verem

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

Inline

Az inline opcióban a logó és a menü egy vonalban lesz egymással, és kis logó esetén jó lehetőség lehet.

Színes témák

Az elsődleges fejlécek különböző színekben jeleníthetők meg az Astra téma segítségével. A globális színek ingyenesen elérhetők lesznek, de a fejlettebb funkciókhoz az Astra Pro plugin kell használnia. A globális színek Astrában való használatához lépjen a Megjelenés lapra, válassza a testreszabás, majd a globális lehetőséget, végül pedig 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 vonatkoznak az Astra Theme elsődleges fejlécére. Kiválaszthatja és testreszabhatja a tipográfiai beállításokat a Megjelenés lapon a globális területen. 

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

Átlátszó fejléc

Az átlátszó fejlécek egyszerű módja annak, hogy gyönyörű és vonzó fejléceket készítsen oldala számára. Az elsődleges fejléc háttere átlátszóra lesz állítva, és az oldal tetejére húzza az oldal tartalmát. Az oldal tartalma és az elsődleges fejléc összeolvad, ami azt jelenti, hogy a tartalom felső része az átlátszó fejléc háttere lesz. Például, ha a kép az oldal felső részén található, akkor az átlátszó fejléc hátterévé válik.

Hogyan adjunk hozzá átlátszó fejlécet?

Az átlátszó fejléc két gyors lépésben fogalmazza meg oldalát vonzóvá 

1. lépés

Az átlátszó fejléc lehetőségét a testreszabó alatt találja meg, majd szerkesztheti

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

2. lépés

Az átlátszó fejléc opciók alatt az egész weboldalra engedélyezhető, alul kiválaszthatja a szegélyt, a színsémákat és a logó elrendezését

Engedélyezés a teljes webhelyen

Ha átlátszó fejlécbeállításokat szeretne az egész webhelyre, akkor ezt a lehetőséget a jelölőnégyzet bejelölésével engedélyezheti. Ha bejelöli a jelölőnégyzetet, továbbra is vannak kizárási szabályok, amelyeket bizonyos bejegyzéseknél vagy oldalakon engedélyezhet. A következő oldalakon letilthatja az átlátszó fejléc opciót

Letiltása az Archívumban, a Keresésben és a 404-en

Az átlátszó fejléc beállítása ezeken a speciális oldalakon a jelölőnégyzet bejelölésével letiltható.

Letiltása a blog index oldalán

A blog kezdőlapja a blog indexoldalává válik, ha a kezdőlapról módosítja a beállításokat. Blogindexoldal készítéséhez lépjen a kezdőlap beállításaihoz, és a „Kezdőlap megjelenítése” lapon válassza a „Legújabb bejegyzései” lehetőséget.

Kezdőlap megjelenítése > Legújabb bejegyzései

Ha szeretné letiltani az átlátszó fejléc beállításait ezen a blogindex oldalon, akkor az ehhez tartozó jelölőnégyzetet bejelölheti.

Letiltása az oldalakon

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

Letiltása a bejegyzéseknél

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

Színek és háttér

Az alábbi lehetőségekkel testreszabhatja az átlátszó fejléc hátterét és színét

• Háttér
• Webhely címe
• Menü
• Almenü
• Tartalom

Az Astra téma fejlécekhez való használatának előnyei és hátrányai

Profik

• Lehetőség van az átlátszó fejléc használatára
• A fejlécek teljes szélességű és tartalomszélességűek egyaránt elérhetők 
• A szín és a tipográfia testreszabása elérhető

Hátrányok

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

Végső szavak

Az Astra az egyik legjobb téma. És ha használja, akkor jó úton halad webhelye karbantartásához.

Astra ingyenes témája 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. Astra témában számos fejléc-testreszabási lehetőség lehetővé teszi lenyűgöző fejléc létrehozását.