Astra Pro: Konfigurer en fantastisk header

Overskrifter er en væsentlig del af enhver artikel, blog eller hjemmeside. Læsere navigerer gennem materialet, og kunder klikker på din hjemmeside, kun hvis de er interesserede i overskriften. Overskrifter kan derfor gøre eller ødelægge din online autoritet. Her er nogle fantastiske fordele, du kan få ud af et attraktivt header

Hvordan kan en fantastisk header gavne din blog/hjemmeside?

Attraktive headere kan tjene dig ved

1- Gør din side scanbar

Overskrifter på din side vil give læserne en idé om indholdet. De kan hurtigt scanne igennem og komme til den del, der interesserer dem, i stedet for ikke at læse den helt.

2- Forøgelse af SEO-rangeringen

Søgemaskiner elsker overskrifterne fyldt med de rigtige søgeord. En veludformet header er den bedste måde at øge dine SEO-placeringer og til gengæld dine potentielle kundeemner, klik og salg.

3- Navigering i stemmesøgning

Efterhånden som den seneste tendens til stemmesøgning tager fart, er overskrifter blevet et værdifuldt værktøj til at navigere i information. Når nogen bruger en stemmesøgning til at finde information, opfanger søgemaskinerne ordene og viser resultater med matchende overskrifter.

Her er en trin-for-trin guide til, hvordan du kan konfigurere en fantastisk header med Astra Pro-temaet. Følg proceduren for at lave en header efter eget valg på ingen tid

Sådan konfigureres en header med Astra Pro?

Du kan oprette en sidehoved med Astra Pro, inklusive et baggrundsbillede, i forskellige farver og brødkrummer. Du kan også vælge at designe en sideheader i henhold til egnetheden af ​​din sideheader. Før du bruger disse funktioner, skal du sørge for at have Astra Pro- Plugin installeret på WordPress-webstedet.

Sådan installeres Astra Pro?

Følg de enkle trin nævnt nedenfor for at installere Astra Pro- plugin på din WordPress

Installer Astra-temaet

  • Log ind på Store of Brainstorm Force
  • Naviger til konti, og klik derefter på Downloads (Konti > Downloads)
  • Vælg muligheden for Astra Pro Plugin for at få en zip-fil installeret på computeren
  • Installer zip-filen på WordPress-webstedet, og aktiver Astra Pro plugin
  • Tilføj Addon Astra Pro-licensen

Konfiguration af sidehoveder med sidehovedmodul

Ved at bruge modulet f Page Headers i Astra Pro-temaet kan du konfigurere headers i enhver stil og design efter eget valg. Følg nedenstående trin for at gøre det

Trin 1

Efter installation af Astra Pro, Åbn dit WordPress-dashboard og naviger til muligheden for Udseende. Aktiver modulet under "Astra-indstillinger".

WordPress Dashboard > Udseende > Astra-indstillinger

Trin 2

For at oprette sidehovederne skal du besøge området "Sideoverskrifter" i Astra-indstillinger som dette

 Udseende > Astra-indstillinger > Sideoverskrifter

Trin 3

Efter aktiveringen fra sidehovedmodulet skal du vælge Indstillinger for at begynde at designe

Trin 4

Under indstillingerne kan du se muligheden for "Sideoverskrifter" på fanen Udseende. Derfra kan du lave en ny header med det navn, du ønsker. Dernæst kan du tilpasse det yderligere med de forskellige tilgængelige muligheder for sidehoved, visningsregler og sidehoved. Vælg og prøv indstillinger efter eget valg, og lav en perfekt header.

Tilpasningsmuligheder for sidehoveder i Astra Pro

Astra Pro tilbyder tilpasningsmulighederne i følgende domæner til design af sidehoveder

Layout

Hvis du opretter en sidehoved med en sidebygger, kan du lave din sidehoved

Stick: Det dikterer, om din header bliver klistret eller ej

Stick On: Det får din header til at klæbe på mobilen/skrivebordet

Formindsk: Hvis du sætter din overskrift øverst på siden, vil denne mulighed afgøre, om den skal krympe eller ej. Krympeeffekt fjerner det nederste og øverste rum i headeren

Du kan også arrangere titlen på siden med følgende layoutmuligheder

Centreret justeret: Det vil få sidetitlen og også brødkrummerne (hvis aktiveret), til at ligge på hinanden i midten af ​​siden.

Forsiden af ​​denne mulighed kan se sådan ud

Inline: Det vil gøre sidetitlen og også brødkrummerne (hvis aktiveret) mod højre og venstre side

Forsiden af ​​denne mulighed kan se sådan ud

Vis Brødkrummer

Du kan enten vælge at vise brødkrummer på din hjemmeside eller lade være med denne mulighed. Brødkrummer repræsenterer webstedets aktuelle brugerplacering og hjælper brugere med at navigere fra top til bund i linkhierarkiet

