Hvordan legge til et bakgrunnsbilde i WordPress

Vil du legge til et bakgrunnsbilde til ditt WordPress-nettsted? Bakgrunnsbilder kan brukes til å gjøre nettstedet ditt mer engasjerende og estetisk hyggelig. I denne artikkelen vil vi vise deg hvordan du enkelt kan legge til et bakgrunnsbilde til ditt WordPress-nettsted.


Slik legger du til et bakgrunnsbilde i WordPress

Videoopplæring

Abonner på WPBeginner

Hvis du ikke liker videoen eller trenger flere instruksjoner, kan du fortsette å lese.

Metode 1. Legg til et bakgrunnsbilde ved hjelp av WordPress-temainnstillingene

De fleste gratis og premium WordPress-temaer har tilpasset bakgrunnsstøtte. Denne funksjonen lar deg enkelt sette et bakgrunnsbilde til ditt WordPress-nettsted.

Hvis temaet støtter tilpasset bakgrunnsfunksjon, anbefaler vi at du bruker denne metoden for å legge til et bakgrunnsbilde til WordPress-nettstedet ditt. Hvis temaet ditt ikke støtter egendefinert bakgrunnsfunksjon, kan du bruke andre metoder i denne artikkelen.

Først må du besøke Utseende »Tilpass siden i WordPress-administratoren din. Dette vil starte WordPress-tematilpasseren, der du kan endre forskjellige temainnstillinger mens du ser på en direkte forhåndsvisning av nettstedet ditt.

Alternativ for bakgrunnsbilde i WordPress-tematilpasning

Deretter må du klikke på alternativet ‘Bakgrunnsbilde’. Panelet glir inn og viser deg alternativene for å laste opp eller velge et bakgrunnsbilde for nettstedet ditt.

Velg bakgrunnsbilde

Klikk på knappen for å fortsette.

Dette vil få opp WordPress media uploader popup hvor du kan laste opp et bilde fra datamaskinen din. Du kan også velge et tidligere lastet opp bilde fra mediebiblioteket.

Last opp bakgrunnsbilde

Deretter må du klikke på velg bildeknappen etter å ha lastet opp eller valgt bildet du vil bruke som bakgrunn.

Dette vil lukke popupoppslaget for mediaopplasteren, og du vil se forhåndsvisningen av det valgte bildet i tematilpasseren.

Innstillinger for bakgrunnsbilde

Under bildet vil du også kunne se alternativene for bakgrunnsbilde. Under forhåndsinnstilt kan du velge hvordan du vil at bakgrunnsbildet skal vises: fyllskjerm, passe skjerm, gjenta eller tilpasset.

Du kan også velge bakgrunnsbildeposisjon ved å klikke på pilene nedenfor. Hvis du klikker på midten, justeres bildet mot midten av skjermen.

Ikke glem å klikke på ‘Lagre’ & Publiser-knappen øverst for å lagre innstillingene dine. Det er alt, du har lagt til et bakgrunnsbilde til WordPress-nettstedet ditt.

Gå videre og besøk nettstedet ditt for å se det i aksjon.

Metode 2. Legg til tilpasset bakgrunnsbilde i WordPress ved hjelp av plugin

Denne metoden er mye mer fleksibel. Det fungerer med alle WordPress-temaer og lar deg stille flere bakgrunnsbilder. Du kan også angi forskjellige bakgrunner for alle innlegg, side, kategorier eller andre deler av WordPress-nettstedet.

Det gjør at alle bakgrunnsbildene dine automatisk blir responsive på fullskjerm og mobil. Dette betyr at bakgrunnsbildet ditt automatisk endrer størrelse på mindre enheter.

Først må du installere og aktivere Full Screen Background Pro-plugin. For mer informasjon, se vår trinnvise guide for hvordan du installerer en WordPress-plugin.

Ved aktivering må du besøke Utseende »BG-bilde i fullskjerm side for å konfigurere plugin-innstillingene.

Bakgrunn på full skjerm

Du vil bli bedt om å legge til lisensnøkkelen din. Du kan få denne informasjonen fra e-posten du mottok etter at du kjøpte plugin-modulen eller fra kontoen din på plugin-nettstedet.

Deretter må du klikke på Lagre innstillinger-knappen for å lagre endringene. Du er nå klar til å begynne å legge til bakgrunnsbilder til ditt WordPress-nettsted.

Gå videre og klikk på knappen Legg til nytt bilde på innstillingssiden for plugin. Dette tar deg til skjermbildet for opplasting av bakgrunnsbilde.

