Setați o imagine de fundal pentru site-ul dvs. WordPress

fiecare imagine sau Videoclip pe care îl utilizați pe site-ul dvs. web vă definește marca pentru publicul dvs. Deci, imaginile de fundal de pe site-ul dvs. web sunt importante și ar trebui să le proiectați sau să le alegeți ținând cont de stilul dvs. de marcă și de publicul țintă.

în acest tutorial, veți învăța o serie de moduri de a seta o imagine de fundal pe site-ul dvs. Vă voi duce prin procesul de setare a imaginii de fundal WordPress în detaliu, astfel încât să o puteți face cu ușurință singur.

fie că vă găzduiți site-ul WordPress cu WordPress.com sau utilizați un server auto-gestionat, acest tutorial este pentru dvs. Veți învăța următoarele metode de setare a unei imagini de fundal pentru site-ul dvs. WordPress:

  • adăugați o imagine de fundal cu setările temei WordPress
  • adăugați o imagine de fundal folosind pluginurile WordPress
  • adăugați fotografii de fundal folosind CSS

opțiunea 1. Adăugați o imagine de fundal cu setările temei WordPress

multe teme WordPress gratuite vă permit să setați o imagine de fundal. Folosesc tema Twenty Twenty-One, care este o temă simplă pentru bloguri, portofolii și întreprinderi mici. Această temă vă permite, de asemenea, să aveți o imagine de fundal.

Conectați-vă la secțiunea admin a site-ului dvs. Puteți gestiona majoritatea setărilor WordPress de aici.

  • WordPress
    cum să vă conectați la tabloul de bord al administratorului site-ului WordPress
    Adi Purdila

Faceți clic pe aspect, care conține toate setările pentru aspectul site-ului dvs. web. Vi se va cere să alegeți o temă. Alegeți douăzeci și douăzeci și unu ca temă (sau orice altă temă care vă permite să aveți o imagine de fundal).

acum, treceți peste meniul Aspect și faceți clic pe fundal. Va apărea fereastra de personalizare a temei și vă va permite să alegeți o imagine de fundal.

imagine de fundalimagine de fundalimagine de fundal

acum, Selectați Imagine și alegeți o imagine din biblioteca WordPress sau încărcați o imagine.

puteți seta detaliile imaginii de fundal, cum ar fi textul alternativ, titlul, legenda și descrierea. Dacă accentul dvs. este SEO, este întotdeauna o idee minunată să adăugați text alternativ.

detalii despre imaginea de fundaldetalii despre imaginea de fundaldetalii despre imaginea de fundal

după ce ați ales imaginea și ați salvat setările, imaginea de fundal WordPress se va schimba. Acum, Puteți explora diferitele opțiuni prestabilite (ecran de umplere, potrivire pe ecran etc.), care vă va permite să faceți imaginea de fundal să arate exact așa cum doriți.

Setări presetateSetări presetateSetări presetate

nu uitați să faceți clic pe butonul Salvați modificările din stânga sus sau modificările dvs. nu vor fi salvate.

Opțiunea 2. Adăugați o imagine de fundal utilizând pluginurile WordPress

utilizarea pluginurilor pentru a face modificări în aspectul site-ului dvs. web este recomandată numai dacă aveți un site WordPress auto-gestionat sau dacă ați investit într-un plan plătit de la WordPress.com. dacă alegeți să utilizați pluginuri cu WordPress.com cont, domeniul dvs. se va schimba de la .wordpress.com la .wpcomstaging.com, care nu este ideal.

pluginurile oferă o mulțime de funcții și funcționalități pentru site-ul dvs. De exemplu, cu un plugin de fundal, Puteți adăuga fundaluri diferite în mai multe zone ale site-ului dvs. web: postări, pagini și categorii. De asemenea, puteți seta un videoclip YouTube ca fundal cu un singur plugin. Pluginurile vă pot redimensiona, de asemenea, imaginile și videoclipurile pentru telefoane, astfel încât publicul dvs. să se poată bucura cu ușurință de site-ul dvs. web de pe telefoanele lor.

  • WordPress
    ce este un Plugin WordPress?
    Rachel McCollin
  • WordPress
    17 Cele mai bune plugin-uri de fundal Video pentru WordPress
    Nona Blackman

