Hvordan lage en fantastisk Astra Theme Header?

Overskrifter er avgjørende for alt innhold på nettsiden din, siden de ikke bare tjener lesere, men også søkemotorer. Fantastiske og velskrevne overskrifter har potensial til å tiltrekke lesere til innlegget ditt og øke antall klikk. Overskriftene kan variere fra H1 til H6, avhengig av hierarkiet til 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 du 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 overskrifter viktige for nettsidene dine?
• 1. Emneidentifikasjon
• 2. Tilgjengelighet
• 3. Søkemotoroptimalisering
• 4. Gjør sider skanbare
• 5. Brukervennlighet for mobile enheter
• Hvordan lage en fantastisk header med Astra-tema?
• Fordeler og ulemper med å bruke Astra-tema for overskrifter
• Siste ord

Hvorfor er overskrifter viktige for nettsidene dine?

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

1. Emneidentifikasjon

Overskrifter spiller en viktig rolle for søkemotorene og leserne for å velge søkeordene de leter etter i artikkelen. Den primære overskriften i teksten hjelper til med å identifisere emnet for stoffet, og underoverskriftene navigerer leseren til sitt interesseområde.

2. Tilgjengelighet

Folk i dag bruker stort sett skjermlesere for å gå gjennom alt innhold. Overskrifter i ethvert innhold plukkes enkelt 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 det nødvendige emnet.

3. Søkemotoroptimalisering

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

Her er en veiledning for hvordan du bruker de gratis Astra-temafunksjonene for å lage fantastiske overskrifter for sidene dine. Følg fremgangsmåten for å lage en overskrift etter eget valg.

4. Gjør sider skanbare

Ved å bruke overskrifter gjør du sidene så skannbare som mulig. Det er allment 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 konsum. Ikke bare det, strukturen til 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 noen gang. Det er ingen tvil om at nettsteder vil få mer trafikk fra mobil enn noen gang før. Så hvis du legger innholdet ditt riktig, vil du garantert få seere fra mobil så vel som desktop.

Kort sagt, overskrifter optimaliserer nettsiden for ikke bare lesere, men også søkemotorene.

Hvordan lage en fantastisk header 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 den tar deg til Header Builder-delen i WordPress-tilpasseren. Grensesnittet skal se ut som det vi har her:

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

Hver overskrift har sitt eget sett med "overskriftsinnstillinger", som du får tilgang til ved å klikke på tannhjulikonet til venstre for overskriften.

Herfra kan du tilpasse toppteksthøyde, kantstørrelse, bakgrunn, utfylling og marg.

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

• Nettstedets tittel og logo
• Primær meny
• Knapp 1
• Knapp 2 (proff)
• Søk
• Konto
• HTML 1
• HTML 2
• Sekundærmeny
• Sosial
• Widget 1
• Widget 2
• Widget 3 (proff)
• Widget 4 (proff)
• Handlevogn

Nå, for å legge til et nytt overskriftselement, hold musen over den delen og klikk på "+"-knappen. Dette vil få opp en liste over tilgjengelige elementer. Velg den du vil bruke, og den blir lagt til i overskriftsdelen.

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

Du kan også flytte rundt på overskriftselementene mellom overskriftsseksjoner ved å dra og slippe.

Alle overskriftselementene du har brukt vil vises i menyen til venstre, rett under fanen Generelt. Under her finner du også muligheten til å endre overskriftstype. Gratis brukere får bare muligheten for "Transparente overskrifter." Imidlertid, hvis du bruker Astra Pro, kan du aktivere "Sticky Headers."

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

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

Astra Header Builder lar deg også finjustere hvordan sideoverskriften 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, på en mindre skjerm, får du et ekstra område kalt "Off Canvas." Dette lar deg spare plass på overskriften og flytte noen av tingene utenfor skjermen som besøkende kan bytte om og når det er nødvendig.

Og det avslutter vår hurtigveiledning om hvordan du lager en overskrift med Astra-temaet. Når du er ferdig med å legge til alle Header-elementene og gjøre de nødvendige designendringene, klikker du på publiser-knappen, og det er det. 

Din nyopprettede Astra-header er nå oppe og kjører på WordPress-nettstedet ditt.

Astra Header Builder: En rask oversikt over tilgjengelige alternativer

I opplæringen ovenfor har vi laget en veldig grunnleggende header ved å bruke Astra Header Builder for å gi deg en ide om hvordan funksjonen fungerer. Imidlertid er det tonnevis av verktøy og alternativer i Astra Header Builder for å hjelpe deg med å lage mer komplekse og imponerende overskrifter.

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

Primær overskrift

