Hvordan legge til topptekst i WordPress? Bruk WordPress Customizer eller Cover-blokken til å tilpasse topptekstbildet ditt

Innholdsfortegnelse

Du kan være enig med oss i at ingen nettside er komplett uten topptekst. Visste du at du har to forskjellige alternativer for å lage topptekst i WordPress? I denne veiledningen vil vi forklare de individuelle forskjellene.

Ekte topptekstbilde

Klassisk WordPress-overskrift som du kjenner den brukes på alle forskjellige sider. Det er vanligvis en bred rektangulær boks fra side til side. Inni er det en logo eller nettstedets navn, tagline og menyelementer. Du kan også sette inn et bakgrunnsbilde som kalles topptekstbilde. Topptekstbildet er flott for å tiltrekke besøkende oppmerksomhet og for å skape et helhetlig utseende på nettstedet. Det er opp til deg å bestemme om du vil bruke et diskret topptekstbilde eller et dominerende bilde som vil fokusere de besøkendes oppmerksomhet på navigasjonen på nettstedet.

Topptekstbilde i WordPress — Den mest brukte toppteksttypen - topptekstbilde på toppen av nettstedet

Slik redigerer du overskriften i WordPress Customizer

Som standard kan topptekstbildet endres via WordPress Customizer. Du kan få tilgang til den både fra WordPress-administrator og fra nettstedet ditt:

Direkte fra WP-administrator, bare naviger til Utseende -> Tilpass
Hvis du er innlogget på forsiden, klikker du på "Tilpass" i den øverste linjen

Customizer inneholder alle grunnleggende innstillinger for utseendet til det aktive temaet. Hvor du finner innstillinger for topptekstbilde, avhenger derfor av det aktive temaet. I Citadela-temaet kan du legge til og redigere topptekstbilde i Tilpasning -> Utseende -> Bakgrunn for overskriften.

Legg til topptekst via Customizer — Legge til topptekst via Customizer

Innstillinger for topptekstbilde

Uansett hvilket topptekstbilde du velger, kan du konfigurere det etter dine behov. Du kan oppnå en interessant effekt ved å bruke "Header Image Repeat". Du kan konfigurere følgende alternativer:

Fliser
Fliser horisontalt
Fliser vertikalt
Ingen gjentakelse (hvis du ikke ønsker å gjenta bildet)

Aktivert funksjon for gjentatt topptekstbilde — Fliseeffekt av topptekstbildet

Andre innstillinger i WordPress - Størrelse på topptekstbilde

Et annet alternativ for å redigere topptekst og justere bildet er å angi passende størrelse. Størrelsen på topptekstbildet har følgende tre alternativer:

Original - beholder den opprinnelige bildestørrelsen
Omslag - opplastet bilde vil bli endret for å passe fra side til side, bildet kan også klippes til for å passe
Inneholder - topptekststørrelsen vil bli justert slik, at hele bildet blir synlig

3 alternativer for størrelse på topptekstbilde — Se hvordan ulike topptekster kan se ut etter størrelse - original, omslag og contain-størrelse

Du kan også angi bildeposisjon i overskriften og angi bakgrunnsfiksering.

Dekkblokk som fungerer som topptekst

Som vi allerede har nevnt i begynnelsen av denne artikkelen, finnes det flere måter å redigere overskriften på i WordPress-editoren. I tillegg til å bruke Customizer kan du også bruke en av de viktigste WordPress-blokkene som heter Cover-blokken. Så hva er forskjellen?

Klassisk topptekst opprettet med Customizer er relatert til hele nettstedet, mens Cover-blokken lar deg legge til forsidebilde som i utgangspunktet fungerer som topptekstbilde til en hvilken som helst side eller et innlegg. Du kan til og med bruke det flere ganger på en side eller et innlegg med forskjellige innstillinger.

Hvor du kan bruke Cover block

Cover-blokken har bredere anvendelse på tvers av nettstedet sammenlignet med klassisk nettstedoverskrift. Cover-blokken legger til et bredt tittelbilde i full bredde i innholdet. Du kan bruke den til å visuelt skille innhold i blogginnlegg. Hver innleggsdel får sitt eget topptekstbilde som kan kobles til følgende innhold. En flott funksjon er at du kan skrive tekst rett inne i Cover-blokken. Denne teksten vil vises over bildet.

