Sådan opretter du en fantastisk Astra-temahoved?

Overskrifter er afgørende for alt indhold på din webside, da de ikke kun tjener læsere, men også søgemaskiner. Bedøvelse og velskrevne overskrifter har potentiale til at tiltrække læsere til dit indlæg og øge klik. Overskrifterne kan variere fra H1 til H6, afhængigt af hierarkiet for dit indhold. Hovedtitlen på din side eller artikel er H1, mens H2 er underoverskrifterne, der danner sektioner i dine dokumenter. H3 til H6 -overskrifterne indeholder yderligere underoverskrifter i dit dokument under H2. Inden vi går videre til, hvordan Astra -temaet kan hjælpe dig med at oprette fantastiske overskrifter i dit indhold, lad os overveje betydningen af ​​overskrifter

Indholdsfortegnelse:

• Hvorfor er overskrifter vigtige for dine websider?
• 1. Emneidentifikation
• 2. Tilgængelighed
• 3. Søgemaskineoptimering
• 4. Gør sider scannbare
• 5. Brugervenlighed til mobile enheder
• Sådan opretter du en fantastisk overskrift med Astra-tema?
• Fordele og ulemper ved at bruge Astra-tema til overskrifter
• Afsluttende ord

Hvorfor er overskrifter vigtige for dine websider?

Derfor er du nødt til at sørge for at inkludere overskrifter i din tekst

1. Emneidentifikation

Overskrifter spiller en vigtig rolle for søgemaskinerne og læserne til at vælge de nøgleord, de leder efter i artiklen. Den primære overskrift i teksten hjælper med at identificere emnet for materiale, og underoverskrifterne navigerer læseren til deres interesseområde.

2. Tilgængelighed

Folk i dag bruger mest skærmlæsere til at gennemgå ethvert indhold. Overskrifter i ethvert indhold hentes let af skærmlæsere og er afgørende for effektiv brug af skærmlæsere. De giver også læserne mulighed for at hoppe fra den ene overskrift til den anden for at komme til det krævede emne.

3. Søgemaskineoptimering

Når overskrifter gør dit emne identificerbart, rangerer søgemaskiner din side for søgeforespørgsler. Jo mere du gør dine overskrifter godt udformet og fyldt med passende søgeord, jo mere vil søgemaskinerne øge din placering.

Her er en guide til brug af de gratis Astra-temafunktioner til at skabe fantastiske overskrifter til dine sider. Følg proceduren for at lave et overskrift efter eget valg.

4. Gør sider scannbare

Ved at bruge overskrifter gør du siderne så scannbare som muligt. Det er almindelig kendt, at ingen læser hele artiklen - især linje for linje. Derfor er det vigtigt for sider at have overskrifter. Ud af alle overskrifterne er den vigtigste overskrift den første overskrift, da den angiver tonen for hele indlægget eller siden.

Dernæst kommer underoverskriften, da den opdeler indholdet i bidder, der er bedre til forbrug. Ikke nok med det, artiklens struktur er vist af overskrifter og underoverskrifter. Kort sagt betyder det rigtige sæt headers, at du kan tiltrække publikum med dit engagerende indhold.

5. Brugervenlighed til mobile enheder

Med tiden bliver mobil mere dominerende end nogensinde. Det er uden tvivl, at websteder får mere trafik fra mobil end nogensinde før. Så hvis du sætter dit indhold rigtigt, er du nødt til at få seere fra både mobil og desktop.

Kort sagt, overskrifter optimerer websiden til ikke kun læsere, men også søgemaskinerne.

Sådan opretter du en fantastisk overskrift med Astra-tema?

Først og fremmest, for at få adgang til Astra Header Builder, skal du logge ind på dit WordPress-dashboard og fra venstre sidebjælke gå til Udseende > Astra-indstillinger > Header Builder som vist på billedet nedenfor:

Klik på det, og det tager dig til sektionen Header Builder i WordPress -tilpasning. Interfacet skal ligne det, vi har her:

Som du kan se, er headerbuilder opdelt i tre lodrette sektioner, den ene stablet oven på den anden. Du har det "primære overskrift" i midten med et "overskrift" øverst og "under overskriften" nederst.  

Hvert overskrift har sit eget sæt "header -indstillinger", som du kan få adgang til ved at klikke på tandhjulsikonet til venstre for overskriften.

Herfra kan du tilpasse overskriftshøjde, kantstørrelse, baggrund, polstring og margen.

