Vil du tilføje et baggrundsbillede til dit WordPress-websted?

Baggrundsbilleder kan bruges til at gøre dit websted mere attraktivt og æstetisk tiltalende.

I denne artikel viser vi dig, hvordan du nemt kan tilføje et baggrundsbillede til dit WordPress-websted.

Hvis du foretrækker de skriftlige instruktioner, skal du fortsætte med at læse.

Metode 1. Tilføj et baggrundsbillede ved hjælp af dine WordPress-temaindstillinger

De Mest populære WordPress-temaer leveres med brugerdefineret baggrundssupport. Denne funktion giver dig mulighed for nemt at indstille et baggrundsbillede på dit WordPress-websted.

Hvis din WordPress tema understøtter brugerdefineret baggrundsfunktionalitet, anbefaler vi at bruge denne metode til at tilføje et baggrundsbillede til dit websted.

Men hvis din WordPress tema understøtter ikke denne funktion, eller hvis du ikke kan lide den måde, den implementerer baggrundsbilleder på, så kan du prøve de andre muligheder, der er nævnt i vores tutorial.

Du skal først besøge siden Udseende »Tilpas i din WordPress-administrator. Dette vil starte Customizer WordPress tema hvor du kan ændre forskellige indstillinger for dette tema, mens du ser en forhåndsvisning i realtid.

Sådan tilføjes baggrundsbillede wordpress blogpascher 1

Derefter skal du klikke på indstillingen 'Baggrundsbillede'. Panelet glider ud og viser dig mulighederne for at uploade eller vælge et baggrundsbillede til dit websted.

Sådan tilføjes baggrundsbillede wordpress blogpascher 2

Klik på knappen Vælg billede for at fortsætte.

Dette åbner en WordPress pop-up, hvor du kan uploade et billede fra din computer. Du vil også være i stand til at vælge et billede, der tidligere er downloadet fra mediebiblioteket.

Sådan tilføjes baggrundsbillede wordpress blogpascher 3

Derefter skal du klikke på knappen Vælg billede efter upload eller vælge det billede, du vil bruge i baggrunden.

Dette lukker pop op-vinduet til medieuploader, og du vil se forhåndsvisning af dit valgte billede i WordPress-temaets tilpasning.

Sådan tilføjes baggrundsbillede wordpress blogpascher 4

Under billedet kan du også se mulighederne for baggrundsbillede. Under " PresetDu kan vælge, hvordan baggrundsbilledet skal vises: udfyld skærm, tilpas skærm, gentag eller tilpasset.

Du kan også vælge baggrundsbillede ved at klikke på pilene nedenfor. Ved at klikke på midten justerer billedet billedet til midten af ​​skærmen.

Glem ikke at klikke på knappen « offentliggøre For at gemme dine indstillinger. Det er det, du har med succes tilføjet et baggrundsbillede til dit WordPress-websted.

Gå videre og besøg dit websted for at se det i aktion.

Metode 2. Tilføj et brugerdefineret baggrundsbillede i WordPress ved hjælp af et plugin

Denne metode er meget mere fleksibel. Det fungerer med ethvert WordPress-tema og giver dig mulighed for at konfigurere flere baggrundsbilleder.

Du kan også oprette forskellige baggrunde til ethvert indlæg, side, kategori eller ethvert andet afsnit på dit WordPress-websted.

Det gør automatisk alle dine baggrundsbilleder i fuld skærm og lydhør. Dette betyder, at dit baggrundsbillede automatisk ændres på mindre enheder.

Først og fremmest skal du installere og aktivere plugin Full Screen Baggrund Pro. For flere detaljer, se vores trinvise vejledning om hvordan man installerer et WordPress-plugin.

Efter aktivering skal du besøge siden Udseende »BG-billede i fuld skærm for at konfigurere plugin-indstillingerne.

Fuld skærm baggrund

