Cum să creați o galerie de imagini WordPress cu miniaturi

Publicat: 2021-02-04

Mulți utilizatori WordPress nu știu că pot profita de pluginuri cu funcții puternice care le permit să aibă control complet asupra galeriilor. Din fericire pentru tine, am pregătit un tutorial simplu despre cum să creezi o galerie de imagini cu miniaturi folosind editorul WordPress (cunoscut și sub numele de Gutenberg Block Editor), precum și un plugin pentru galerie.


În acest articol, vă vom arăta:

  • o comparație între galeria de bază WordPress și Modula;
  • cum puteți adăuga miniaturi cu galeria WordPress implicită ;
  • pașii de urmat la crearea unei galerii de imagini cu miniaturi ;
  • soluții alternative pentru a crea o galerie de miniaturi WordPress;
  • si multe altele .

Cuprins

  • Creați o galerie de miniaturi cu editorul de blocuri WordPress
  • Crearea unei galerii de miniaturi cu Modula
    • Pasul 1: Creați o galerie de imagini
    • Pasul 2: adăugați miniaturi în galeria dvs. de imagini
    • Pasul 3: Salvați galeria de imagini și adăugați-o pe site-ul dvs. web
  • Gânduri finale

Galeriile de miniaturi sunt una dintre cele mai utilizate soluții de pe web pentru afișarea mai multor imagini, deoarece nu ocupă atât de mult spațiu, permit o navigare rapidă și o inspecție mai atentă atunci când este necesar. Deci, să presupunem că sunteți un utilizator WordPress care dorește să creeze galerii de imagini cu miniaturi. În acest caz, aveți două opțiuni: Editorul de blocuri Gutenberg (fără emoții, soluție simplă pentru buget) sau un plugin pentru galerie (mai multe funcții).

Instrument Galerie de miniaturi Deschideți imagini într-o casetă lightbox Miniaturi în partea de jos Navigare prin tastatură Defilare verticală/orizontală pentru miniaturi Introduceți un link extern
Gutenberg Block Editor
Modula

În funcție de nevoile dvs., puteți vedea ce veți obține pentru galeria de miniaturi cu fiecare soluție i n tabelul de mai sus. Atât editorul WordPress, cât și Modula vă permit să creați o galerie de miniaturi și să deschideți imagini într-un Lightbox (fereastra care se deschide când faceți clic pe o imagine și care apare în întregime) – singurul dezavantaj aici este că nu vă puteți personaliza Lightbox cu galeria WordPress implicită.

Desigur, puteți alege un plugin Lightbox care funcționează excelent cu editorul WordPress, dar dacă va trebui să instalați mai multe plugin-uri care nu sunt realizate de același dezvoltator, este posibil ca acestea să nu funcționeze perfect împreună și veți ajunge cu galerii sparte. Mai mult, nu vei beneficia de suport și actualizări, deoarece beneficiezi de o soluție comercială precum Modula.

Deși utilă pentru galeriile de bază, galeria implicită WordPress poate fi destul de limitată în comparație cu alte plugin-uri complete. Iată doar câteva dintre lucrurile pe care galeria nativă WordPress nu le poate face:

  • nu poți permite oamenilor să navigheze prin miniaturile tale cu tastatura – vor trebui să închidă și apoi să deschidă câte o imagine, o problemă care ar putea să-ți frustreze utilizatorii și să-i facă să părăsească site-ul tău,
  • nu puteți plasa miniaturi în partea de jos a casetei lightbox - acest lucru va îngreuna navigarea printre miniaturi și experiența utilizatorului poate fi afectată,
  • nu oferă o axă de miniaturi – dacă nu le permiteți oamenilor să defileze prin miniaturi, ei nu pot ajunge la toate imaginile dvs. sau să găsească ceea ce caută;
  • nu puteți adăuga linkuri externe la imagini – în unele cazuri, veți dori să legați miniaturile din galerie la adrese URL externe.

Dacă încă nu sunteți sigur care instrument vi se potrivește cel mai bine, să vedem cum funcționează.


Creați o galerie de miniaturi cu editorul de blocuri WordPress

Să presupunem că ești fotograf de design interior sau îi ajuți pe oameni să-și decoreze casele și vrei să creezi o pagină cu câteva imagini de design interior pentru a le arăta oamenilor portofoliul tău. Accesați tabloul de bord WordPress > Pagini > Adăugați nou. Vom crea o pagină nouă pe site-ul dvs. cu fotografiile dvs.

creați o pagină nouă
Adăugați o pagină nouă

Voi da un nume paginii mele, apoi dau clic pe pictograma „+” și voi adăuga blocul Galerie .

Creați o galerie
Adăugați o galerie

Acum, trebuie să vă încărcați imaginile sau, dacă le aveți deja încărcate pe WordPress, le puteți adăuga din Biblioteca dvs. media.

Adăugați imagini în galeria dvs
Incarca Imagini

După ce ați încărcat fotografiile, să creăm o galerie de imagini cu miniaturi. În bara laterală din dreapta, veți vedea câteva setări ale galeriei. Accesați dimensiunea imaginii și setați miniatură . Apoi, asigurați-vă că selectați câte imagini să afișați pe coloană (am adăugat 8 imagini, dar puteți adăuga câte doriți).

