Indstil et baggrundsbillede til din hjemmeside

hvert billede eller video, du bruger på din hjemmeside, definerer dit brand for dit publikum. Så baggrundsbilleder på din hjemmeside er vigtige, og du bør designe eller vælge dem, der holder øje med din brandstil og målgruppe.

i denne tutorial lærer du en række måder at indstille et baggrundsbillede på din hjemmeside. Jeg tager dig gennem processen med at indstille dit baggrundsbillede i detaljer, så du nemt kan gøre det selv.

uanset om du er vært for din hjemmeside med WordPress.com eller bruger en selvstyret server, denne tutorial er for dig. Du lærer følgende metoder til at indstille et baggrundsbillede til din hjemmeside:

• tilføj et baggrundsbillede ved hjælp af plugins
• Tilføj baggrundsbilleder ved hjælp af CSS

mulighed 1. Tilføj et baggrundsbillede med indstillinger for tema

mange gratis temaer giver dig mulighed for at indstille et baggrundsbillede. Jeg bruger den tyve enogtyve tema, som er en simpel go-to Tema for blogs, porteføljer og små virksomheder. Dette tema giver dig også mulighed for at have et baggrundsbillede.

Log ind på admin-sektionen på din hjemmeside. Du kan håndtere de fleste af dine indstillinger herfra.

• 
  Sådan logger du ind på din hjemmeside Admin Dashboard
  Adi Purdila

klik udseende, som indeholder alle indstillinger for, hvordan din hjemmeside ser ud. Du bliver bedt om at vælge et tema. Vælg tyve enogtyve som dit tema (eller ethvert andet tema, der giver dig mulighed for at have et baggrundsbillede).

hold markøren over menuen Udseende og klik på baggrund. Vinduet tematilpasning vises og giver dig mulighed for at vælge et baggrundsbillede.

Vælg nu Billede, og vælg enten et billede fra dit bibliotek eller upload et billede.

du kan indstille detaljerne i dit baggrundsbillede, f.eks. alternativ tekst, titel, billedtekst og beskrivelse. Hvis dit fokus er SEO, er det altid en god ide at tilføje alt-tekst.

når du har valgt billedet og gemt indstillingerne, ændres dit baggrundsbillede. Nu kan du udforske de forskellige forudindstillede indstillinger (fyld skærm, Tilpas til skærm osv.), som giver dig mulighed for at få dit baggrundsbillede til at se nøjagtigt ud, som du vil have det.

Husk at klikke på knappen Gem ændringer øverst til venstre, ellers gemmes dine ændringer ikke.

Mulighed 2. Tilføj et baggrundsbillede ved hjælp af Plugins

brug af plugins til at foretage ændringer i udseendet på din hjemmeside anbefales kun, hvis du har et selvstyret site, eller hvis du har investeret i en betalt plan fra WordPress.com. hvis du vælger at bruge plugins med din gratis WordPress.com konto, dit domæne ændres fra .wordpress.com til .- comstaging.med, hvilket ikke er ideelt.

Plugins tilbyder en masse funktioner og funktionalitet til din hjemmeside. For eksempel, med en baggrund plugin, kan du tilføje forskellige baggrunde i flere områder af din hjemmeside: indlæg, sider og kategorier. Du kan også indstille en YouTube-video som din baggrund med et plugin. Plugins kan også ændre størrelsen på dine billeder og videoer til telefoner, så dit publikum nemt kan nyde din hjemmeside fra deres telefoner.

• 
  Hvad er et Plugin?
  Rachel McCollin
• 
  17 Bedste Video Baggrund Plugins til
  Nona Blackman

til denne tutorial bruger vi et meget grundlæggende gratis plugin. Det kaldes Simple fuld skærm baggrundsbillede plugin.

når du har aktiveret plugin, skal du holde musen over udseende. Klik nu på den nye mulighed, Fullscreen BG-billede.

klik derefter på Vælg Billede og upload det ønskede billede som baggrundsbillede. Du kan også vælge et billede fra dit mediebibliotek, hvis du tidligere har tilføjet dit foretrukne baggrundsbillede der.

du kan tilføje detaljer som alternativ tekst, billedtekst og beskrivelse af billedet, hvis du ønsker det. Klik på Brug billede og derefter Gem indstillinger.

gå nu til din hjemmeside for at se, hvordan dit baggrundsbillede ser ud.

Mulighed 3. Tilføj baggrundsbilleder ved hjælp af CSS

igen, for at tilføje et baggrundsbillede ved hjælp af CSS, skal du have et selvhostet WordPress.com. Brugerdefineret CSS giver dig ikke kun mulighed for at tilføje et baggrundsbillede, men du kan også foretage forskellige ændringer i udseendet på din hjemmeside for at få det til at se nøjagtigt ud, som du vil.

Naviger til dashboardet og klik på udseende > ekstra CSS.

Tilføj nu disse kodelinjer i CSS-feltet for at indstille et baggrundsbillede.

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

Erstat http://theimageurl med URL ‘ en til det billede, du vil bruge som baggrundsbillede.

du kan også tilføje brugerdefinerede baggrunde og billeder til individuelle indlæg på din hjemmeside. For at gøre det skal du bruge denne kode:

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

ligesom før skal du erstatte http://anotherimageurl med URL ‘ en til det billede, du vil bruge. Du skal også erstatte slug med navnet på en eksisterende kategori på din hjemmeside.

når du er færdig med at foretage ændringerne i CSS, skal du ikke glemme at klikke på knappen Gem ændringer for at gemme alle ændringerne. Nu Kan du besøge din hjemmeside for at se det nye baggrundsbillede!

vær opmærksom på billedstørrelsen

før du uploader et billede til din hjemmeside, skal du fokusere på dens størrelse. Det er fristende at tilføje en høj kvalitet visuel. Dette kan dog øge indlæsningshastigheden på din hjemmeside. Det lyder ikke som en big deal; men jo langsommere din hjemmeside er, jo større er afvisningsprocenten, hvilket betyder, at flere forlader din hjemmeside, før de læser eller ser dens indhold. Dette påvirker igen dine konverteringer. Google har sagt, at to sekunder er den ideelle stedhastighed, især hvis du driver en virksomhed.

på den anden side kan tilføjelse af billeder af dårlig kvalitet bare for at have en mindre størrelse også påvirke brugeroplevelsen negativt. Så den ideelle praksis er at holde en balance og tilføje billeder af god kvalitet, men kun når det er nødvendigt—det er når de tilføjer værdi til dit indhold og kun til den nødvendige opløsning.

Resume

i denne tutorial viste jeg dig tre måder at indstille baggrundsbilledet på.

1. tilføjelse af et baggrundsbillede gennem indstillingerne for temaudseende
2. brug af et plugin til at tilføje baggrundsbilledet
3. tilføjelse af brugerdefineret CSS

du har måske eller måske ikke brug for et baggrundsbillede til din hjemmeside. Men hvis du vælger at have et baggrundsbillede, skal du vide, at det er et vigtigt element, der sætter din brandstil til dit publikum. Så sørg for, at dit baggrundsbillede afspejler dit brand image.