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?

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öveg elsődleges fejléce segít azonosítani az anyag témáját, 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. Mobileszköz használhatóság

Idővel a mobil egyre dominánsabb, mint valaha. Kétségtelen, hogy a webhelyek minden eddiginél nagyobb forgalmat fognak elérni 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écnek megvannak a saját „fejlécbeállításai”, 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. Fejlécelemeket adhat hozzá és távolíthat el ezekből a szakaszokból, 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
  • HTML2
  • 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 fül alatt. Itt található a fejléc típusának módosítása 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. Innen néhány alapvető tervezési beállítást talál 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.

Kazal

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.

Sorban

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 használatával. 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 fülre, 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 adhatok 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 engedélyezheti a teljes weboldalra, kiválaszthatja az alján lévő 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ívumokban, 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
  • oldal cím
  • 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.

Ahmad

Megjegyzések megtekintése

  • Bonjour, kérem tisztességesen és átláthatóan kommentálja a kéklépcsős terv tartalmát, csak az oldal tetején a menüben... Hozzászólás a tartalomhoz ?

  • Jó napot,

    Nagyon szépen köszönök minden információt. Pourriez-vous kérem a segítségét?

    J'aimerai cééer ​​l'entête Astra egyediség sur ma page d'accueil. Íme a bejegyzés a toutesről az aucune oldalain... Comment je peux faire?

    Az oldalam aktuális és divat karbantartással foglalkozik.

    És vous remerciant par avance

    • Szia! Az Astra fejléc hozzárendelést oldalanként, minden oldalbeállításnál kell elvégezni. Az Astra beállításban ez csak globális hozzárendelés.

Legutóbbi hozzászólások

A fejlécek és láblécek használata az Elementorral

A webhely fejlécei és láblécei alapvető elemek. A legtöbb esetben a fejléc navigációt biztosít…

2022. január 6

WordPress téma összehasonlítás: Astra vs OceanWP

A két legnépszerűbb WordPress téma a piacon az Astra és az OceanWP. Szakmai…

2022. január 2

A WordPress hírtéma összehasonlítása: Újság vs. Astra

Egy kiváló hírwebhely létrehozásához nem szükséges webtervezővé válni. Mi…

2021. október 25

Hozzon létre egy hírekkel kapcsolatos webhelyet Újság témával

A Newspaper téma az egyik legjelentősebb WordPress téma, amelyet a tagDiv, egy…

2021. október 18

Hogyan építsünk fel e-kereskedelmet az Avada WooCommerce builder segítségével

Amikor egy online áruház létrehozásáról van szó, a WooCommerce a legjobb beépülő plugin . Azt…

2021. október 4

A ragadós fejléc és a görgetőeffektusok használata az Elementorral

A fejléc általában az első dolog, amit az ember meglát, amikor felkeresi a webhelyét,…

2021. szeptember 21