Doriți să adăugați o imagine de fundal pe site-ul dvs. WordPress?
Imaginile de fundal pot fi folosite pentru a face site-ul dvs. web mai atractiv și mai plăcut din punct de vedere estetic.
În acest articol, vă vom arăta cum să adăugați cu ușurință o imagine de fundal pe site-ul dvs. WordPress.
Dacă preferați instrucțiunile scrise, vă rugăm să continuați să citiți.
Metoda 1. Adăugați o imagine de fundal utilizând setările temei WordPress
Les Cele mai populare teme WordPress vin cu suport personalizat de fundal. Această caracteristică vă permite să setați cu ușurință o imagine de fundal pe site-ul dvs. WordPress.
Dacă dumneavoastră WordPress temă acceptă funcționalitatea de fundal personalizată, vă recomandăm să utilizați această metodă pentru a adăuga o imagine de fundal pe site-ul dvs.
Cu toate acestea, dacă dvs WordPress temă nu acceptă această caracteristică sau dacă nu vă place modul în care implementează imaginile de fundal, atunci puteți încerca celelalte opțiuni menționate în tutorialul nostru.
Mai întâi trebuie să vizitați pagina Aspect »Personalizare în administratorul dvs. WordPress. Aceasta va lansa Personalizatorul WordPress temă unde puteți modifica diferite setări ale acestei teme în timp ce vizualizați o previzualizare în timp real.
Apoi trebuie să faceți clic pe opțiunea 'Imagine de fundal'. Panoul va aluneca și vă va arăta opțiunile de încărcare sau selectare a unei imagini de fundal pentru site-ul dvs. web.
Faceți clic pe butonul Selectare imagine pentru a continua.
Aceasta va afișa o fereastră pop-up WordPress în care puteți încărca o imagine de pe computer. De asemenea, veți putea selecta o imagine descărcată anterior din biblioteca media.
Apoi, trebuie să faceți clic pe butonul Alegeți imaginea după încărcare sau selectarea imaginii pe care doriți să o utilizați în fundal.
Aceasta va închide fereastra pop-up de încărcare media și veți vedea previzualizarea imaginii selectate în personalizarea temei WordPress.
Sub imagine veți putea vedea și opțiunile imaginii de fundal. Sub " PresetatePuteți selecta modul în care doriți să apară imaginea de fundal: ecran de umplere, ecran de potrivire, repetare sau personalizat.
De asemenea, puteți selecta poziția imaginii de fundal făcând clic pe săgețile de mai jos. Făcând clic pe centru, imaginea va alinia imaginea la centrul ecranului.
Nu uitați să faceți clic pe butonul « publica Pentru a stoca setările. Gata, ați adăugat cu succes o imagine de fundal pe site-ul dvs. WordPress.
Continuați și vizitați site-ul dvs. web pentru a-l vedea în acțiune.
Metoda 2. Adăugați o imagine de fundal personalizată în WordPress folosind un plugin
Această metodă este mult mai flexibilă. Funcționează cu orice temă WordPress și vă permite să configurați mai multe imagini de fundal.
De asemenea, puteți configura diferite fundaluri pentru orice postare, pagină, categorie sau orice altă secțiune a site-ului dvs. WordPress.
Face automat toate imaginile de fundal pe ecran complet și receptive. Aceasta înseamnă că imaginea de fundal se va redimensiona automat pe dispozitive mai mici.
În primul rând, trebuie să instalați și să activați pluginul Full Screen Background Pro. Pentru mai multe detalii, consultați ghidul nostru pas cu pas cum să instalați un plugin WordPress.
După activare, trebuie să vizitați pagina Aspect »Imagine BG pe ecran complet pentru a configura setările pluginului.
Vi se va cere să adăugați cheia de licență. Puteți obține aceste informații din e-mailul pe care l-ați primit după achiziționarea pluginului sau din contul dvs. de pe site-ul web al pluginului.
Apoi trebuie să faceți clic pe „Salvează Setările'pentru a stoca modificările dvs. Acum sunteți gata să începeți să adăugați imagini de fundal pe site-ul dvs. WordPress.
Mergeți înainte și faceți clic pe buton Adăugați o imagine nouă Pe pagina de setări a pluginului. Aceasta vă va duce la ecranul de descărcare a imaginii de fundal.
Faceți clic pe butonul 'Alegeți Imagine'pentru a descărca sau selecta o imagine. De îndată ce selectați imaginea, veți putea vedea o previzualizare în timp real a imaginii pe ecran.
Apoi, trebuie să furnizați un nume pentru această imagine. Acest nume va fi folosit intern, deci îl puteți folosi oriunde.
În cele din urmă, trebuie să selectați unde doriți ca această imagine să fie utilizată ca imagine de fundal.
Full Screen Background Pro vă permite, de asemenea, să configurați imagini de fundal pentru întregul site web sau puteți alege din diferite secțiuni ale site-ului dvs., cum ar fi categorii, arhive, pagină de pornire sau blog.
Nu uitați să salvați pentru a stoca imaginea de fundal.
Puteți adăuga câte imagini doriți vizitând pagina apariție »Imagine BG pe ecran complet
Dacă definiți mai multe imagini pentru a fi utilizate la nivel global, va fi afișat pluginul automat imagini de fundal ca prezentare de diapozitive.
Puteți regla timpul necesar unei imagini pentru a dispărea și timpul după care apare o nouă imagine de fundal.
Timpul pe care îl introduceți aici este în milisecunde. Dacă doriți ca o imagine de fundal să se estompeze după 20 de secunde, va trebui să introduceți 20000.
Nu uitați să faceți clic pe buton Opțiuni de salvare pentru a salva modificările.
Imagini de fundal pentru postări, pagini și categorii
Full Screen Background Pro vă permite, de asemenea, să setați imagini de fundal pentru postări, pagini, categorii, etichete și multe altele.
Editați doar postarea / pagina în care doriți să afișați o imagine de fundal diferită. Pe pagina de editare a articolului, veți observa noul grup " Imagine de fundal pe ecran complet »În editorul de articole.
Pentru a utiliza o imagine de fundal pentru o anumită categorie, trebuie să vizitați pagina Aspect »Imagine de fundal pe ecran complet, apoi faceți clic pe „Alegeți Imagine ".
După încărcarea imaginii, puteți selecta „categorie” ca context în care doriți să afișați imaginea de fundal.
Introduceți ID-ul categoriei sau Slugului specific în care doriți să afișați imaginea.
Nu uitați să salvați imaginea pentru a stoca setările.
Metoda 3. Adăugați imagini de fundal personalizate oriunde în WordPress folosind codul CSS
În mod implicit, WordPress adaugă mai multe clase CSS la diferite elemente HTML de pe site-ul dvs. WordPress. Puteți adăuga cu ușurință imagini de fundal personalizate la postări, categorii, autori și alte pagini folosind aceste clase CSS generate de WordPress.
De exemplu, dacă aveți o categorie pe site-ul dvs. numită TV, WordPress va adăuga automat aceste clase CSS la eticheta corpului atunci când cineva vizualizează pagina categoriei TV.
Poți folosi instrument de inspecție pentru a vedea exact ce clase CSS sunt adăugate de WordPress la eticheta corpului.
Puteți utiliza oricare dintre clasele CSS pentru a stiliza această pagină de categorie în mod diferit.
categoria-tvcategoria-4
Să adăugăm o imagine de fundal personalizată la o pagină de arhivă a categoriilor. Va trebui să adăugați acest CSS personalizat la tema dvs. WordPress.
body.category-tv { imagine de fundal: url („http://example.com/wp-content/uploads/2017/03/your-background-image.jpg”); fundal-poziție: centru centru; fundal-size: cover; fundal-repetare: nu se repetă; background-attachment: fix; }
De asemenea, puteți adăuga fundaluri personalizate la postări și pagini individuale. WordPress adaugă o clasă CSS cu ID-ul postării sau al paginii în corpul etichetei. Puteți utiliza același cod CSS doar înlocuiți .category-tv cu clasa CSS a unei postări specifice.
Descoperiți și câteva plugin-uri premium WordPress
Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.
Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.
1. Ușor personalizat JS și CSS
Ce WordPress plug-in premium este un editor de cod CSS și JavaScript puternic care vă permite să le adăugați în orice secțiune a site-ului dvs. Vă permite să vă păstrați personalizările chiar și după o actualizare majoră a temei dvs. WordPress.
Aveți opțiunea de a limita câmpul de utilizare al codului dvs. personalizat. De exemplu, puteți utiliza codul numai pentru un articol în format video.
Vezi articolele noastre pe Cum să solicitați acceptarea condițiilor de utilizare pe WordPress
Sau puteți limita codul dvs. la o temă specifică WordPress; Ce este util dacă în prezent schimbați teme pentru blogul dvs. WordPress.
Descarca | Demo | web hosting
2. Creion galben: editor de stil CSS vizual
Yellow Pencil este un editor de stil vizual pe care îl puteți utiliza cu orice temă pentru a vă personaliza site-ul în câteva minute (fonturi, culori, animații și multe altele ...).
Ce WordPress plug-in premium va crea stiluri CSS prin fundal în timp ce te joci cu culorile de parcă ar fi un joc. A fost conceput atât pentru începători, cât și pentru utilizatori cu experiență.
Descoperiți și noi Pluginele 5 WordPress pentru a afișa notificări
Nu sunt necesare cunoștințe de codare. Însă WordPress plug-in are un editor CSS bun pentru cei cărora le place să codeze. Puteți codifica live cu acest editor și vă puteți personaliza CSS.
Descarca | Demo | web hosting
3. Widget de comentarii recente pe Facebook
Acest widget vă permite să afișați o listă cu cele mai recente comentarii Facebook de pe blogul dvs. WordPress pe prima pagină sau oriunde există un widget utilizat de site-ul web.
Ca funcții veți avea, printre altele: afișarea tuturor ultimelor comentarii ale site-ului sau blogului WordPress,Aprobarea automată sau manuală a comentariilor care vor fi afișate pe widget,trimiterea unei notificări prin e-mail atunci când o persoană comentează prin intermediul pluginului pentru comentarii Facebook, SEO bun, compatibilitatea cu orice temă WordPress, oopțiuni pentru a personaliza widgetul și multe altele.
Descarca | Demo | web hosting
Resurse recomandate
Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.
- Cum să ascundeți un widget WordPress pe mobil
- Pluginurile 10 WordPress pentru a îmbunătăți vizibilitatea site-ului dvs.
- Cum să migreze manual un site WordPress WordPress: Ghidul
- 7 plugin-uri WordPress pentru butoanele de apel la acțiune pe WordPress
Concluzie
Aici ! Gata pentru acest tutorial. Sperăm că acest articol te-a ajutat să înveți cum să adaugi o imagine de fundal în WordPress. Nu ezita sa împărtășiți cu prietenii de pe rețelele de socializare preferate.
Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru pentru Creare blog WordPress.
Dacă aveți sugestii sau observații, lăsați-le în secțiunea noastră comentarii.
...