Articles /

Angi Et Bakgrunnsbilde For WordPress-Nettstedet Ditt

Hvert bilde eller video du bruker på nettstedet ditt, definerer merkevaren din for publikum. Så bakgrunnsbilder på nettstedet ditt er viktig, og du bør designe eller velge dem å holde vise din merkevare stil og målgruppe.

i denne opplæringen lærer du en rekke måter å sette et bakgrunnsbilde på WordPress-nettstedet ditt. Jeg tar deg gjennom prosessen med å sette Ditt WordPress bakgrunnsbilde i detalj, slik at du enkelt kan gjøre det selv.

Enten du er vert For Ditt WordPress-nettsted med WordPress.com eller bruker en selvstyrt server, er denne opplæringen for deg. Du lærer følgende metoder for å sette et bakgrunnsbilde for WordPress-nettstedet ditt:

  • legg til et bakgrunnsbilde med WordPress temainnstillinger
  • legg til et bakgrunnsbilde ved Hjelp Av WordPress plugins
  • legg til bakgrunnsbilder ved HJELP AV CSS

Alternativ 1. Legg Til Et Bakgrunnsbilde Med WordPress Theme Settings

Mange Gratis WordPress temaer lar deg sette et bakgrunnsbilde. Jeg bruker Tjue Tjueen tema, som er en enkel go-to tema for blogger, porteføljer og små bedrifter. Dette temaet kan du også ha et bakgrunnsbilde.

Logg På admin-delen av WordPress-nettstedet ditt. Du kan håndtere De fleste Av Dine WordPress-innstillinger herfra.

  • WordPress
    Slik Logger Du På WordPress-Siden Admin Dashboard
    Adi Purdila

Klikk Utseende, som inneholder alle innstillingene for hvordan nettstedet ditt ser ut. Du blir bedt om å velge et tema. Velg Tjue Tjueen som tema (eller et annet tema som lar deg ha et bakgrunnsbilde).

nå, hold musepekeren over Utseende-menyen og klikk På Bakgrunn. Vinduet theme Customizer vises og lar deg velge et bakgrunnsbilde.

bakgrunnsbilde bakgrunnsbilde bakgrunnsbilde

Nå Velger Du Bilde og velger enten et bilde Fra WordPress-Biblioteket eller laster opp et bilde.

du kan angi detaljene for bakgrunnsbildet, som alternativ tekst, tittel, bildetekst og beskrivelse. HVIS FOKUSET DITT ER SEO, er DET alltid en god ide å legge til alternativ tekst.

detaljer om bakgrunnsbildedetaljer om bakgrunnsbildedetaljer om bakgrunnsbilde

Når Du har valgt bildet og lagret innstillingene, Vil Ditt WordPress-bakgrunnsbilde endres. Nå kan du utforske De Forskjellige Forhåndsinnstilte alternativene(Fyll Skjerm, Tilpass Til Skjerm, etc.), som lar deg gjøre bakgrunnsbildet ditt akkurat slik du vil ha det.

Forhåndsinnstilte InnstillingerForhåndsinnstilte Innstillinger Forhåndsinnstilte Innstillinger

Husk å klikke På Lagre Endringer-knappen øverst til venstre, ellers blir ikke endringene dine lagret.

Alternativ 2. Legg Til Et Bakgrunnsbilde Ved Hjelp Av WordPress Plugins

Bruk av plugins for å gjøre endringer i utseendet på nettstedet ditt, anbefales kun hvis Du har et selvstyrt WordPress-nettsted eller hvis du har investert i en betalt plan fra WordPress.com. Hvis du velger å bruke plugins med gratis WordPress.com konto, domenet ditt vil endres fra .wordpress.com til .wpcomstaging.com, som ikke er ideelt.

Plugins tilbyr mange funksjoner og funksjonalitet for Ditt WordPress-nettsted. For eksempel, med en bakgrunn plugin, kan du legge til ulike bakgrunner i flere områder av nettstedet ditt: innlegg, sider og kategorier. Du kan også sette En YouTube-video som bakgrunn med en plugin. Plugins kan også endre størrelsen på bildene og videoene dine for telefoner, slik at publikum enkelt kan nyte nettstedet ditt fra telefonene sine.

  • WordPress
    Hva Er En WordPress Plugin?
    Rachel McCollin
  • WordPress
    17 Beste Video Bakgrunn Plugins For WordPress
    Nona Blackman

