Cum să creați o galerie de imagini în WordPress (Pas cu Pas)

Încercarea de a prezenta o colecție de fotografii pe site-ul dvs. WordPress poate deveni rapid neîndemânatică. Dacă le adăugați una după alta, vizitatorii dvs. sunt forțați să deruleze la nesfârșit, ceea ce face ca paginile dvs. să pară aglomerate și neprofesioniste.

O galerie de imagini este soluția perfectă. Organizează-ți fotografiile într-un grid frumos, permițându-ți să afișezi mai multe poze pe un spațiu mai mic.

La WPBeginner, am văzut în direct cum o galerie bine realizată poate face un site web mai captivant pentru vizitatori. Este o schimbare simplă care face ca portofoliul, produsele sau postările de pe blog să arate îngrijite și profesionale.

În acest ghid, vă vom arăta cum să creați cu ușurință o galerie de imagini în WordPress, cu și fără un plugin.

De ce să creezi o galerie de imagini în WordPress?

WordPress face extrem de ușor să adăugați o imagine la postările și paginile dvs. de blog. Trebuie doar să adăugați blocul Imagine și să încărcați imaginea.

Cu toate acestea, dacă adăugați mai multe imagini pe site-ul dvs. WordPress, acestea vor apărea una după alta. Acest lucru nu arată grozav, iar utilizatorii dvs. vor trebui să deruleze mult pentru a le vedea pe toate.

Crearea unei galerii vă permite să afișați imagini într-un aspect de grilă cu coloane și rânduri. Puteți afișa miniaturi pentru imaginile dvs., iar utilizatorii pot face clic pe ele pentru a vedea imaginea completă.

În acest fel, puteți afișa mai multe fotografii pe un spațiu mai mic și va arăta mult mai profesional.

De exemplu, dacă creezi un site web de fotografie pentru a-ți afișa imaginile, adăugarea unei galerii foto îți permite să-ți prezinți munca într-un mod estetic plăcut.

Cu WordPress, puteți crea cu ușurință o galerie de imagini folosind blocul Galerie în editorul de blocuri Gutenberg.

Puteți folosi, de asemenea, pluginuri de galerii WordPress pentru a crea galerii și mai bune, cu mai multe funcționalități.

Acestea fiind spuse, să vedem cum să creăm ușor o galerie de imagini în WordPress.

Pentru acest tutorial, vom prezenta două metode de creare a unei galerii, iar dvs. puteți folosi linkurile de mai jos pentru a sări la metoda aleasă:

1. Creați o galerie de imagini cu editorul de blocuri WordPress
2. Creați o galerie de imagini folosind Envira Gallery (Recomandat)
3. Bonus: Optimizează imaginile galeriei pentru motoarele de căutare
4. Tutorial video
5. Întrebări frecvente despre galeriile de imagini
6. Resurse suplimentare

Metoda 1: Creați o galerie de imagini cu editorul de blocuri WordPress

Această metodă este pentru crearea unei galerii de imagini folosind editorul de blocuri WordPress. Cu toate acestea, țineți cont de faptul că această funcționalitate este foarte de bază și nu oferă multe opțiuni de personalizare.

Mai întâi, trebuie să deschizi un articol/pagină existent sau nou unde vrei să creezi galeria din bara laterală de administrare WordPress.

Odată ce sunteți acolo, pur și simplu faceți clic pe butonul „+” din colțul din stânga sus al ecranului. De aici, găsiți și adăugați blocul Galerie pe pagină sau postare.

Odată ce ați făcut acest lucru, faceți clic pe butonul „Încărcare” pentru a încărca noi fișiere imagine de pe computerul dvs.

Cu toate acestea, dacă doriți să încărcați imagini din biblioteca media, atunci trebuie să faceți clic pe butonul „Biblioteca media” în schimb.

Dacă alegeți să încărcați de pe computer, puteți selecta mai multe fișiere imagine simultan, ținând apăsată tasta Ctrl (Cmd pe Mac) în timp ce faceți clic pe ele.