Standardoverskriften i Astra er den primære overskriften. Den vil vise en logo og også en navigasjonsmeny som kan tilpasses med ulike primære topptekstinnstillinger 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

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

Venstre logo

Logoen i denne innstillingen flyttes til venstre side av navigasjonsmenyen. Det er en typisk stil for å plassere en logo.

Høyre logo

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

Senterlogo

Logoen i denne innstillingen flyttes i midten over navigasjonsmenyen. Det er et godt alternativ i tilfelle av en lang meny.

Bredde

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

Full bredde

I innstillinger for full bredde vil overskriften strekkes fra begge ender og passe til nettleserens sidestørrelse.

Innholdsbredde

I innstillingene for innholdsbredde justeres overskriften i henhold til beholderbredden, og du kan angi den ved å velge følgende

Global > Container > Bredde

Grense

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

Mobile Header

Navigasjonsmenyen, 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 stabelalternativet vil logoen flytte seg over hamburgermenyen. Å velge stabelen kan være nyttig hvis du har en stor logo.

Inline

I inline-alternativet vil logo og meny være på linje med hverandre og kan være et godt alternativ ved en liten logo.

Fargetemaer

De primære overskriftene kan presenteres i forskjellige farger ved å bruke Astra-temaet. De globale fargene vil være tilgjengelige gratis, men du må bruke plugin til Astra Pro for mer avanserte funksjoner. For å bruke globale farger i Astra, må du gå under Utseende-fanen, velg tilpasse, deretter global, og til slutt velge fargealternativet. Utseende > Tilpass > Global > Farger

Typografi

Typografiinnstillingene for siden eller nettstedet gjelder automatisk for den primære overskriften med Astra-tema. Du kan velge og tilpasse typografiinnstillinger ved å gå til Utseende-fanen under globalt. 

Utseende > Tilpass > Global > Typografi

Gjennomsiktig overskrift

Gjennomsiktige overskrifter er en enkel måte å lage vakre og attraktive overskrifter for 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 smelte sammen, noe som betyr at den øverste delen av innholdet blir bakgrunnen til den gjennomsiktige overskriften. For eksempel, hvis bildet er på den øverste delen av siden, vil det gå opp for å bli en bakgrunn for den gjennomsiktige overskriften.

Hvordan legge til en gjennomsiktig overskrift?

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

Trinn 1

Du kan finne alternativet for gjennomsiktig overskrift under tilpasningen og deretter redigere den

Utseende > Tilpass > Overskrift > Gjennomsiktig overskrift

Trinn 2

Under de gjennomsiktige overskriftsalternativene kan du aktivere det for hele nettstedet, velge rammen nederst, fargeskjemaer og logooppsettet

Aktivering på komplett nettsted

Hvis du vil ha de gjennomsiktige overskriftsinnstillingene for hele nettstedet, kan du aktivere dette alternativet ved å merke av i boksen. Hvis du merker av i boksen, er det fortsatt noen ekskluderingsregler du kan aktivere for spesifikke innlegg eller sider. Du kan deaktivere det gjennomsiktige overskriftsalternativet for de følgende sidene

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

Innstillingen for gjennomsiktig overskrift kan deaktiveres på disse spesialsidene ved å merke av i boksen.

Deaktiver på bloggindekssiden

Forsiden til bloggen din blir bloggindekssiden hvis du endrer innstillingene fra hjemmesiden din. For å lage en bloggindeksside kan du gå til startsideinnstillinger og under fanen "Din hjemmesidevisning" velge "Dine siste innlegg."

Din startsidevisning > Dine siste innlegg

Hvis du ønsker å deaktivere innstillingene for den gjennomsiktige overskriften på denne bloggindekssiden, kan du krysse av for dette.

Deaktiver på sider

Hvis du vil deaktivere alternativet for den gjennomsiktige overskriften på alle sidene, merker du av i boksen.

Deaktiver på innlegg

Hvis du vil deaktivere alternativet for den gjennomsiktige overskriften på alle innleggene, merk av i boksen.

Farger og bakgrunn

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

• Bakgrunn
• Nettstedets tittel
• Meny
• Undermeny
• Innhold

Fordeler og ulemper med å bruke Astra-tema for overskrifter

Fordeler

• Mulighet for den gjennomsiktige overskriften er tilgjengelig
• Overskriftene for både full bredde og innholdsbredde er tilgjengelige
• Farge- og typografitilpasning er tilgjengelig

Ulemper

• Alternativet Sticky header er ikke tilgjengelig
• Avanserte fargefunksjoner er ikke tilgjengelige

Siste ord

Astra er et av de beste temaene som finnes. Og hvis du bruker det, 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.