Hvordan lage en fantastisk Astra-temahode?

Overskrifter er avgjørende for alt innhold på nettsiden din, ettersom de tjener ikke bare lesere, men også søkemotorer. Fantastiske og velskrevne overskrifter har potensial til å tiltrekke lesere til innlegget ditt og øke klikkene. Overskriftene kan variere fra H1 til H6, avhengig av hierarkiet i innholdet ditt. Hovedtittelen på siden eller artikkelen din er H1, mens H2 er underoverskriftene som lager seksjoner i dokumentene dine. H3 til H6 -overskriftene gir ytterligere underoverskrifter i dokumentet ditt under H2. Før vi går videre til hvordan Astra -temaet kan hjelpe deg med å lage fantastiske overskrifter i innholdet ditt, la oss vurdere viktigheten av overskrifter

Innholdsfortegnelse:

• Hvorfor er topptekster viktige for websidene dine?
• 1. Temaidentifikasjon
• 2. Tilgjengelighet
• 3. Søkemotoroptimalisering
• 4. Gjør sider skannbare
• 5. Brukervennlighet for mobile enheter
• Hvordan lage en fantastisk topptekst med Astra-tema?
• Fordeler og ulemper med å bruke Astra-tema for overskrifter
• Avsluttende ord

Hvorfor er topptekster viktige for websidene dine?

Dette er grunnen til at du må sørge for å inkludere overskrifter i teksten

1. Temaidentifikasjon

Topptekster spiller en viktig rolle for søkemotorene og leserne å velge nøkkelordene de leter etter i artikkelen. Den primære overskriften i teksten er med på å identifisere stoffets emne, og underoverskriftene navigerer leseren til deres interesseområde.

2. Tilgjengelighet

Folk i dag bruker stort sett skjermlesere for å gå gjennom noe innhold. Overskrifter i hvilket som helst innhold blir enkelt plukket opp av skjermlesere og er avgjørende for effektiv bruk av skjermlesere. De lar også leserne hoppe fra en overskrift til en annen for å komme til ønsket emne.

3. Søkemotoroptimalisering

Når overskrifter gjør emnet ditt identifiserbart, rangerer søkemotorer siden din etter søk. Jo mer du gjør overskriftene godt utformet og fylt med passende nøkkelord, jo mer vil søkemotorene øke rangeringen.

Her er en guide om bruk av gratis Astra-temafunksjoner for å lage fantastiske overskrifter for sidene dine. Følg prosedyren for å lage en topptekst etter eget valg.

4. Gjør sider skannbare

Ved å bruke overskrifter gjør du sidene så skannbare som mulig. Det er kjent at ingen leser hele artikkelen - spesielt linje for linje. Derfor er det viktig at sider har overskrifter. Av alle overskriftene er den viktigste overskriften den første overskriften da den setter tonen for hele innlegget eller siden.

Deretter kommer underoverskriften da den deler innholdet i biter som er bedre for forbruk. Ikke bare det, strukturen i artikkelen vises av overskriftene og underoverskriftene. Kort sagt betyr det riktige settet med overskrifter at du kan tiltrekke deg publikum med ditt engasjerende innhold.

5. Brukervennlighet for mobile enheter

Med tiden blir mobil mer dominerende enn noensinne. Det er ingen tvil om at nettsteder vil få mer trafikk fra mobil enn noen gang før. Så hvis du retter innholdet ditt, er du nødt til å få seere fra både mobil og stasjonær PC.

Kort sagt, topptekstene optimaliserer nettsiden for ikke bare lesere, men også søkemotorer.

Hvordan lage en fantastisk topptekst med Astra-tema?

Første ting først, for å få tilgang til Astra Header Builder, logg inn på WordPress-dashbordet, og fra venstre sidefelt, gå til Utseende > Astra-alternativer > Header Builder som vist i bildet nedenfor:

Klikk på den, og det tar deg til Header Builder -delen i WordPress -tilpasningen. Grensesnittet skal se ut som det vi har her:

Som du kan se, er headerbyggeren delt inn i tre vertikale seksjoner, en stablet oppå en annen. Du har den "primære overskriften" i midten med en "overskrift" øverst og "under overskriften" nederst.  

Hver topptekst har sitt eget sett med “topptekstinnstillinger”, som du får tilgang til ved å klikke på tannhjulikonet til venstre for toppteksten.

Herfra kan du tilpasse topphøyde, kantstørrelse, bakgrunn, polstring og margin.

Legg også merke til hvordan hvert topptekst er delt inn i tre seksjoner. Du kan legge til og fjerne overskriftselementer fra disse seksjonene for å gjøre dem mer funksjonelle. Når du skriver denne opplæringen, har du tilgang til 12 overskriftselementer:

