Vil du legge til et bakgrunnsbilde til WordPress-nettstedet ditt?
Bakgrunnsbilder kan brukes til å gjøre nettstedet ditt mer attraktivt og estetisk.
I denne artikkelen viser vi deg hvordan du enkelt kan legge til et bakgrunnsbilde til WordPress-nettstedet ditt.
Fortsett å lese hvis du foretrekker de skriftlige instruksjonene.
Metode 1. Legg til et bakgrunnsbilde ved hjelp av WordPress-temainnstillingene
den Mest populære WordPress-temaer leveres med tilpasset bakgrunnsstøtte. Denne funksjonen lar deg enkelt sette et bakgrunnsbilde på WordPress-nettstedet ditt.
Hvis din WordPress tema støtter tilpasset bakgrunnsfunksjonalitet, anbefaler vi å bruke denne metoden for å legge til et bakgrunnsbilde på nettstedet ditt.
Imidlertid, hvis din WordPress tema støtter ikke denne funksjonen, eller hvis du ikke liker måten den implementerer bakgrunnsbilder på, kan du prøve de andre alternativene som er nevnt i veiledningen vår.
Du må først besøke siden Utseende »Tilpass i WordPress-administratoren din. Dette vil starte Customizer WordPress tema hvor du kan endre forskjellige innstillinger for dette temaet mens du ser på en forhåndsvisning i sanntid.
Deretter må du klikke på alternativet 'Bakgrunnsbilde'. Panelet vil gli ut og vise deg alternativene for å laste opp eller velge et bakgrunnsbilde for nettstedet ditt.
Klikk på Velg bilde-knappen for å fortsette.
Dette vil hente opp en WordPress-popup som du kan laste opp et bilde fra datamaskinen din. Du vil også kunne velge et bilde som tidligere er lastet ned fra mediebiblioteket.
Deretter må du klikke på Velg bilde-knappen etter at du har lastet opp eller valgt bildet du vil bruke i bakgrunnen.
Dette lukker popup-vinduet til medieopplasteren, og du vil se forhåndsvisningen av det valgte bildet ditt i WordPress-tilpasningen.
Under bildet vil du også kunne se alternativene for bakgrunnsbildet. Under " ForhåndsinnstiltDu kan velge hvordan du vil at bakgrunnsbildet skal vises: fyll skjerm, passform, gjenta eller tilpasset.
Du kan også velge posisjonen for bakgrunnsbildet ved å klikke på pilene nedenfor. Ved å klikke på midten, vil bildet justere bildet til midten av skjermen.
Ikke glem å klikke på knappen « publisere For å lagre innstillingene dine. Det er det, 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 et egendefinert bakgrunnsbilde i WordPress ved hjelp av et plugin
Denne metoden er mye mer fleksibel. Det fungerer med ethvert WordPress-tema og lar deg konfigurere flere bakgrunnsbilder.
Du kan også sette opp forskjellige bakgrunner for alle innlegg, sider, kategorier eller andre deler av WordPress-nettstedet ditt.
Det gjør alle bakgrunnsbildene dine automatisk i full skjerm og responsive. Dette betyr at bakgrunnsbildet ditt endres automatisk på mindre enheter.
Først av alt må du installere og aktivere plugin-modulen Full Screen Bakgrunn Pro. For mer informasjon, se vår trinnvise guide på hvordan du installerer en WordPress-plugin.
Etter aktivering må du gå til siden Utseende »Fullskjerm BG-bilde for å konfigurere plugin-innstillingene.
Du blir bedt om å legge til lisensnøkkelen. Du kan få denne informasjonen fra e-postmeldingen du mottok etter at du kjøpte pluginet eller fra kontoen din på plugin-nettstedet.
Deretter må du klikke på 'Lagre innstillingerfor å lagre endringene. Du er nå klar til å begynne å legge til bakgrunnsbilder til WordPress-nettstedet ditt.
Gå videre og klikk på knappen Legg til nytt bilde På plugins innstillingsside. Dette tar deg til nedlastingsskjermen for bakgrunnsbildet.
Klikk på knappen 'Velg Bilde'for å laste ned eller velge et bilde. Så snart du velger bildet, vil du kunne se en forhåndsvisning av bildet i sanntid på skjermen.
Da må du oppgi et navn på dette bildet. Dette navnet vil bli brukt internt, slik at du kan bruke det hvor som helst.
Til slutt må du velge hvor du vil at dette bildet skal brukes som bakgrunnsbilde.
Full Screen Background Pro lar deg også sette opp bakgrunnsbilder for hele nettstedet, eller du kan velge mellom forskjellige seksjoner på nettstedet ditt, som kategorier, arkiver, hjemmeside eller blogg.
Ikke glem å lagre for å lagre bakgrunnsbildet ditt.
Du kan legge til så mange bilder du vil ved å gå til siden Apparence »Fullskjerm BG-bilde
Hvis du definerer flere bilder som skal brukes globalt, vises programtillegget automatiquement bakgrunnsbilder som lysbildefremvisning.
Du kan justere tiden det tar før et bilde forsvinner, og tiden etter at et nytt bakgrunnsbilde vises.
Tiden du angir her er i millisekunder. Hvis du vil at et bakgrunnsbilde skal falme etter 20 sekunder, må du skrive inn 20000 XNUMX.
Ikke glem å klikke på knappen Lagre alternativer for å lagre endringene dine.
Bakgrunnsbilder for innlegg, sider og kategorier
Full Screen Background Pro lar deg også stille bakgrunnsbilder for innlegg, sider, kategorier, koder og mer.
Bare rediger innlegget / siden der du vil vise et annet bakgrunnsbilde. På artikkelredigeringssiden vil du legge merke til den nye gruppen " Fullskjerm bakgrunnsbilde »I artikkelredaktøren.
For å bruke et bakgrunnsbilde for en bestemt kategori, må du gå til siden Utseende »Fullskjerm bakgrunnsbilde, klikk deretter på "Velg Bilde '.
Etter å ha lastet opp bildet, kan du velge "kategori" som kontekst der du vil vise bakgrunnsbildet.
Angi ID for den spesifikke kategorien eller sneglen der du vil vise bildet.
Husk å lagre bildet ditt for å lagre innstillingene dine.
Metode 3. Legg til tilpassede bakgrunnsbilder hvor som helst i WordPress ved hjelp av CSS-kode
Som standard legger WordPress til flere CSS-klasser til forskjellige HTML-elementer på WordPress-nettstedet ditt. Du kan enkelt legge til egendefinerte bakgrunnsbilder til innlegg, kategorier, forfattere og andre sider ved hjelp av disse WordPress-genererte CSS-klassene.
For eksempel, hvis du har en kategori på nettstedet ditt som heter TV, vil WordPress automatisk legge til disse CSS-klassene i kroppskoden når noen ser på TV-kategorisiden.
Du kan bruke inspeksjonsverktøy for å se nøyaktig hvilke CSS-klasser som er lagt til av WordPress til body-taggen.
Du kan bruke enten CSS-klassen til å style denne kategorisiden annerledes.
kategori-tvkategori-4
La oss legge til et egendefinert bakgrunnsbilde til en kategoriarkivside. Du må legge til denne egendefinerte CSS til WordPress-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; }
Du kan også legge til egendefinerte bakgrunner til individuelle innlegg og sider. WordPress legger til en CSS-klasse med innlegget eller ID-en i brødteksten. Du kan bruke den samme CSS-koden, bare bytt ut .category-tv med CSS-klassen til et bestemt innlegg.
Oppdag også noen premium WordPress-plugins
Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.
Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.
1. Enkel tilpasset JS og CSS
Ce WordPress Plugin premium er en kraftig CSS- og JavaScript-koderedigerer som lar deg legge dem til en hvilken som helst del av nettstedet ditt. Det lar deg beholde tilpasningene dine selv etter en større oppdatering av WordPress-temaet ditt. 
Du har muligheten til å begrense bruksområdet for din personlige kode. For eksempel kan du bare bruke koden din til en artikkel i videoformat.
Se våre artikler om Hvordan kreve aksept av vilkårene for bruk på WordPress
Eller du kan begrense koden din til et bestemt WordPress-tema; Noe som er nyttig hvis du for øyeblikket endrer temaer for WordPress-bloggen din.
2. Gul blyant: Visual CSS Style Editor
Yellow Pencil er en redaktør for visuell stil som du kan bruke med hvilket som helst tema for å tilpasse nettstedet ditt på få minutter (skrifter, farger, animasjoner og mer ...).
Ce WordPress Plugin premium vil lage CSS-stiler av bakgrunn mens du spiller med fargene som om det var et spill. Det var designet for både nybegynnere og erfarne brukere.
Oppdag også vår 5-plugins WordPress for å vise varsler
Ingen kodekunnskap er nødvendig. Imidlertid WordPress Plugin har en god CSS-editor for de som liker å kode. Du kan kode live med denne editoren og tilpasse CSS.
3. Facebooks siste kommentar-widget
Denne widgeten lar deg vise en liste over de siste Facebook-kommentarene fra WordPress-bloggen din på den første siden, eller hvor som helst det er en widget som brukes av nettstedet.
Som funksjoner vil du ha blant annet: visning av alle de siste kommentarene på nettstedet ditt eller WordPress-bloggen,Automatisk eller manuell godkjenning av kommentarer som skal vises på widgeten,sende et e-postvarsel når en person kommenterer gjennom Facebook-kommentarprogrammet, god SEO, kompatibilitet med ethvert WordPress-tema, oalternativer for å tilpasse widgeten og mye mer.
Anbefalte ressurser
Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.
- Hvordan skjule en WordPress-widget på mobilen
- 10 WordPress plugins for å forbedre visningen av nettstedet ditt
- Hvordan manuelt migrere et WordPress-nettsted: Guiden
- 7 WordPress-plugins for call-to-action-knapper på WordPress
konklusjonen
Her! Det er det for denne opplæringen. Vi håper denne artikkelen har hjulpet deg å lære hvordan du legger til et bakgrunnsbilde i WordPress. Ikke nøl med å del med vennene dine på dine favoritt sosiale nettverk.
Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide WordPress blog oppretting.
Hvis du har forslag eller kommentarer, kan du la dem ligge i seksjonen vår commentaires.
...