Cu toate acestea, puteți selecta și deschide mai multe imagini ținând apăsată tasta Ctrl de pe tastatură.

După ce ai încărcat toate imaginile, poți adăuga legende făcând clic pe pictograma „Adaugă legendă” din bara de instrumente a blocului, deasupra imaginilor individuale.

Poți adăuga, de asemenea, text alternativ la imagini din panoul de blocuri din dreapta.

Dacă selectezi butonul „Biblioteca media”, vei putea alege mai multe imagini pentru galeria ta simultan.

Pe măsură ce selectați imagini, puteți introduce, de asemenea, textul alternativ al imaginii, titlul și legenda din panoul de detalii atașament din partea dreaptă.

După ce ați adăugat toate imaginile, pur și simplu faceți clic pe butonul „Creați o galerie nouă”.

Acest lucru vă va direcționa către pagina „Editare Galerie” din fereastra de selectare a bibliotecii media.

De aici, puteți selecta imagini individuale și le puteți adăuga o legendă, un titlu, o descriere sau text alternativ.

Când ați terminat, pur și simplu faceți clic pe butonul „Inserare galerie” din colțul din dreapta jos.

Galeria de imagini pe care ați creat-o va fi acum adăugată în editorul WordPress.

Puteți, de asemenea, să o personalizați în continuare selectând blocul Galerie și configurând setările acestuia din panoul de blocuri din dreapta.

De exemplu, poți folosi glisorul „Coloane” pentru a decide numărul de coloane și rânduri pentru galeriile tale.

Puteți chiar să comutați comutatorul „Decupează imaginea” pentru a decupa miniaturile pentru o mai bună aliniere.

Din opțiunile „Link către”, puteți alege Niciuna dacă doriți ca utilizatorii să vadă doar fotografia dvs. Această opțiune dezactivează funcția de clic pentru imaginile dvs.

Totuși, dacă selectați opțiunea „Fișier media”, atunci imaginile vor fi clicabile, iar fișierul imaginii se va deschide la clic. Similar, pagina atașamentului se va deschide dacă selectați opțiunea „Pagina atașamentului”.

Odată ce sunteți mulțumit de setări, faceți clic pe butonul „Publicare” sau „Actualizare” din partea de sus pentru a salva setările.

În cele din urmă, poți vizita blogul tău WordPress pentru a vedea galeria de imagini în acțiune.

Acum ai creat cu ușurință o galerie de imagini pentru site-ul tău web. Cu toate acestea, vei observa în curând că îi lipsesc câteva caracteristici esențiale.

De exemplu, dacă legați imaginile din galerie la fișierul media sau la pagina de atașament, creați o experiență proastă pentru utilizator. Legarea la un „Fișier Media” deschide imaginea în același tab al browserului, îndepărtând vizitatorii de pe pagina dvs., în timp ce legarea la o „Pagină de Atașament” deschide o pagină separată pentru acea imagine. În ambele cazuri, utilizatorii trebuie să folosească butonul înapoi pentru a reveni la galerie.

Acest lucru nu este ușor de utilizat și poate descuraja utilizatorii să exploreze mai departe site-ul dvs. web.

Similar, aspectul galeriei depinde și de tema WordPress pe care o utilizați.

În plus, nu puteți organiza galeriile în albume, subiecte, etichete și multe altele. Galeria dvs. nu este stocată nicăieri și, dacă trebuie să adăugați aceeași galerie din nou, va trebui să o recreați.

Dacă dorești să adaugi galerii mai profesionale, ar trebui să folosești următoarea metodă.

Metoda 2: Creați o galerie de imagini folosind Envira Gallery (Recomandat)

Dacă doriți să creați o galerie de imagini mai funcțională și mai plăcută estetic pentru site-ul dvs. WordPress, atunci această metodă este pentru dvs.

Vom folosi pluginul Envira Gallery, deoarece este cel mai bun plugin de galerie de imagini WordPress de pe piață.

Envira vă permite să creați cu ușurință galerii de imagini complet responsive, frumoase și moderne în WordPress. Este super rapid și vine cu multe funcții, cum ar fi o fereastră pop-up lightbox, navigare ușoară a imaginilor, un constructor drag-and-drop și șabloane profesionale de galerie.

