Hvordan laver man en fantastisk Astra-tema-header?

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

Indholdsfortegnelse:

• Hvorfor er overskrifter vigtige for dine websider?
• 1. Emneidentifikation
• 2. Tilgængelighed
• 3. Søgemaskineoptimering
• 4. Gør sider scanbare
• 5. Brugbarhed af mobile enheder
• Hvordan laver man en fantastisk header med Astra-tema?
• Fordele og ulemper ved at bruge Astra-tema til overskrifter
• Afsluttende ord

Hvorfor er overskrifter vigtige for dine websider?

Her er grunden til, at du skal sørge for at inkludere overskrifter i din tekst

1. Emneidentifikation

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

2. Tilgængelighed

Folk i dag bruger for det meste skærmlæsere til at gennemgå ethvert indhold. Overskrifter i ethvert indhold opfanges nemt 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 en overskrift til en 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 laver dine overskrifter velformulerede og fyldt med passende søgeord, jo mere vil søgemaskinerne øge din placering.

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

4. Gør sider scanbare

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

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

5. Brugbarhed af mobile enheder

Med tiden bliver mobilen mere dominerende end nogensinde før. Der er ingen tvivl om, at websteder vil få mere trafik fra mobilen end nogensinde før. Så hvis du sætter dit indhold rigtigt, er du bundet til at få seere fra mobil såvel som desktop.

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

Hvordan laver man en fantastisk header 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 vil tage dig til Header Builder-sektionen i WordPress-tilpasningen. Grænsefladen skal ligne det, vi har her:

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

Hver sidehoved har sit eget sæt "headerindstillinger", som du kan få adgang til ved at klikke på tandhjulsikonet til venstre for overskriften.

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

Læg også mærke til, hvordan hver 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 skrivning af denne tutorial har du adgang til 12 header-elementer:

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

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

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

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

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

Herfra kan du få adgang til de specifikke indstillinger for header-elementet.

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

Astra Header Builder giver dig også mulighed for at finjustere, hvordan sidehovedet 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 tingene væk fra skærmen, som besøgende kan skifte, hvis og når det er nødvendigt.

Og det omkring afslutter vores hurtige guide til, hvordan man opretter en header ved hjælp af Astra-temaet. Når du er færdig med at tilføje alle Header-elementerne og foretage de nødvendige designændringer, skal du klikke på udgiv-knappen, og det er det. 

Din nyoprettede Astra-header er nu oppe og køre på dit WordPress-websted.

Astra Header Builder: Et hurtigt overblik over tilgængelige muligheder

I ovenstående vejledning oprettede vi en meget grundlæggende header ved hjælp af Astra Header Builder for at give dig en idé om, hvordan funktionen fungerer. Der er dog tonsvis af værktøjer og muligheder i Astra Header Builder til at hjælpe dig med at skabe mere komplekse og forbløffende headers.

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

Primær overskrift

Standardheaderen i Astra er den primære header. Det vil vise et logo og også en navigationsmenu, der kan tilpasses med forskellige primære header-indstillinger 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 gøre brug af følgende tilpasningsindstillinger

Layout

Layoutindstillingerne styrer placeringen af ​​logoet for din side. Der er tre forskellige positioner tilgængelige i Astra til logoet

Venstre logo

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

Højre logo

Logoet i denne indstilling flyttes til højre side af navigationsmenuen.

Center logo

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

Bredde

Breddeindstillinger styrer bredden af ​​overskriften for teksten. Du kan tilpasse din sidehovedbredde som

Fuld bredde

I indstillinger for fuld bredde vil din sidehoved blive strakt fra begge ender og passe til din browsersidestørrelse.

Indholdsbredde

I indstillinger for indholdsbredde justeres overskriften i henhold til containerbredden, og du kan indstille den ved at vælge følgende

Globalt > Container > Bredde

Grænse

Ved at vælge rammen kan du tilføje en ramme under din overskrift og tilpasse dens farve og bredde.

Mobil header

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

Stak

I stablemuligheden vil logoet flytte sig over hamburgermenuen. At vælge stakken kan vise sig nyttigt, hvis du har et stort logo.

Inline

I inline-muligheden vil logo og menu være på linje med hinanden og kan være en god mulighed, hvis der er tale om et lille logo.

Farve temaer

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 addon- plugin til Astra Pro for at få mere avancerede funktioner. For at bruge globale farver i Astra skal du gå under fanen Udseende, vælge tilpas, derefter global og til sidst vælge farveindstillingen. Udseende > Tilpas > Global > Farver

Typografi

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

Udseende > Tilpas > Global > Typografi

Gennemsigtig overskrift

Gennemsigtige headers er en nem måde at skabe smukke og attraktive headers til din side. Baggrunden for den primære sidehoved indstilles til gennemsigtig og trækker indholdet på siden til toppen. Indholdet af siden og den primære header vil smelte sammen, hvilket betyder, at den øverste del af indholdet bliver en baggrund for den gennemsigtige header. For eksempel, hvis billedet er i den øverste del af siden, vil det gå op for at blive en baggrund for den gennemsigtige sidehoved.

Hvordan tilføjer man en gennemsigtig header?

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

Trin 1

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

Udseende > Tilpas > Overskrift > Gennemsigtig overskrift

Trin 2

Under de gennemsigtige overskriftsindstillinger kan du aktivere det for hele webstedet, vælge rammen nederst, farveskemaer og logolayoutet

Aktivering på komplet websted

Hvis du ønsker de gennemsigtige headerindstillinger for hele webstedet, kan du aktivere denne mulighed ved at markere afkrydsningsfeltet. Hvis du markerer afkrydsningsfeltet, er der stadig nogle ekskluderingsregler, som du kan aktivere for specifikke indlæg eller sider. Du kan deaktivere den gennemsigtige sidehovedindstilling for de følgende sider

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

Indstillingen for gennemsigtig overskrift kan deaktiveres på disse specielle sider ved at markere afkrydsningsfeltet.

Deaktiver på blogindekssiden

Forsiden af ​​din blog bliver blogindekssiden, hvis du ændrer indstillingerne fra din startside. For at lave en blogindeksside kan du gå til startsideindstillinger og under fanen "Din startsidevisning" vælge "Dine seneste indlæg."

Din startsidevisning > Dine seneste indlæg

Hvis du vil deaktivere indstillingerne for den gennemsigtige header på denne blogindeksside, kan du markere afkrydsningsfeltet for dette.

Deaktiver på Pages

Hvis du vil deaktivere den gennemsigtige overskrifts mulighed på alle siderne, skal du markere afkrydsningsfeltet.

Deaktiver på indlæg

Hvis du vil deaktivere den gennemsigtige overskrifts mulighed på alle indlæg, skal du markere afkrydsningsfeltet.

Farver og baggrund

Du kan tilpasse baggrunds- og farveindstillingerne for din gennemsigtige sidehoved med følgende tilgængelige muligheder

• Baggrund
• Webstedets titel
• Menu
• Undermenu
• Tilfreds

Fordele og ulemper ved at bruge Astra-tema til overskrifter

Fordele

• Mulighed for den gennemsigtige header er tilgængelig
• Overskrifterne for både fuld bredde og indholdsbredde er tilgængelige
• Farve- og typografitilpasning er tilgængelig

Ulemper

• Mulighed for klæbende 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, så er du på rette 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.