Bemærk også, hvordan hvert overskrift er opdelt i tre sektioner. Du kan tilføje og fjerne overskriftselementer fra disse sektioner for at gøre dem mere funktionelle. På tidspunktet for skrivningen af ​​denne vejledning har du adgang til 12 overskriftselementer:

• Webstedets titel og logo
• Primær menu
• Knap 1
• Knap 2 (pro)
• Søg
• Konto
• HTML 1
• HTML 2
• Sekundær menu
• Social
• Widget 1
• Widget 2
• Widget 3 (pro)
• Widget 4 (pro)
• Vogn

Nu, for at tilføje et nyt Header -element, skal du holde musen over det afsnit og klikke på knappen "+". Dette vil vise en liste over tilgængelige elementer. Vælg den, du vil bruge, og den føjes til overskriftssektionen.

På samme måde skal du bare klikke på knappen "x" ved siden af ​​overskriftselementet for at fjerne et overskriftselement.

Du kan også flytte rundt i overskriftselementerne mellem overskriftssektioner ved blot at trække og slippe.

Alle de overskriftselementer, du har brugt, vises i menuen i venstre side, lige under fanen Generelt. Herunder finder du også muligheden for at ændre overskriftstypen. Gratis brugere får kun mulighed for "Transparent Headers". Men hvis du bruger Astra Pro, kan du aktivere "Sticky Headers".

Herfra kan du få adgang til de specifikke indstillinger for overskriftselementet.

Lige ved siden af ​​fanen Generelt har vi fanen Design. Herfra får du et par grundlæggende designmuligheder til at ændre overskriftens bredde og margen. Mere avancerede indstillinger er tilgængelige for Astra Pro -brugere.

Astra Header Builder giver dig også mulighed for at finjustere, hvordan webstedets overskrift vil se ud på forskellige skærmstørrelser som desktop, mobil eller tablet. For at vælge en anden skærmstørrelse og tilpasse den skal du bruge enhedsvælgeren i skærmens nederste venstre hjørne.

Som du kan se, får du på en mindre skærm et ekstra område kaldet "Off Canvas". Dette giver dig mulighed for at spare plads på overskriften og flytte nogle af de ting off-screen, som besøgende kan skifte, hvis og når det er nødvendigt.

Og det handler om vores hurtige guide til, hvordan du opretter et overskrift ved hjælp af Astra -temaet. Når du er færdig med at tilføje alle overskriftselementerne og foretage de nødvendige designændringer, skal du klikke på knappen Udgiv, og det er det.  

Dit nyoprettede Astra -header er nu i gang på dit WordPress -websted.

Astra Header Builder: En hurtig oversigt over tilgængelige muligheder

I ovenstående vejledning lavede vi et meget grundlæggende header ved hjælp af Astra Header Builder for at give dig en idé om, hvordan funktionen fungerer. Der er dog masser af værktøjer og muligheder i Astra Header Builder til at hjælpe dig med at oprette mere komplekse og fantastiske overskrifter.

Her er et hurtigt kig på de forskellige muligheder, du har til rådighed:

Primær overskrift

Standardhovedet i Astra er det primære header. Det viser et logo og også en navigationsmenu, der kan tilpasses med forskellige primære headerindstillinger i Astra.

Bare installer Astra og gå til Header-sektionen for at vælge den primære header-indstilling og komme til tilpasningen. Overskrift > Primær overskrift

Du kan bruge følgende tilpasningsindstillinger

Layout

Layoutindstillingerne administrerer placeringen af ​​logoet på din side. Der er tre forskellige positioner tilgængelige i Astra til logoet

Venstre logo

Logoet i denne indstilling flytter til venstre i navigationsmenuen. Det er en typisk stil at placere et logo på.

Højre logo

Logoet i denne indstilling bevæger sig til højre side af navigationsmenuen.

Centerlogo

Logoet i denne indstilling bevæger sig i midten over navigationsmenuen. Det er en god mulighed i tilfælde af en lang menu.

Bredde

Breddeindstillinger administrerer bredden på overskriften for teksten. Du kan tilpasse din headerbredde som

Fuld bredde

I indstillinger i fuld bredde strækkes dit header fra begge ender og passer til din browsersidestørrelse.

Indholdsbredde

I indstillinger for indholdsbredde justeres overskriften efter beholderbreddeindstillingen, og du kan indstille den ved at vælge følgende

Global> Container> Bredde

Grænse

Ved at vælge grænsen kan du tilføje en kant under dit overskrift og tilpasse dens farve og bredde.

Mobilhoved

Navigationsmenuen på lydhøre enheder ændres til en hamburger. Derfor viser den primære header på disse enheder kun hamburgermenuen og logoet. Du kan tilpasse layoutet af logoet vedrørende menuen i de responsive widgets.

