Cum să afișați fotografii WordPress în coloane și rânduri

Doriți să afișați fotografii WordPress în coloane și rânduri?

În mod implicit, WordPress adaugă imaginile într-o coloană verticală, una peste alta. Cu toate acestea, dacă adăugați mai multe fotografii la o postare de blog, atunci acest lucru nu arată foarte curat și necesită mult derulare pentru utilizatorii dvs.

În acest articol, vă vom arăta cum să afișați cu ușurință fotografii WordPress în coloane și rânduri.

De ce aveți nevoie de fotografii WordPress în coloane și rânduri

Implicit, atunci când adăugați mai multe imagini la o postare de blog WordPress, acestea ar apărea una lângă alta sau una peste alta.

Acest lucru nu arată prea bine, iar utilizatorii dvs. trebuie să deruleze mult pentru a vizualiza mai multe imagini și fotografii.

Puteți rezolva cu ușurință această problemă afișând fotografii pe rânduri și coloane folosind un aspect bazat pe grilă. În acest fel, imaginile vor apărea într-un aspect compact și vor îmbunătăți experiența utilizatorului pe site-ul dvs. web.

Dacă aveți un site web de fotografie, atunci puteți prezenta portofoliul într-un mod mai captivant. Sau puteți afișa mai multe imagini de produse pe un magazin online, afișându-le în rânduri și coloane.

Acestea fiind spuse, să vedem cum să afișăm fotografiile WordPress în coloane și rânduri manual sau să folosim un plugin WordPress. Faceți clic pe linkurile de mai jos pentru a sări la secțiunea dvs. preferată.

• Afișează fotografii în coloane și rânduri fără pluginuri
• Afișarea fotografiilor în coloane și rânduri folosind un plugin
• Bonus: Creați o temă personalizată cu coloane și rânduri de imagini

1. Afișarea fotografiilor în coloane și rânduri fără pluginuri

Această metodă nu necesită instalarea unui plugin pe site-ul dvs. WordPress. Dacă nu adăugați mai multe fotografii prea des, atunci aceasta ar funcționa perfect pentru dvs.

Puteți adăuga manual imagini la un bloc de coloane sau puteți utiliza blocul de galerie implicit în WordPress.

Adăugarea imaginilor într-un bloc de coloană

Mai întâi, trebuie să creați o nouă postare sau să editați una existentă unde doriți să afișați fotografiile. Odată ce sunteți pe ecranul editorului de conținut, faceți clic pe butonul „+” pentru a adăuga un bloc de coloane.

Apoi, puteți alege numărul de coloane dorit și aspectul acestuia.

De exemplu, puteți alege un raport de 50/50, un raport de 33/66, un raport de 25/50/25 și multe altele.

După aceea, puteți adăuga un bloc de imagini în fiecare coloană.

Pur și simplu faceți clic pe butonul „+” și selectați blocul „Imagine”.

Apoi, va trebui să adăugați o imagine în bloc.

Puteți face clic pe butonul „Încărcare” pentru a adăuga o imagine de pe computerul dvs. sau selectați opțiunea „Biblioteca media” pentru a utiliza o imagine existentă.

Odată ce biblioteca media se deschide, pur și simplu selectați imaginea preferată și faceți clic pe butonul „Selectare”.

Una dintre cele mai bune practici de optimizare a imaginilor este să adăugați un text alternativ (alt-text) imaginii dvs. Acest lucru permite roboților motoarelor de căutare să înțeleagă imaginea dvs. și să o afișeze în rezultatele căutării de imagini.

Ar trebui să vedeți acum imaginea dvs. într-unul dintre blocurile coloanei.

Acum, puteți face același lucru pentru alte blocuri din coloană și puteți adăuga mai multe imagini.

Adăugarea imaginilor într-un bloc galerie

WordPress oferă, de asemenea, un bloc de galerie implicit pe care îl puteți utiliza pentru a afișa imagini pe coloane și rânduri.

Pentru a începe, faceți clic pe butonul „+” și adăugați un bloc Galerie în editorul de conținut.

În continuare, va trebui să încărcați imagini sau să alegeți din biblioteca media.

Pentru acest tutorial, vom alege opțiunea „Biblioteca media”.

Apoi, pur și simplu selectați imaginile pe care doriți să le adăugați în galerie și afișați-le pe rânduri și coloane.

Odată ce ați ales imaginile, faceți clic pe butonul „Creează o galerie nouă”.

În continuare, WordPress vă va cere să introduceți legende pentru fiecare imagine și să rearanjați ordinea imaginilor.

După ce ați făcut acest lucru, faceți clic pe butonul „Inserare galerie”.