Înainte de a recomanda pluginul, l-am testat temeinic pe site-ul nostru demo și am obținut rezultate excelente. Envira Gallery este ușor de utilizat pentru începători și receptiv, făcându-l o alegere excelentă. Pentru a afla mai multe, vezi recenzia noastră despre Envira Gallery.

Mai întâi, trebuie să instalați și să activați plugin-ul Envira Gallery. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

După activare, accesează pagina Envira Gallery » Settings din tabloul de bord WordPress pentru a introduce cheia de licență.

Puteți obține această cheie din contul dvs. de pe site-ul Envira Gallery.

După ce ați verificat cheia de licență, puteți accesa pagina Envira Gallery » Adăugare Nouă din bara laterală WordPress pentru a începe crearea primei galerii.

Odată ce sunteți acolo, furnizați un titlu pentru galeria dvs. și apoi faceți clic pe butonul „Selectați fișiere de pe computer” pentru a încărca imaginile dvs.

De asemenea, puteți încărca imagini din biblioteca media WordPress făcând clic pe butonul „Selectați fișiere din alte surse”.

După încărcarea imaginilor, derulați în jos la secțiunea „Galerie”, unde vor apărea acum toate fotografiile dvs.

Apoi, puteți face clic pe pictograma creionului din partea de sus a fiecărei imagini pentru a deschide fereastra „Editare metadate” pe ecran.

De aici, veți putea adăuga descrierea, starea, titlul și textul alternativ pentru imaginile individuale.

După ce ați terminat, nu uitați să faceți clic pe butonul „Salvare metadate” pentru a salva legendele imaginilor dvs.

Apoi, trebuie să faceți clic pe fila „Configurare” din bara laterală din stânga.

De aici, puteți modifica aspectul galeriei, inclusiv numărul de coloane, încărcarea leneșă a imaginilor, dimensiunea imaginilor, poziționarea titlului și a legendelor, marginile, înălțimile, dimensiunile miniaturilor, dimensiunile imaginilor și multe altele.

După aceea, comutați la fila „Lightbox” din bara laterală stângă și bifați opțiunea „Activare Lightbox”.

Această opțiune va permite utilizatorilor să mărească imaginile și să le vizualizeze fără a părăsi pagina.

Puteți lăsa celelalte setări implicite așa cum sunt, deoarece funcționează foarte bine pentru majoritatea site-urilor web, dar puteți revizui opțiunile și le puteți modifica dacă doriți.

Apoi, dă clic pe fila „Mobil” pentru a configura setările galeriei pentru dispozitive mobile.

De aici, puteți alege dimensiunile imaginilor pentru dispozitive mobile, puteți activa sau dezactiva Lightbox, puteți activa/dezactiva legendele imaginilor și multe altele.

După aceea, puteți revizui mai multe opțiuni, cum ar fi slug-ul galeriei și adăugarea de CSS personalizat din secțiunea „Diverse”.

Odată ce sunteți mulțumit de setările dvs., faceți clic pe butonul „Publicare” din partea de sus pentru a salva modificările.

Apoi, trebuie să deschideți o postare sau o pagină unde doriți să încorporați galeria.

Odată ajuns acolo, apasă pe butonul „+” din colțul din stânga sus al ecranului pentru a deschide meniul de blocuri.

În continuare, găsiți și adăugați pur și simplu blocul Envira Gallery pe pagină sau postare.

După ce ați făcut acest lucru, trebuie să adăugați galeria dvs. de imagini din meniul derulant din blocul Envira Gallery.

În final, faceți clic pe butonul „Actualizare” sau „Publicare” din partea de sus pentru a salva modificările.

Acum, puteți vizualiza galeria de imagini pe site-ul dvs. WordPress.

Aici, veți observa că, făcând clic pe orice imagine din galerie, aceasta se va deschide la dimensiune completă cu efectul LIGHTBOX.

Puteți, de asemenea, să navigați prin imagini în acest popup apăsând tastele săgeată stânga și dreapta de pe ecran sau de pe tastatură.