• Nettstedets tittel og logo
• Hovedmeny
• Knapp 1
• Knapp 2 (pro)
• Søk
• Regnskap
• HTML 1
• HTML 2
• Sekundærmeny
• Sosial
• Widget 1
• Widget 2
• Widget 3 (pro)
• Widget 4 (pro)
• Handlevogn

For å legge til et nytt topptekstelement, hold musen over den delen og klikk på "+" - knappen. Dette vil vise en liste over tilgjengelige elementer. Velg den du vil bruke, så blir den lagt til i overskriftsseksjonen.

På samme måte klikker du bare på "x" -knappen ved siden av topptekselementet for å fjerne et topptekselement.

Du kan også flytte rundt i topptekstelementene mellom overskriftsseksjoner ved å dra og slippe det.

Alle topptekstelementene du har brukt, vises i menyen på venstre side, under kategorien Generelt. Under her finner du også muligheten til å endre overskriftstype. Gratis brukere får bare muligheten til "Transparent Headers." Men hvis du bruker Astra Pro, kan du aktivere "Sticky Headers".

Herfra kan du få tilgang til de spesifikke innstillingene for topptekstelementet.

Rett ved siden av kategorien Generelt har vi kategorien Design. Herfra får du noen grunnleggende designalternativer for å endre bredden og margen på toppteksten. Mer avanserte innstillinger er tilgjengelige for Astra Pro -brukere.

Astra Header Builder lar deg også finjustere hvordan sidehodet vil se ut på forskjellige skjermstørrelser som skrivebord, mobil eller nettbrett. For å velge en annen skjermstørrelse og tilpasse den, bruk enhetsvelgeren nederst til venstre på skjermen.

Som du kan se, får du på et mindre skjermbilde et ekstra område kalt "Off Canvas." Dette lar deg spare plass på toppteksten og flytte noen av tingene utenfor skjermen som besøkende kan bytte hvis og når det er nødvendig.

Og det handler om vår korte guide til hvordan du lager en topptekst ved hjelp av Astra -temaet. Når du er ferdig med å legge til alle overskriftselementene og gjøre de nødvendige designendringene, klikker du på publiseringsknappen, og det er det.  

Din nyopprettede Astra -topptekst er nå i gang på WordPress -nettstedet ditt.

Astra Header Builder: En rask oversikt over tilgjengelige alternativer

I opplæringen ovenfor opprettet vi en helt grunnleggende topptekst ved hjelp av Astra Header Builder for å gi deg en ide om hvordan funksjonen fungerer. Imidlertid er det tonnevis med verktøy og alternativer i Astra Header Builder for å hjelpe deg med å lage mer komplekse og fantastiske overskrifter.

Her er en rask titt på de forskjellige alternativene du har til rådighet:

Primær topptekst

Standardoverskriften i Astra er den primære overskriften. Det vil vise en logo og også en navigasjonsmeny som kan tilpasses med forskjellige primære headerinnstillinger i Astra.

Bare installer Astra og gå til Header-delen for å velge det primære overskriftsalternativet og gå til tilpasningen. Overskrift > Primær overskrift

Du kan bruke følgende tilpasningsinnstillinger

Oppsett

Oppsettinnstillingene vil administrere plasseringen av logoen for siden din. Det er tre forskjellige stillinger tilgjengelig i Astra for logoen

Venstre logo

Logoen i denne innstillingen beveger seg til venstre i navigeringsmenyen. Det er en typisk stil for posisjonering av en logo.

Rett logo

Logoen i denne innstillingen beveger seg til høyre side av navigasjonsmenyen.

Center Logo

Logoen i denne innstillingen beveger seg i midten over navigasjonsmenyen. Det er et godt alternativ når det gjelder en lang meny.

Bredde

Breddeinnstillinger administrerer bredden på overskriften for teksten. Du kan tilpasse topptekstbredden din som

Full bredde

I innstillinger i full bredde vil overskriften bli strukket fra begge ender og passe til nettleserens sidestørrelse.

Innholdsbredde

I innstillinger for innholdsbredde justeres toppteksten i henhold til beholderbredde som er satt, og du kan stille den ved å velge følgende

Global> Beholder> Bredde

Grense

Ved å velge grensen kan du legge til en ramme under overskriften og tilpasse fargen og bredden.

Mobiloverskrift

Navigeringsmenyen, på responsive enheter, endres til en hamburger. Derfor vil den primære overskriften på disse enhetene bare vise hamburgermenyen og logoen. Du kan tilpasse utformingen av logoen angående menyen i de responsive widgetene.

Stable