Du bliver bedt om at tilføje din licensnøgle. Du kan få disse oplysninger fra den e-mail, du modtog efter køb af pluginet eller fra din konto på plugin-webstedet.

Så skal du klikke på 'Gem indstillinger'for at gemme dine ændringer. Du er nu klar til at begynde at tilføje baggrundsbilleder til dit WordPress-websted.

Gå videre og klik på knappen Tilføj nyt billede På plugins indstillingsside. Dette fører dig til skærmbilledet til download af baggrundsbillede.

tilføj nyt baggrundsbillede

Klik på knappen 'Vælg billede'for at downloade eller vælge et billede. Så snart du vælger billedet, vil du kunne se en forhåndsvisning i realtid af billedet på din skærm.

Derefter skal du angive et navn til dette billede. Dette navn bruges internt, så du kan bruge det hvor som helst.

Endelig skal du vælge, hvor dette billede skal bruges som baggrundsbillede.

Fuld skærm baggrund Pro giver dig også mulighed for at oprette baggrundsbilleder til hele hjemmesiden, eller du kan vælge mellem forskellige sektioner på dit websted som kategorier, arkiver, startside eller blog.

Glem ikke at gemme for at gemme dit baggrundsbillede.

Du kan tilføje så mange billeder som du vil ved at besøge siden apparence »Fuld skærm BG-billede 

Hvis du definerer flere billeder, der skal bruges globalt, vises pluginet automatiquement baggrundsbilleder som et diasshow.

Du kan justere den tid, det tager for et billede at forsvinde, og det tidspunkt, hvorefter et nyt baggrundsbillede vises.

Baggrund falmer ind og falmer ud indstillinger

Den tid, du indtaster her, er i millisekunder. Hvis du vil have et baggrundsbillede til at falme efter 20 sekunder, skal du indtaste 20000.

Glem ikke at klikke på knappen Gem indstillinger for at gemme dine ændringer.

Baggrundsbilleder til indlæg, sider og kategorier

Fuld skærm baggrund Pro giver dig også mulighed for at indstille baggrundsbilleder til indlæg, sider, kategorier, tags og mere.

Du skal bare redigere indlægget / siden, hvor du vil vise et andet baggrundsbillede. På artiklens redigeringsside vil du bemærke den nye gruppe " Baggrundsbillede på fuld skærm »I artikelditoren.

Tilføjelse af et baggrundsbillede til et enkelt indlæg eller en side

Hvis du vil bruge et baggrundsbillede til en bestemt kategori, skal du besøge siden Udseende »FullScreen baggrundsbillede, klik derefter på "Vælg billede '.

Efter upload af dit billede kan du vælge "kategori" som den kontekst, hvor du vil vise baggrundsbilledet.

Indstil baggrundsbillede til en bestemt kategori

Indtast id'et for den specifikke kategori eller slug, hvor du vil vise billedet. 

Husk at gemme dit billede for at gemme dine indstillinger.

Metode 3. Tilføj tilpassede baggrundsbilleder hvor som helst i WordPress ved hjælp af CSS-kode

Som standard tilføjer WordPress flere CSS-klasser til forskellige HTML-elementer på dit WordPress-websted. Du kan nemt tilføje brugerdefinerede baggrundsbilleder til indlæg, kategorier, forfattere og andre sider ved hjælp af disse WordPress-genererede CSS-klasser.

For eksempel, hvis du har en kategori på dit websted, der hedder TV, tilføjer WordPress automatisk disse CSS-klasser til body-tagget, når nogen ser TV-kategorisiden.

 

Du kan bruge inspektionsværktøj for at se nøjagtigt hvilke CSS-klasser, der tilføjes af WordPress til body-mærket.

Brug inspektionsværktøjet til at se klasser tilføjet af WordPress

Du kan bruge en af ​​CSS-klasser til at style denne kategoriside forskelligt. 

kategori-tvcategory-4