În ultima parte, trebuie să vă legați imaginile la fișierul media sau la o pagină atașată (dacă nu faceți acest lucru, oamenii nu vor putea să facă clic pe o imagine și să o vadă în întregime).

personalizați-vă galeria
Personalizați-vă galeria cu miniaturi

Deci, așa puteți crea o galerie de imagini cu miniaturi cu editorul WordPress implicit. După ce v-ați configurat galeria, faceți clic pe Publicați , iar galeria de miniaturi este live.

Galeria de miniaturi creată cu Gutenberg Block Editor

Crearea unei galerii de miniaturi cu Modula

Înainte de a crea galeria noastră de miniaturi WordPress, trebuie să instalați și să activați Modula – procesul este foarte ușor și va dura mai puțin de 1 minut.


Pasul 1: Creați o galerie de imagini

De fiecare dată, de acum înainte, când doriți să creați o galerie de imagini, faceți clic pe pictograma Modula , apoi apăsați Adăugare nou .

Creează-ți galeriile cu Modula
Creează-ți prima galerie

Acum, puteți începe prin adăugarea unui titlu descriptiv la galeria de miniaturi WordPress și încărcarea imaginilor. Dacă aveți deja imaginile încărcate în WordPress, le puteți selecta și din Bibliotecă.

Incarca Imagini
Adăugați titlu și încărcați fișiere imagine

Datorită interfeței cu drag-and-drop a Modula, puteți aranja imaginile în galeriile dvs. în funcție de preferințele dvs.

organizează-ți pozele
Aranjați-vă pozele

Pasul 2: adăugați miniaturi în galeria dvs. de imagini

Cel mai fantastic lucru pe care îl puteți face cu galeriile dvs. este să adăugați un tip de galerie. Cum? Derulați în jos și accesați Setări generale. În tipul de galerie, puteți alege să adăugați o galerie cu grile personalizate, o galerie cu coloane, un glisor sau o galerie creativă.

alege un tip de galerie
Selectați un tip de galerie

În continuare, să schimbăm dimensiunea imaginii. În aceeași secțiune, faceți clic pe caseta derulantă Dimensiune imagine și faceți clic pe Miniatură .

adăugați dimensiunea imaginii
Dimensiunea imaginii în miniatură

După ce ați configurat dimensiunea imaginilor, accesați Lightbox și Link-uri . Aici puteți alege să vă deschideți galeria de imagini într-o casetă luminosă frumoasă.

permite deschiderea imaginilor într-o casetă lightbox
Deschideți imagini într-o casetă lightbox

Pluginul Modula vă permite, de asemenea, să personalizați afișarea miniaturilor. Derulând în jos pe pagină, veți găsi setările pentru miniaturi.

Ce poți face în această secțiune?

  • Adăugați butonul pentru miniaturi în bara de instrumente Lightbox;
  • Miniaturi de pornire automată – afișați miniaturile la deschiderea casetei de lumină;
  • Axa degetului mare – selectați derularea verticală sau orizontală pentru miniaturi;
  • Miniaturi în partea de jos – plasați miniaturile în partea de jos a casetei de lumină;
Adăugați miniaturi în galeria dvs. de imagini
Setări pentru miniaturi

De asemenea, puteți adăuga animație de închidere/deschidere, efect de tranziție și multe alte efecte dinamice.

Adaugă galerii de miniaturi pe site-ul tău astăzi!

Soluție modernă de galerie de miniaturi pentru uz zilnic.

Incepe acum

Dacă trebuie să adăugați linkuri externe la miniaturile dvs., iată un articol despre cum să adăugați linkuri către imagini.


Pasul 3: Salvați galeria de imagini și adăugați-o pe site-ul dvs. web

După ce v-ați personalizat galeria de miniaturi, nu uitați să faceți clic pe Salvare galerie . Nu vrei să pierzi toate schimbările și să iei de la capăt.

salvează galeria
Salvează-ți galeria

După ce salvați galeria de miniaturi WordPress, Modula va genera un shortcode pentru galeria dvs.

shortcode galerie
Shortcode pentru galeria de miniaturi

Tot ce trebuie să faceți acum este să copiați codul scurt și să-l inserați în pagina dvs.

lipiți codul scurt
Adăugați galeria Modula pe pagină

Faceți clic pe Publicare și să aruncăm o privire la galeria de miniaturi Modula.

Galerie de miniaturi creată cu Modula

Gânduri finale

Dacă doriți să creați galerii de bază, puteți merge cu galeria implicită WordPress. Dar dacă doriți să îmbunătățiți experiența utilizatorului, să simplificați procesul de navigare și să creați galerii atractive din punct de vedere vizual, Modula este o soluție mai bună. Nu numai că puteți afișa galerii de imagini în miniatură, dar puteți avea și control complet asupra aspectului galeriilor dvs.

Tot ce trebuie să faci este:

  1. Creați o nouă galerie și setați dimensiunea imaginii în miniatură
  2. Permiteți deschiderii imaginilor într-o casetă lightbox cu miniaturi în partea de jos, adăugați o axă pentru miniaturi și o navigare de la tastatură
  3. Adăugați galeria de imagini cu miniaturi pe site-ul dvs.

Puteți folosi toate aceste funcționalități obținând Planul de prețuri pentru început .

Începeți cu Modula