For denne opplæringen bruker vi en veldig grunnleggende gratis plugin. Det kalles Den Enkle Fullskjerm Bakgrunnsbilde plugin.

når du har aktivert plugin, holder du musen Over Utseende. Nå klikker du på det nye alternativet, Fullscreen BG Image.

Fullscreen BG Image Fullscreen BG Image Fullscreen BG Image

klikk Deretter På Velg Bilde og last opp bildet du vil ha Som Ditt WordPress – bakgrunnsbilde. Du kan også velge et bilde fra Mediebiblioteket hvis du tidligere har lagt til ønsket bakgrunnsbilde der.

Velg BildeVelg Bilde Velg Bilde

du kan legge til detaljer som alternativ tekst, bildetekst og beskrivelse av bildet hvis du ønsker det. Klikk Bruk Bilde og Deretter Lagre Alternativer.

gå nå til nettstedet ditt for å se hvordan WordPress-bakgrunnsbildet ditt ser ut.

Alternativ 3. Legg Til Bakgrunnsbilder Ved HJELP AV CSS

Igjen, for å legge til et bakgrunnsbilde ved HJELP AV CSS, må Du ha et Eget WordPress-nettsted, eller abonnere på en betalt plan på WordPress.com. Custom CSS vil ikke bare tillate deg å legge til et bakgrunnsbilde, men du kan også gjøre ulike endringer i utseendet på nettstedet ditt for å gjøre det ser nøyaktig hvordan du vil.

Naviger Til WordPress dashbordet Og klikk På Utseende > Ekstra CSS.

Ekstra CSS Ekstra CSS Ekstra CSS

legg nå til disse kodelinjene i CSS-feltet for å angi Et WordPress-bakgrunnsbilde.

body { background-image: url("https://theimageurl"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

Erstatt http://theimageurl MED NETTADRESSEN til bildet du vil bruke Som Ditt WordPress-bakgrunnsbilde.

du kan også legge til egendefinerte bakgrunner og bilder til individuelle innlegg på WordPress-nettstedet ditt. For å gjøre det, trenger du denne koden:

body.category-slug { background-image: url("http://anotherimageurl"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

Akkurat som før, må du erstatte http://anotherimageurl MED NETTADRESSEN til bildet du vil bruke. Du må også erstatte slug med navnet på en eksisterende kategori på nettstedet ditt.

når du er ferdig med å gjøre endringene I CSS, ikke glem å klikke På Lagre Endringer-knappen for å lagre alle endringene. Nå kan du besøke nettstedet ditt for å se det nye bakgrunnsbildet!

Vær Oppmerksom På Bildestørrelsen

før du laster opp et bilde Til WordPress-nettstedet ditt, må du fokusere på størrelsen. Det er fristende å legge til en høy kvalitet visuell. Dette kan imidlertid øke lastehastigheten på nettstedet ditt. Det høres ikke ut som en stor avtale; men jo tregere nettstedet ditt er, desto større er bounce rate, noe som betyr at flere mennesker forlater nettstedet ditt før de leser eller ser innholdet. Dette påvirker i sin tur konverteringene dine. Google har sagt at to sekunder er den ideelle nettstedshastigheten, spesielt hvis du driver en bedrift.

men på den annen side kan det å legge til bilder av dårlig kvalitet bare for å ha en mindre størrelse også påvirke brukeropplevelsen negativt. Så den ideelle øvelsen er å holde balansen og legge til bilder av god kvalitet, men bare når det er nødvendig—det er når de legger til verdi for innholdet ditt, og bare til oppløsningen som trengs.

Sammendrag

i denne opplæringen viste jeg deg tre måter å sette WordPress bakgrunnsbilde På.

  1. legge til et bakgrunnsbilde gjennom temautseende innstillinger
  2. ved hjelp av et plugin for å legge til bakgrunnsbildet
  3. legge til tilpasset CSS

Du kan eller kanskje ikke trenger et bakgrunnsbilde for WordPress-nettstedet ditt. Men hvis du velger å ha et bakgrunnsbilde, vet du at det er et viktig element som setter merkevaren din for publikum. Så sørg For At WordPress-bakgrunnsbildet gjenspeiler merkevarebildet ditt.

Leave a Reply