Bonus: Optimizează imaginile galeriei pentru motoarele de căutare

Pentru a beneficia la maximum de noua dvs. galerie, ar trebui să vă optimizați imaginile pentru motoarele de căutare. Acest lucru ajută Google și alte motoare de căutare să vă găsească și să vă clasifice conținutul vizual pentru cuvintele cheie potrivite.

Imaginile optimizate corespunzător pot crește viteza site-ului dvs. și îmbunătăți experiența utilizatorului. Acest lucru duce adesea la mai mult trafic și la o mai bună implicare pe paginile dvs.

Cea mai simplă modalitate de a face acest lucru este prin adăugarea de text alternativ descriptiv la fiecare imagine. Acest text spune roboților motoarelor de căutare despre ce este imaginea dvs., ajutând-o să se claseze în rezultatele căutării de imagini.

Pentru o abordare mai puternică, recomandăm utilizarea All in One SEO (AIOSEO). Este cel mai bun plugin WordPress SEO disponibil și elimină ghicitul din optimizarea imaginilor.

Aici, la WPBeginner, folosim AIOSEO pe site-urile noastre. Modulul său Image SEO generează automat text alternativ din titluri și creează un sitemap dedicat pentru imagini, ceea ce ne economisește mult timp.

Aceste caracteristici ajută la asigurarea faptului că toate imaginile noastre sunt perfect optimizate pentru motoarele de căutare. Puteți afla mai multe în recenzia noastră completă AIOSEO.

Pe lângă textul alternativ, nu uita să folosești nume de fișiere descriptive și cuvinte cheie relevante. Pentru o analiză aprofundată, vezi ghidul nostru pentru începători despre cum să optimizezi imaginile pentru motoarele de căutare.

Tutorial video

Dacă învățați mai bine cu ajutoare vizuale, atunci ați putea dori să consultați tutorialul nostru video:

Abonează-te la WPBeginner

Întrebări frecvente despre galeriile de imagini

După ce am ajutat mii de utilizatori cu site-urile lor WordPress, am răspuns la o bună parte din întrebările despre galeriile de imagini. Iată câteva dintre cele mai frecvente:

O galerie mare de imagini va încetini site-ul meu?

O galerie cu multe imagini mari, necomprimate, poate încetini site-ul dvs. Este crucial să vă optimizați imaginile pentru web înainte de a le încărca pentru a menține paginile dvs. încărcate rapid.

De asemenea, recomandăm utilizarea unui plugin cu funcționalitate de încărcare lăsată (lazy loading), cum ar fi Envira Gallery. Această funcționalitate încarcă imaginile doar pe măsură ce devin vizibile pe ecranul utilizatorului, ceea ce îmbunătățește semnificativ performanța.

Pot adăuga videoclipuri la galeria mea WordPress?

Da, puteți crea cu ușurință galerii video. În timp ce blocul WordPress implicit este limitat la imagini, pluginuri precum Envira Gallery vă permit să adăugați videoclipuri din surse precum YouTube și Vimeo direct în galeriile dvs.

Cum pot să-mi organizez galeriile în albume?

Pentru a organiza mai multe galerii în albume, veți avea nevoie de un plugin dedicat pentru galerii. Galeria implicită WordPress nu are această funcționalitate.

Envira Gallery oferă un Addon pentru Albume care face simplă gruparea galeriilor. Acest lucru este perfect pentru fotografi sau afaceri care doresc să prezinte diferite portofolii sau categorii de produse.

Resurse suplimentare

Acum că știți cum să creați o galerie de imagini, s-ar putea să doriți să consultați și aceste alte ghiduri pentru a îmbunătăți în continuare modul în care gestionați imaginile pe site-ul dvs. WordPress:

• Ghidul începătorului pentru SEO-ul imaginilor – optimizați imaginile pentru motoarele de căutare
• WebP vs. PNG vs. JPEG: Cel mai bun format de imagine pentru WordPress
• Pluginuri WordPress grozave pentru gestionarea imaginilor

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.