Acum ar trebui să vedeți imaginile în blocul galerie.

Puteți ajusta numărul de rânduri făcând clic pe glisorul din panoul Setări din dreapta.

Odată ce ați terminat, pur și simplu publicați postarea pentru a vedea imaginile în coloane și rânduri.

Pur și simplu vizitați site-ul dvs. pentru a le vedea în acțiune.

Această metodă ar funcționa pentru majoritatea începătorilor. Cu toate acestea, dacă aveți un blog de fotografie sau partajați frecvent fotografii pe site-ul dvs., atunci această metodă nu are mai multe caracteristici importante.

De exemplu, aspectul fotografiilor depinde de tema dvs. WordPress și sunteți limitat la acel unic aspect și stil particular.

Imaginile dvs. nu se vor deschide într-o fereastră pop-up lightbox, iar utilizatorii vor trebui să le încarce ca o pagină nouă și apoi să apese butonul înapoi pentru a reveni la pagina originală.

Pentru o experiență de utilizare mai profesională și mai frumoasă, ar trebui să încercați metoda cu plugin.

2. Afișați fotografii în coloane și rânduri folosind un plugin

Cel mai bun plugin pentru a adăuga fotografii în coloane și rânduri este Envira Gallery. Este cel mai popular plugin de galerie WordPress, extrem de ușor de utilizat și oferă o mulțime de funcționalități.

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

După activare, trebuie să vizitați pagina Envira Gallery » Settings pentru a introduce cheia de licență. Puteți obține această cheie din contul dvs. de pe site-ul Envira Gallery.

Acum, sunteți gata să creați galerii de imagini frumoase.

Pur și simplu accesați Envira Gallery » Adăugare Nouă din tabloul de bord WordPress pentru a crea prima dvs. galerie.

Mai întâi, va trebui să introduceți un nume pentru galeria dvs. în partea de sus. De aici, puteți selecta și încărca fișiere de pe computerul dvs. sau puteți selecta din biblioteca media WordPress.

După ce ați încărcat fotografiile, le veți vedea apărând în caseta de setări a galeriei de mai jos.

Apoi, trebuie să faceți clic pe fila „Configurare” pentru a personaliza modul în care doriți să afișați fotografiile.

Envira Gallery vă permite să alegeți diferite aspecte ale galeriei. Pentru a afișa imagini în rânduri și coloane, puteți selecta aspectele grid, mason și square.

După selectarea aspectului, puteți face clic pe meniul derulant „Număr de coloane galerie” și puteți alege câte coloane doriți să afișați.

Dacă derulați în jos, veți vedea mai multe opțiuni pentru a vă personaliza galeria. De exemplu, există setări pentru a edita dimensiunile și mărimea galeriei dvs.

După aceea, puteți face clic pe butonul „Publicare” pentru a pregăti galeria foto pentru a fi adăugată pe site-ul dvs. WordPress.

Acum, trebuie să editați o postare sau să creați una nouă. Odată ce sunteți în editorul de conținut, faceți clic pe butonul „+” pentru a adăuga blocul „Envira Gallery”.

De aici, puteți face clic pe meniul derulant și selecta galeria pe care ați creat-o anterior.

Puteți salva acum postarea și o puteți previzualiza pentru a vedea fotografiile dvs. în coloane și rânduri într-o galerie foto frumoasă, responsivă pe mobil.

Acum, când utilizatorii dvs. dau clic pe o miniatură foto, aceasta se va deschide într-o fereastră pop-up frumoasă. De asemenea, vor putea naviga prin imagini fără a părăsi pagina.

Bonus: Creați o temă personalizată cu coloane și rânduri de imagini

De asemenea, puteți crea teme WordPress personalizate care au un spațiu rezervat pentru adăugarea de imagini pe coloane și rânduri.

Cea mai bună modalitate de a crea o temă personalizată este prin utilizarea SeedProd. Este cel mai bun constructor de site-uri web drag-and-drop care oferă teme predefinite și o mulțime de opțiuni de personalizare.

Puteți adăuga un bloc de coloane la designul paginilor dvs. de destinație folosind SeedProd și puteți adăuga imagini în rânduri și coloane. SeedProd vine chiar cu un bloc de Galerie încorporat pe care îl puteți folosi pentru acest lucru.

Pentru a afla mai multe, vă rugăm să consultați ghidul nostru despre cum să creați o temă WordPress personalizată fără cod.

Sperăm că acest articol v-a ajutat să învățați cum să afișați fotografii WordPress în coloane și rânduri. S-ar putea să doriți, de asemenea, să consultați ghidul nostru despre cum să remediați probleme comune legate de imagini în WordPress și cel mai bun software de design pentru afaceri mici.

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.