I bunkealternativet vil logoen bevege seg over hamburgermenyen. Å velge bunken kan være nyttig hvis du har en stor logo.

På linje

I det innebygde alternativet vil logoen og menyen være i tråd med hverandre og kan være et godt alternativ når det gjelder en liten logo.

Fargetemaer

De primære overskriftene kan presenteres i forskjellige farger ved hjelp av Astra-temaet. De globale farger vil være tilgjengelig for gratis, men du må bruke addon plugin for Astra Pro for mer avanserte funksjoner. For å bruke globale farger i Astra, må du gå under kategorien Utseende, velge tilpasse, deretter global og til slutt velge fargevalg. Utseende> Tilpass> Globalt> Farger

typografi

Typografiinnstillingene for siden eller nettstedet gjelder automatisk for hovedhodet med Astra Theme. Du kan velge og tilpasse typografiinnstillinger ved å gå til kategorien Utseende under global.  

Utseende> Tilpass> Global> Typografi

Gjennomsiktig topptekst

Gjennomsiktige overskrifter er en enkel måte å lage vakre og attraktive overskrifter på siden din. Bakgrunnen til den primære overskriften blir satt til gjennomsiktig og vil trekke innholdet på siden til toppen. Innholdet på siden og den primære overskriften vil slå seg sammen, noe som betyr at den øverste delen av innholdet blir en bakgrunn av den gjennomsiktige overskriften. Hvis bildet for eksempel er øverst på siden, vil det gå opp for å bli en bakgrunn for den gjennomsiktige overskriften.

Hvordan legge til en gjennomsiktig topptekst?

Den gjennomsiktige overskriften formuleres i to raske trinn for å gjøre siden din attraktiv 

Trinn 1

Du kan finne alternativet med gjennomsiktig topptekst under tilpasseren og deretter redigere det

Utseende> Tilpass> Topptekst> Gjennomsiktig topptekst

Steg 2

Under de gjennomsiktige overskriftsalternativene kan du aktivere den for hele nettstedet, velge grensen nederst, fargevalg og logooppsettet

Aktivering på et komplett nettsted

Hvis du vil ha gjennomsiktige headerinnstillinger for hele nettstedet, kan du aktivere dette alternativet ved å merke av i avmerkingsruten. Hvis du merker av i avmerkingsboksen, er det fortsatt noen eksklusjonsregler som du kan aktivere for bestemte innlegg eller sider. Du kan deaktivere det gjennomsiktige topptekstalternativet for de følgende sidene

Deaktiver på arkiver, søk og på 404

Innstillingen for gjennomsiktig tittel kan deaktiveres på disse spesialsidene ved å merke av i avmerkingsruten.

Deaktiver på Bloggs indeksside

Forsiden av bloggen din blir bloggens indeksside hvis du endrer innstillingene fra hjemmesiden din. For å lage en bloggindeksside, kan du gå til innstillinger for hjemmesiden og under fanen "Hjemmesiden-skjermen", velge "De siste innleggene dine."

Hjemmesiden din Vis> Dine siste innlegg

Hvis du vil deaktivere innstillingene for den gjennomsiktige overskriften på denne bloggindekssiden, kan du merke av for dette.

Deaktiver på sider

Hvis du vil deaktivere det gjennomsiktige topptekstalternativet på alle sidene, merker du av for avkrysningsruten.

Deaktiver på innlegg

Hvis du vil deaktivere det gjennomsiktige topptekstalternativet på alle innleggene, merker du av for avkrysningsruten.

Farger og bakgrunn

Du kan tilpasse bakgrunns- og fargeinnstillingene til den gjennomsiktige overskriften med følgende tilgjengelige alternativer

• Bakgrunn
• Side tittel
• Meny
• undermeny
• Innhold

Fordeler og ulemper med å bruke Astra-tema for overskrifter

Pros

• Mulighet for den gjennomsiktige overskriften er tilgjengelig
• Topptekstene med både full bredde og innholdsbredde er tilgjengelige 
• Tilpasning av farger og typografi er tilgjengelig

Ulemper

• Alternativ for klebrig topptekst er ikke tilgjengelig
• Avanserte fargefunksjoner er ikke tilgjengelige

Avsluttende ord

Astra er et av de beste temaene der ute. Og hvis du bruker den, er du på rett vei for å vedlikeholde nettstedet ditt.

Det gratis temaet til Astra lar deg designe vakre og attraktive overskrifter for nettsiden din. Alternativet og tilpasningen av en Transparent header er også tilgjengelig, noe som kan forbedre seerens opplevelse. Totalt sett lar mange overskriftstilpasningsvalg i Astra-temaet deg lage en fantastisk overskrift.