Stak

I stabelindstillingen bevæger logoet sig over hamburger-menuen. At vælge stakken kan vise sig at være nyttig, hvis du har et stort logo.

Inline

I indbygget indstilling vil logoet og menuen være på linje med hinanden og kan være en god mulighed i tilfælde af et lille logo.

Farvetemaer

De primære overskrifter kan præsenteres i forskellige farver ved hjælp af Astra-temaet. De globale farver vil være tilgængelige gratis, men du skal bruge add-on plugin til Astra Pro for mere avancerede funktioner. For at bruge globale farver i Astra skal du gå under fanen Udseende, vælge tilpas, derefter global og endelig vælge indstillingen farver. Udseende> Tilpas> Globalt> Farver

Typografi

Typografiindstillingerne for siden eller webstedet gælder automatisk for det primære overskrift med Astra Theme. Du kan vælge og tilpasse typografiindstillinger ved at gå til fanen Udseende under global.  

Udseende> Tilpas> Global> Typografi

Gennemsigtig overskrift

Gennemsigtige overskrifter er en nem måde at skabe smukke og attraktive overskrifter til din side. Baggrunden for den primære header bliver indstillet til gennemsigtig og trækker indholdet af siden til toppen. Indholdet af siden og det primære header samles, hvilket betyder, at den øverste del af indholdet bliver en baggrund af den gennemsigtige header. Hvis billedet f.eks. Er i det øverste afsnit af siden, vil det gå op for at blive en baggrund for den gennemsigtige header.

Sådan tilføjes en gennemsigtig overskrift?

Den gennemsigtige overskrift formuleres i to hurtige trin for at gøre din side attraktiv 

Trin 1

Du kan finde muligheden for gennemsigtig overskrift under tilpasseren og derefter kan redigere den

Udseende> Tilpas> Header> Transparent Header

Trin 2

Under de transparente overskriftsindstillinger kan du aktivere det for hele webstedet, vælge grænsen i bunden, farveskemaer og logoets layout

Aktivering på et komplet websted

Hvis du vil have de gennemsigtige headerindstillinger for hele websitet, kan du aktivere denne indstilling ved at markere afkrydsningsfeltet. Hvis du markerer afkrydsningsfeltet, er der stadig nogle udelukkelsesregler, som du kan aktivere for specifikke indlæg eller sider. Du kan deaktivere den gennemsigtige headerindstilling for de følgende sider

Deaktiver på Arkiver, Søg og på 404

Den gennemsigtige headerindstilling kan deaktiveres på disse specielle sider ved at markere afkrydsningsfeltet.

Deaktiver på Blog Indeksside

Forsiden af ​​din blog bliver blogindekssiden, hvis du ændrer indstillingerne fra din startside. For at oprette en blogindeksside kan du gå til indstillinger for startsiden og under fanen "Dit startside-display" vælge "Dine seneste indlæg."

Din startside Display> Dine seneste indlæg

Hvis du vil deaktivere indstillingerne for det transparente overskrift på denne blogindeksside, kan du markere afkrydsningsfeltet for dette.

Deaktiver på sider

Hvis du vil deaktivere den gennemsigtige header's mulighed på alle sider, skal du markere afkrydsningsfeltet.

Deaktiver i indlæg

Hvis du vil deaktivere den gennemsigtige header's mulighed for alle indlæg, skal du markere afkrydsningsfeltet.

Farver og baggrund

Du kan tilpasse baggrund og farveindstillinger på din gennemsigtige sidehoved med følgende tilgængelige indstillinger

• Baggrund
• Webstitstitel
• Menu
• Undermenu
• Indhold

Fordele og ulemper ved at bruge Astra-tema til overskrifter

Fordele

• Mulighed for den gennemsigtige header er tilgængelig
• Overskrifterne med både fuld bredde og indholdsbredde er tilgængelige 
• Tilpasning af farve og typografi er tilgængelig

Ulemper

• Indstilling for klistret overskrift er ikke tilgængelig
• Avancerede farvefunktioner er ikke tilgængelige

Afsluttende ord

Astra er et af de bedste temaer derude. Og hvis du bruger det, er du på den rigtige vej til at vedligeholde dit websted.

Det gratis tema for Astra giver dig mulighed for at designe smukke og attraktive overskrifter til din webside. Muligheden og tilpasningen af ​​en Transparent header er også tilgængelig, hvilket kan forbedre seerens oplevelse. Samlet set giver en masse valg af headertilpasning i Astra-temaet dig mulighed for at skabe en fantastisk header.