pentru acest tutorial, folosim un plugin gratuit foarte simplu. Se numește pluginul simplu de imagine de fundal pe ecran complet.

după ce ați activat pluginul, plasați mouse-ul peste aspect. Acum, faceți clic pe noua opțiune, imagine BG pe tot ecranul.

imagine BG pe tot ecranulimagine BG pe tot ecranulimagine BG pe tot ecranul

apoi, faceți clic pe Alegeți imaginea și încărcați imaginea dorită ca imagine de fundal WordPress. De asemenea, puteți alege o imagine din biblioteca Media dacă ați adăugat anterior imaginea de fundal preferată acolo.

Alegeți imagineaAlegeți imagineaAlegeți imaginea

puteți adăuga detalii precum text alternativ, legendă și descrierea imaginii, dacă doriți. Faceți clic pe Utilizare imagine și apoi pe Salvare opțiuni.

Acum, accesați site-ul dvs. web pentru a vedea cum arată imaginea de fundal WordPress.

Opțiunea 3. Adăugați fotografii de fundal folosind CSS

din nou, pentru a adăuga o imagine de fundal folosind CSS, va trebui să aveți un site WordPress auto-găzduit sau să vă abonați la un plan plătit pe WordPress.com. CSS personalizat nu numai că vă va permite să adăugați o imagine de fundal, dar puteți face și diverse modificări în aspectul site-ului dvs. web pentru a face să arate exact așa cum doriți.

navigați la tabloul de bord WordPress și faceți clic pe aspect > CSS suplimentar.

CSS suplimentarCSS suplimentarCSS suplimentar

Acum, adăugați aceste linii de cod în câmpul CSS pentru a seta o imagine de fundal WordPress.

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

înlocuiți http://theimageurl cu adresa URL a imaginii pe care doriți să o utilizați ca imagine de fundal WordPress.

de asemenea, puteți adăuga fundaluri și imagini personalizate la postările individuale de pe site-ul dvs. Pentru a face acest lucru, veți avea nevoie de acest cod:

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

la fel ca înainte, va trebui să înlocuiți http://anotherimageurl cu adresa URL a imaginii pe care doriți să o utilizați. De asemenea, va trebui să înlocuiți slug cu numele unei categorii existente pe site-ul dvs.

după ce ați terminat de făcut modificările în CSS, nu uitați să faceți clic pe butonul Salvați modificările pentru a stoca toate modificările. Acum Puteți vizita site-ul dvs. pentru a vizualiza noua imagine de fundal!

acordați atenție dimensiunii imaginii

înainte de a încărca orice imagine pe site-ul dvs. Este tentant să adăugați un vizual de înaltă calitate. Cu toate acestea, acest lucru ar putea crește viteza de încărcare a site-ului dvs. web. Nu sună ca o afacere mare; cu toate acestea, cu cât site-ul dvs. este mai lent, cu atât rata de respingere este mai mare, ceea ce înseamnă că mai mulți oameni părăsesc site-ul dvs. înainte de a citi sau de a vedea conținutul acestuia. Aceasta, la rândul său, vă afectează conversiile. Google a spus că două secunde este viteza ideală a site-ului, mai ales dacă conduceți o afacere.

cu toate acestea, pe de altă parte, adăugarea de imagini de calitate slabă doar pentru a avea o dimensiune mai mică poate avea un impact negativ asupra experienței utilizatorului. Deci, practica ideală este să păstrați un echilibru și să adăugați imagini de bună calitate, dar numai atunci când este necesar—atunci când acestea adaugă valoare conținutului dvs. și numai rezoluției necesare.

rezumat

în acest tutorial, v-am arătat trei moduri de setare a imaginii de fundal WordPress.

  1. adăugarea unei imagini de fundal prin setările de aspect temă
  2. folosind un plugin pentru a adăuga imaginea de fundal
  3. adăugarea CSS personalizat

s-ar putea sau nu ar putea avea nevoie de o imagine de fundal pentru site-ul dvs. Cu toate acestea, dacă alegeți să aveți o imagine de fundal, știți că este un element semnificativ care vă stabilește stilul de marcă pentru publicul dvs. Deci, asigurați-vă că imaginea de fundal WordPress reflectă imaginea mărcii dvs.

Leave a Reply