Sådan tilpasses overskrifter i Begyndervejledning

Leder du efter en nem måde at tilpasse Ordtrykshovedet på?

fordi din overskrift sidder øverst på hver side, spiller den en vigtig rolle i branding af din hjemmeside, hjælper dine besøgende med at navigere og promovere dit vigtigste indhold.

for at få mest muligt ud af sidens overskrift skal du dog have en måde at redigere den på, hvilket mange temaer ikke tilbyder.

i dette indlæg deler vi nogle forskellige taktikker, som du kan bruge til at tilpasse overskriften i ordtryk ved hjælp af både enkle træk-og-slip-grænseflader og din egen kode.

den nemmeste mulighed er at bruge Astra-temaet og dets træk-og-slip-headerbygger, men vi deler også nogle andre taktikker, der fungerer med ethvert Ordtrykstema.

Hvad er overskriften?

sidehovedet er den del af din hjemmeside, der vises øverst på hver side. Typisk, det indeholder mindst to elementer på det absolutte minimum:

• site logo / identitet
• navigationsmenu(s)

for eksempel, her er hvordan overskriften ser ud på Astra-bloggen. Du kan se, at det indeholder Astra-logoet samt to separate navigationsmenuer:

afhængigt af dine behov kan du også inkludere andre elementer såsom ikoner på sociale medier, et søgefelt, promoveringer, dit telefonnummer og andre oplysninger.

hvis du nogensinde har brug for at se, hvordan det fungerer, er Ordtrykshovedet indeholdt i overskriften.php-fil i dit tema.

Sådan tilpasser du Overskriften med Astra

hvis du vil have fuld kontrol over din overskrift, giver det gratis Astra-Tema dig en træk-og-slip, ikke-kode måde at tilpasse din overskrift fuldt ud.

du kan se dine ændringer med det samme på en live forhåndsvisning af din hjemmeside, og du kan nemt tilføje forskellige typer indhold, såsom knapper, sociale ikoner, et søgefelt og meget mere.

for at komme i gang skal du installere og aktivere Astra-temaet. Du kan også importere et af de hundreder af forudbyggede demo-sider for hurtigt at komme i gang. Hvis du har brug for en hjælpende hånd med et af disse trin, vi har masser af guider, der hjælper dig:

• Sådan installeres Astra
• Sådan importeres startsider

når du har din grundlæggende side klar til at gå, kan du tilpasse din overskrift ved hjælp af Astra.

1. Åbn Astra Header Builder

for at komme i gang skal du gå til udseende. Vælg derefter indstillingen Header Builder:

når du starter header builder, vil du se et nyt sæt af muligheder, hvor du kan styre layoutet af din header:

2. Tilføj og organiser Headerindhold

nu til den sjove del – tilføjelse af indhold. Du kan se, at du har tre rækker i header builder. Hver række styrer indholdet for en anden del af overskriften:

1. over header
2. primær header – det er her du lægger dit “hoved” indhold.
3. under overskrift

du vil absolut medtage indhold i den primære overskrift, og så har du mulighed for at tilføje indhold over eller under det efter dine behov.

for at tilføje indhold kan du klikke på det sted, hvor du vil tilføje indhold. Dette åbner et sæt muligheder:

• primær menu
• sekundær menu
• Logo
• knap
• Søg
• Social
• HTML 1
• HTML 2

Bemærk, at når du tilføjer indhold, vil du se færre muligheder. For eksempel kan du kun tilføje dit logo en gang, så denne mulighed forsvinder, når du allerede har tilføjet et logo til din overskrift:

når du har tilføjet noget indhold, kan du klikke på det indhold for at åbne dets indstillinger. Hvis du f.eks. tilføjer en knap, kan du styre knappens tekst og link.

du kan også åbne Designindstillingerne for at tilpasse tingene yderligere:

hvis du vil omarrangere dit indhold eller flytte det til en anden række, skal du blot trække og slippe det:

3. Tilpas Header Layout

ovenfor viste vi dig, hvordan du tilpasser de enkelte elementer inde i din header. Du har også flere muligheder for at tilpasse din header som helhed.

først kan du gå til fanen Design i hovedhovedbyggeren for at kontrollere bredden og afstanden på din overskrift. Du kan også klikke på tandhjulsikonet for hver overskriftsrække for at tilpasse dens højde og design:

4. Eksperimenter med forskellige typer overskrifter

afhængigt af om du bruger den gratis version af Astra eller Astra Pro, får du også adgang til yderligere typer overskrifter, såsom gennemsigtige overskrifter (gratis) og klæbrige overskrifter (Pro).

du kan bruge den samme sidehoved og sidefodsbygger ovenfor til at designe din gennemsigtige eller klæbrige overskrift. Du kan se disse indstillinger under afsnittet Overskriftstyper. Du kan klikke på dem for at udvide indstillingerne og designe de forskellige headertyper:

tre andre måder at tilpasse headeren

mens Astras træk-og-slip-headerbygger tilbyder den nemmeste måde at tilpasse headeren på, er der også andre taktikker, som du kan bruge, uanset hvilket tema du bruger.

her er nogle af de bedste strategier…

1. Brug dit temas Tilpasningsindstillinger