Forsidebilde som topptekstbilde i blogginnlegg — Blogginnlegg med topptekstbilde lagt til gjennom Cover-blokken

Topptekst på hjemmesiden

Cover-blokken kan også brukes i stedet for nettstedets topptekst hvis du ønsker å oppnå et originalt utseende. Fordi Cover-blokken tilbyr ulike justeringsalternativer, kan du sette den til innholdsbredde eller gjøre den i full bredde. Topptekst i full bredde kan også brukes som et stort bakgrunnsbilde. Men ikke glem å slå av sidetittelen i Citadela-temaet. Dette trinnet er nødvendig hvis du ønsker å bruke Cover-blokken som topptekst på nettstedet.

Overskrift som bakgrunnsbilde i full bredde — Topptekst i full bredde på hjemmesiden

Slik lager du topptekst ved hjelp av Cover-blokken

Som en første ting må du legge til Cover-blokken. Du kan legge den til på hvilken som helst side eller innlegg på følgende måte:

Klikk på "+"-tegnet i den øverste linjen eller "+"-tegnet hvor som helst i innholdet. Deretter er det bare å søke etter Cover block.

Legg til omslagsblokk ved å klikke på "+" — Legge til omslagsblokk ved hjelp av "+"

En annen rask måte er å legge til en blokk ved å bruke "/" etter blokknavnet.

Bruke skråstrek for å legge til Cover-blokk — Legg til skråstrek og skriv Cover-blokk for å legge til denne blokken i innholdsområdet

Når du har lagt til Cover-blokken, får du plass til å laste opp et bilde eller en video. Du kan også velge et bilde fra mediebiblioteket. Det valgte bildet eller videoen vil bli brukt som topptekst.

Overskriftstittel

Det som er interessant med overskriften som er lagt til ved hjelp av Cover-blokken, er at du kan skrive en teksttittel over bildet. Denne tittelen kan også brukes som overskrift for seksjoner, for eksempel i blogginnlegg. Det er også mulig å legge til en hvilken som helst URL.

Justering av dekselblokk

Forsideblokken kan justeres ved hjelp av blokkverktøylinjen. Den kan justeres innenfor innholdsområdet til venstre, høyre eller i midten. Den kan også angis som bred eller full bredde. Disse alternativene må støttes av det aktive temaet du bruker til å bygge nettstedet ditt.

Innstillinger for forsidebilde

Forsidebildets utseende kan endres i Inspector. Hvis du setter det som fast bakgrunn, vil bildet ikke rulle med resten av innholdet på siden, men det vil forbli på sin plass hele tiden.

Ved hjelp av Focal Point Picker kan du velge hvilken del av bildet som skal vises i toppteksten. Du kan jobbe videre med bildet. Du kan for eksempel angi overleggsfarge og bakgrunnsopasitet. Begge innstillingene hjelper deg med å sette prikken over i-en på toppteksten. Hvis du bruker Cover-blokken i blogginnlegget, kan du ved hjelp av riktig fargevalg og gjennomsiktighet tilføre ønsket atmosfære til innlegget ditt. Vær forsiktig med disse innstillingene, ettersom tittelteksten må være godt synlig.

Angi fargeoverlegg og opasitet — Ved å velge riktig fargeoverlegg kan du skape iøynefallende topptekster

Lage videooverskrift

Coverblokken kan også brukes til å spille av video i toppteksten på nettstedet ditt. Du kan fange besøkendes oppmerksomhet eller markedsføre et produkt eller en tjeneste. Det finnes flere støttede videoformaterDet vanligste du kan bruke er .mp4.

Det flotte er at du også kan skrive tittelen over videoen, justere den, gjøre den i full bredde eller angi fargeoverlegg. Innstillingene for Cover-blokken er de samme for alle medietyper.

Hva er din erfaring med overskrifter? Har du allerede prøvd Cover block for å lage topptekst? Foretrekker du klassisk topptekst ved hjelp av WordPress Customizer? La oss få vite det i kommentarfeltet nedenfor.