Lad os tilføje et brugerdefineret baggrundsbillede til en kategoriarkivside. Du bliver nødt til at tilføje denne brugerdefinerede CSS til dit WordPress-tema.

body.category-tv { 

baggrund-billede: url ("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg"); 

baggrundsposition: centercenter; 

baggrund-størrelse: dækning; 

background-repeat: no-repeat; 

baggrund-vedhæftet fil: fast;

}
Husk at erstatte baggrundsbillede URL og kategoriklasse med din egen kategori.

Du kan også tilføje brugerdefinerede baggrunde til individuelle indlæg og sider. WordPress tilføjer en CSS-klasse med post- eller side-ID'et i tagets brødtekst. Du kan bruge den samme CSS-kode bare erstatte .category-tv med CSS-klassen i et bestemt indlæg.

Oplev også nogle premium WordPress-plugins  

Du kan bruge andet WordPress plugins for at give et moderne udtryk og for at optimere håndteringen af ​​din blog eller hjemmeside.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. Nemt tilpasset JS og CSS 

Ce WordPress plugin premium er en kraftfuld CSS- og JavaScript-kodeeditor, der giver dig mulighed for at tilføje dem til enhver sektion af dit websted. Det giver dig mulighed for at beholde dine tilpasninger, selv efter en større opdatering af dit WordPress-tema. Nem tilpasset js og css ekstra tilpasning wordpress plugin

Du har mulighed for at begrænse anvendelsesområdet for din personlige kode. For eksempel kan du kun bruge din kode til en artikel i videoformatet.

Se vores artikler om Sådan kræves accept af betingelserne for brug på WordPress

Eller du kan begrænse din kode til et specifikt WordPress-tema; Hvilket er praktisk, hvis du i øjeblikket skifter temaer til din WordPress-blog.

Downloade | demo | Web-hosting

2. Gul blyant: Visual CSS Style Editor

Yellow Pencil er en redaktør for visuel stil, som du kan bruge med ethvert tema til at personliggøre dit websted på få minutter (skrifttyper, farver, animationer og mere ...).Yellowpencil visuel css stil editor plugin wordpress

Ce WordPress plugin premium vil skabe CSS-stile ved baggrund mens du spiller med farverne som om det var et spil. Det var designet til begyndere såvel som erfarne brugere.

Oplev også vores 5-plugins WordPress for at vise underretninger

Ingen kodningsviden er påkrævet. Imidlertid WordPress plugin har en god CSS-editor til dem, der kan lide at kode. Du kan kode live med denne editor og tilpasse din CSS.

Downloade | demo | Web-hosting

3. Facebooks seneste kommentar widget 

Denne widget giver dig mulighed for at vise en liste over de seneste Facebook-kommentarer fra din WordPress-blog på den første side, eller hvor som helst der er en widget, der bruges af hjemmesiden.

Facebook seneste kommentarer wordpress widget wordpress plugin til facebook kommentarer

Som funktioner har du blandt andet: visning af alle de sidste kommentarer på dit websted eller WordPress-blogAutomatisk eller manuel godkendelse af kommentarer, der skal vises på widgeten,sende en e-mail-underretning, når en person kommenterer via Facebook-kommentar-pluginet, god SEO, kompatibilitet med ethvert WordPress-tema, oindstillinger for at tilpasse widget og meget mere.

Downloade | demo | Web-hosting

Anbefalede ressourcer

Find ud af om andre anbefalede ressourcer, der hjælper dig med at opbygge og administrere dit websted.

Konklusion

Her ! Det er det til denne tutorial. Vi håber, at denne artikel har hjulpet dig med at lære, hvordan du tilføjer et baggrundsbillede i WordPress. Tøv ikke med at del med dine venner på dine foretrukne sociale netværk

Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at gennemføre dine projekter med oprettelse af internetsider ved at konsultere vores guide på WordPress blog oprettelse.

Hvis du har forslag eller bemærkninger, skal du lade dem stå i vores afsnit kommentarer.

...