legg til nytt bakgrunnsbilde

Klikk på Velg bilde-knappen for å laste opp eller velge et bilde. Så snart du velger bildet, vil du kunne se en direkte forhåndsvisning av bildet på skjermen.

Deretter må du oppgi et navn for dette bildet. Dette navnet vil bli brukt internt, slik at du kan bruke hva som helst her.

Til slutt må du velge hvor du vil at dette bildet skal brukes som bakgrunnsside. Fullskjerm Bakgrunn Pro lar deg angi bilder som bakgrunn globalt, eller du kan velge mellom forskjellige deler av nettstedet ditt som kategorier, arkiver, forsiden, bloggsiden, osv..

Ikke glem å klikke på lagre bilde-knappen for å lagre bakgrunnsbildet ditt.

Du kan legge til så mange bilder du vil ved å besøke Utseende »BG-bilde i fullskjerm side.

Hvis du angir at mer enn ett bilde skal brukes globalt, vil plugin-en automatisk starte bakgrunnsbilder som lysbildefremvisning.

Du kan justere tiden det tar for et bilde å visne ut og tiden etter som nytt bakgrunnsbilde begynner å blekne.

Bakgrunnen blekner og blekner innstillinger

Tiden du angir her er i millisekunder. Hvis du vil at et bakgrunnsbilde skal visne ut etter 20 sekunder, må du legge inn 20000.

Ikke glem å klikke på lagre innstillinger-knappen for å lagre endringene dine.

Angi bakgrunnsbilde for individuelle innlegg, sider, kategorier osv

Full Screen Background Pro lar deg også angi bakgrunnsbilder for enkeltinnlegg, sider, kategori, tagg osv.

Bare rediger innlegget / siden der du vil vise et annet bakgrunnsbilde. På skjermbildet for redigering av innlegg vil du legge merke til den nye “Full Screen Background Image” -boksen under redigeringsprogrammet.

Legge til et bakgrunnsbilde for et enkelt innlegg eller side

Hvis du vil bruke et bakgrunnsbilde for en bestemt kategori, må du besøke Utseende »BG-bilde i fullskjerm og klikk deretter på knappen Legg til nytt bilde.

Etter å ha lastet opp bildet, kan du velge ‘Kategori’ som kontekst der du vil vise bakgrunnsbildet.

Angi bakgrunnsbilde for en bestemt kategori

Nå angir du den spesifikke kategorien ID eller slug der du vil vise bildet. Se vår guide for hvordan du finner kategori-ID i WordPress.

Ikke glem å lagre bildet ditt for å lagre innstillingene dine.

Metode 3. Legg til tilpassede bakgrunnsbilder hvor som helst i WordPress ved hjelp av CSS

Som standard legger WordPress til flere CSS-klasser til forskjellige HTML-elementer på hele ditt WordPress-nettsted. Du kan enkelt legge til tilpassede bakgrunnsbilder til individuelle innlegg, kategorier, forfatter og andre sider ved å bruke disse WordPress-genererte CSS-klassene.

For eksempel, hvis du har en kategori på nettstedet ditt som heter TV, vil WordPress automatisk legge disse CSS-klassene til body-taggen når noen ser på TV-kategorisiden.

Du kan bruke inspeksjonsverktøyet for å se nøyaktig hvilke CSS-klasser som er lagt til av WordPress til body-taggen.

Bruk inspiserverktøyet for å se klasser lagt til av WordPress

Du kan bruke enten kategori-tv eller kategori-4 CSS-klasse for å style akkurat denne kategorisiden på en annen måte.

La oss legge til et tilpasset bakgrunnsbilde til en arkivside med kategorier. Du må legge til denne tilpassede CSS til temaet ditt.

body.category-tv {
bakgrunnsbilde: url ("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg");
bakgrunnsposisjon: sentrumssenter;
bakgrunnsstørrelse: dekke;
bakgrunn-gjenta: ikke-gjenta;
bakgrunnsvedlegg: fast;
}

Ikke glem å erstatte URL for bakgrunnsbilde og kategoriklasse med din egen kategori.

Du kan også legge til tilpassede bakgrunner til individuelle innlegg og sider. WordPress legger til en CSS-klasse med innlegg eller side-ID i karosseriet. Du kan bruke den samme CSS-koden, bare bytt ut .category-tv med den postspesifikke CSS-klassen.

Vi håper denne artikkelen hjalp deg med å lære hvordan du legger til et bakgrunnsbilde i WordPress. Det kan også være lurt å se listen over ekstremt nyttige triks for WordPress-funksjonsfilen.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map