de fleste temaer giver dig en vis kontrol over sidens overskrift i den oprindelige tilpasningsenhed. Det er usandsynligt, at du får det detaljeringsniveau, som Astra giver dig, men du får nogle muligheder for at kontrollere, hvordan din overskrift ser ud og fungerer.

disse indstillinger varierer afhængigt af dit tema, men du kan normalt åbne dem ved at klikke på det blå blyantikon ud for elementer i din overskrift. For eksempel i den nye tyve enogtyve standard tema, kan du se, at du er i stand til at tilpasse din:

• Logo
• sideoverskrift
• Menu

hvis du har brug for lidt ekstra hjælp, kan du se din temaudviklers dokumentation.

2. Brug Elementor og et gratis brugerdefineret header-Plugin

hvis du ikke er bekendt med Elementor, er det et visuelt træk-og-slip-designværktøj, som du kan bruge til at oprette indhold på din side. Med det gratis Elementor – Header, Footer & Blocks Template custom header plugin kan du bruge den gratis version af Elementor til at designe din egen brugerdefinerede header.

dette plugin fungerer perfekt med det gratis Astra-tema såvel som ethvert andet Ordtrykstema, du muligvis bruger.

for at komme i gang skal du installere og aktivere det gratis plugin fra WordPress.org. du skal også installere den gratis version af Elementor, hvis du ikke allerede har gjort det.

når du har gjort det, skal du gå til udseende til udseende af en sidefod & blokke og klikke på Tilføj ny:

Giv din skabelon et navn, og vælg overskrift under Skabelontype. Du kan også bruge indstillingerne Vis på eller brugerroller til at målrette din overskrift mod specifikt indhold/brugere.

Udgiv derefter din overskrift og klik på Rediger med Elementor for at åbne visual builder:

nu Kan du fuldt ud tilpasse din header ved hjælp af Elementors visuelle træk-og-slip-interface. Plugin ‘ et giver dig også ny Sidehoved, Sidefod & blokerer kontroller, som du kan bruge til at tilføje vigtige stedelementer, som dit steds logo eller en navigationsmenu:

for at lære mere om brug af Elementor, tjek vores fulde Elementor tutorial eller Elementor anmeldelse.

3. Brug brugerdefineret kode (avanceret)

endelig, hvis du er en avanceret bruger, kan du også tilpasse overskriften ved hjælp af din egen kode. For at gøre dette skal du mindst have et praktisk kendskab til HTML, PHP og CSS, så dette er ikke en mulighed for ikke-tekniske brugere.

hvis du ikke kender disse kodningssprog, vil du holde fast ved en af de tidligere metoder på denne liste.

der er to dele til at bruge kode til at tilpasse din header:

• HTML / PHP-dette styrer det faktiske indhold i din header.
• CSS – dette styrer styling af din header.

som vi nævnte tidligere, findes dit sides sidehovedindhold i overskriften.php-fil. Så for at tilpasse din header indhold, skal du arbejde direkte med denne fil. Eller nogle temaer, såsom Astra, tilbyder også kroge, som du kan bruge til at tilføje indhold til overskriften.

i Astra visual hooks guide kan du se, at du har en række muligheder for at tilpasse overskriften:

hvis du vil redigere dit temas overskrift.php-fil direkte, skal du bruge et underordnet tema for at sikre dig, at du ikke overskriver dine ændringer, når du opdaterer dit tema.

på den anden side, hvis du bruger kroge, behøver du ikke bruge et undertema, så længe du bruger et plugin som Astra kroge eller kodestykker. Hvis du tilføjer dine kroge direkte til dit temas funktioner.php-fil, du skal dog stadig bruge et undertema.

med Astra Pro har du også mulighed for at tilføje kroge ved hjælp af Astra Pro ‘ s brugerdefinerede Layoutfunktion.

det pæne ved Astra Pro ‘ s brugerdefinerede layout er, at du kan bruge visningsregler til at kontrollere nøjagtigt, hvornår ændringerne vises. Du kan f.eks. tilføje tilpasset indhold til din overskrift, der kun vises for brugere, der er logget ind.

Sådan tilpasser du dit headers indhold – men hvad med stylingen?

for at tilpasse din headers styling kan du redigere stilen.CSS-fil direkte, hvis du bruger et underordnet tema. Du kan også bruge det ekstra CSS-område til at føje dine egne brugerdefinerede typografier til overskriften.

Tilpas dit Sidehoved i dag

dit Sidehoved spiller en afgørende rolle for din sides succes. Det hjælper med at mærke din hjemmeside, guide dine besøgende til nøgleindhold, fremme vigtige oplysninger eller sociale profiler og meget mere.

den nemmeste måde at få fuld kontrol over din sides overskrift er at bruge det gratis Astra-tema. Med Astra får du adgang til en visuel, træk-og-slip header builder. Du har ikke brug for nogen kode eller eksterne plugins – Du får 100% kontrol over din overskrift fra højre inde i tilpasningen.

i andre situationer kan du også bruge et andet temas Tilpasningsindstillinger, Elementor – Header, Footer & Blocks Template plugin eller din egen kode, hvis du har den tekniske viden.