Det vil være synligt på din frontend på denne måde

Farve og titel på brødkrummer

Du kan vælge teksten til brødkrummerne på din hjemmeside og kan også vælge farverne til den som vist

Det vil være synligt på din frontend på denne måde

Størrelse af baggrund

Du kan vælge højden på sidehovedet for din side med mulighed for baggrundsstørrelse. Det er en nyttig tilføjelse, da det også vil forbedre designet af din sidehoved. Du kan enten vælge muligheden for fuld størrelse eller lave en brugerdefineret størrelse til din sidehoved

Fuld størrelse: Denne mulighed vil tillade din sidehoved at optage en fuld skærm

Det vil være synligt på din frontend som

Brugerdefineret størrelse: Brugerdefineret størrelse giver dig mulighed for at give din sidehoved enhver størrelse i et positivt tal. Du kan også definere den nederste og øverste polstring af headeren sammen med enhver enhed. Standardenheden er "%" sammen med andre muligheder såsom "6px"

Det vil være synligt på din frontend på denne måde

Baggrund for overskriften

Du kan også ledsage din sidehoved med enhver farve eller et billede i baggrunden, hvilket vil gøre det mere attraktivt.

Farve: Gå til indstillingen for sidehovedbaggrund, og du vil se en farvevælger, hvorfra du kan bestemme hvilken farve du ønsker til din sidehovedbaggrund. Beslut dig for din yndlingsfarve, der får sidehovedet til at springe ud

Billede: Ligesom farve kan du vælge et billede til at gå på baggrunden af ​​din sidehoved

Tilsidesættelse: Astra Pro giver dig også mulighed for at tilsidesætte overskriftens baggrundsbillede med det fremhævede blog/indlæg/sidebillede ved at aktivere tilsidesættelsesmuligheden

Overlejringsfarve: Den baggrundsfarve, du har valgt til din sidehoved, vil overlejre baggrundsbilledet med denne mulighed

Det vil være synligt på din frontend som

parallakse effekt

Astra Pro giver mulighed for parallakseeffekt, hvor billedet i baggrunden vil bevæge sig med en anden hastighed end indholdet i forgrunden under rulning 

Display til

Denne premium-funktion i Astra Pro giver dig mulighed for at vise din sidehoved på dit valgs specifikke indlæg eller sider. Du kan bestemme placeringen fra rullelisten og bruge ekskluderings- og/eller visningsreglen til at vise sidehovedet  

Astra Pro Versus Astra Gratis tema til sideoverskrifter

Overvejer du, om du skal bruge Astra Pro Addon- plugin eller holde dig til det grundlæggende gratis Astra-tema, mens du designer sidehovederne? Her præsenterer vi en sammenligning mellem vilkårene for funktioner, der er tilgængelige til at designe og skabe fantastiske overskrifter

FunktionerAstra gratis temaAstra Pro Addon
Gennemsigtig overskrift✔️✔️
Brødkrumme✔️✔️
Stick Header✔️
Mobil header✔️
Sideoverskrifter✔️
Typografi og farver✔️
Primær overskrift✔️

Afsluttende ord

Astra Pro er et Addon plugin til Astra-temaet, som gør det endnu mere avanceret og kan tilpasses. Astra Pro tilbyder en række premium-funktioner, der ikke er tilgængelige i det gratis grundlæggende Astra-tema. Hvis du leder efter et let tilgængeligt tema til din personlige og forretningsmæssige hjemmeside til en rimelig pris, Astra Pro toppe dine muligheder. Så tjek det ud og skriv din anmeldelse.

ahmad

Seneste indlæg

Sådan bruger du sidehoveder og sidefødder med Elementor

Et websteds sidehoveder og sidefødder er væsentlige elementer. I de fleste tilfælde giver overskriften navigation...

6. januar 2022

WordPress-temasammenligning: Astra vs OceanWP

To af de mest populære WordPress-temaer på markedet er Astra og OceanWP. Professionel…

2. januar 2022

WordPress nyhedstema sammenligning: Avis vs. Astra

Oprettelse af et fremragende nyhedswebsted kræver ikke, at du bliver webdesigner. Vi…

25. oktober 2021

Opret en nyhedsrelateret hjemmeside med Avis-tema

Avis-temaet er et af de mest betydningsfulde WordPress-temaer designet af tagDiv, en...

18. oktober 2021

Sådan bygger du en e-handel med Avada WooCommerce builder

Når det kommer til at oprette en online butik, er WooCommerce det perfekte plugin . Det…

4. oktober 2021

Sådan bruger du sticky header og rulleeffekter med Elementor

En header er generelt det første, en person ser, når de besøger dit websted,...

21. september 2021