Cum să pui imagini una lângă alta în WordPress cu ușurință

Când am început să scriem pe blog, alinierea imaginilor părea adesea mai frustrantă decât distractivă.

Dar ne-am dat seama curând că plasarea imaginilor una lângă alta nu înseamnă doar a face lucrurile să arate bine – ajută de fapt cititorii să înțeleagă și să se bucure mai mult de conținut.

De-a lungul timpului, am acumulat câteva tehnici simple pentru a facilita acest proces, iar plasarea vizualurilor una lângă alta a devenit una dintre metodele noastre preferate pentru a crea galerii foto frumoase.

În acest tutorial, vă vom ghida prin două metode ușoare pentru afișarea imaginilor una lângă alta – una folosind editorul de blocuri WordPress încorporat și cealaltă cu pluginul Envira Gallery.

Până la final, veți putea îmbunătăți aspectul conținutului dvs. și veți crea o experiență mai captivantă pentru vizitatorii dvs.

De ce să adăugați imagini una lângă alta în WordPress?

Adăugarea imaginilor una lângă alta te ajută să prezinți elemente vizuale într-un mod mai clar și mai structurat. Îmbunătățește modul în care utilizatorii înțeleg conținutul tău și face paginile tale să pară mai organizate.

• Povestire Vizuală Mai Bună: Poți arăta pași, progres sau idei conexe într-o singură vizualizare, în loc să le separi pe pagină. Acest lucru face conținutul tău mai ușor de urmărit și de înțeles dintr-o privire.
• Comparație Ușoară: Poți plasa două sau mai multe imagini împreună, astfel încât utilizatorii să poată compara rapid detalii, diferențe sau rezultate fără a derula înainte și înapoi.
• Economisește Spațiu pe Pagină: În loc să stivuiești imaginile vertical și să faci pagina mai lungă, poți încadra mai multe elemente vizuale într-un singur rând, ceea ce menține aspectul paginii curat și compact.
• Îmbunătățește Designul și Aspectul Paginii: Imaginile una lângă alta sparg secțiunile mari de text și fac pagina ta să pară mai echilibrată, modernă și atrăgătoare vizual.
• Funcționează Bine pentru Multe Scenarii de Utilizare: Este deosebit de util pentru comparații de produse, imagini înainte și după, tutoriale și portofolii de fotografie unde elementele vizuale contează cel mai mult.

Acestea fiind spuse, îți vom arăta două moduri simple de a plasa imagini una lângă alta. Poți folosi linkurile de mai jos pentru a sări la metoda preferată:

Metoda 1: Adăugați imagini una lângă alta în WordPress folosind editorul de blocuri

Dacă sunteți în căutarea unei modalități simple de a adăuga imagini una lângă alta folosind editorul de blocuri Gutenberg, atunci această metodă este pentru dvs.

Editorul de blocuri oferă o funcționalitate de bloc Galerie care vă permite să afișați cu ușurință imagini în rânduri și coloane.

Pasul 1: Adaugă blocul Galerie

Mai întâi, va trebui să creați o nouă postare/pagină sau să editați una existentă pentru a deschide editorul de conținut. Odată ajuns acolo, faceți clic pe butonul „Adăugare bloc” (+) din colțul din stânga sus al ecranului pentru a deschide meniul de blocuri.

De aici, pur și simplu localizați și adăugați blocul Galerie pe pagină sau postare.

Pasul 2: Încarcă imaginile tale

După aceea, puteți adăuga cu ușurință imagini în blocul galerie de pe computer, făcând clic pe butonul „Încărcare”.

Puteți, de asemenea, să selectați imagini din biblioteca media WordPress, făcând clic pe butonul „Media Library”.

După cum puteți vedea, am adăugat 2 imagini în blocul Galerie, iar WordPress le-a poziționat automat una lângă alta.

Dacă decideți să adăugați o a treia imagine, atunci trebuie să faceți clic pe butonul „Adăugare” din bara de instrumente a blocului din partea de sus.

Aceasta va deschide biblioteca media de unde puteți adăuga o a treia imagine în blocul Galerie. Odată ce faceți acest lucru, veți vedea că WordPress a redimensionat pur și simplu imaginile pentru a le plasa automat una lângă alta.

Pasul 3: Ajustează coloanele galeriei

Cu toate acestea, dacă decideți să plasați o a patra imagine în blocul Galerie, aceasta va fi plasată sub celelalte imagini.

Pentru a remedia acest lucru, poți schimba numărul de coloane pentru galeria ta. Această setare controlează câte imagini vor apărea una lângă alta în fiecare rând.

De exemplu, dacă doriți două imagini una lângă alta și încă două sub ele, puteți seta Coloanele la 2.

Poți, de asemenea, să decupezi imaginile astfel încât să se alinieze, să ajustezi dimensiunile imaginilor și să le legi de pagini diferite din panoul de blocuri.

Pentru instrucțiuni detaliate, consultați ghidul nostru pentru începători despre cum să creați o galerie de imagini în WordPress.

Pasul 4: Publică modificările tale

După ce ați terminat, nu uitați să faceți clic pe butonul „Actualizare” sau „Publicare” pentru a salva modificările.

Acum, vizitați site-ul dvs. pentru a vedea imaginile una lângă alta.

Metoda 2: Plasați imagini una lângă alta în WordPress folosind un plugin (Mod ușor)

În timp ce blocul încorporat Galerie este perfect pentru aspecte simple, vei avea nevoie de un plugin pentru a crea galerii foto mai avansate, cu funcționalități precum lightboxes, albume și opțiuni de partajare socială.

Pentru aceasta, recomandăm Envira Gallery. Este constant cotat ca un plugin de top pentru galerii WordPress, cu o evaluare de 4,7/5 stele din peste 1.600 de recenzii pe WordPress.org.

Din experiența noastră, este foarte ușor de utilizat, chiar și pentru începători. Constructorul drag-and-drop menține lucrurile simple, oferindu-ți în același timp funcționalități puternice. Șabloanele predefinite fac, de asemenea, mai rapidă crearea de galerii curate și finisate.

În general, este o opțiune excelentă pentru fotografi, artiști și afaceri care doresc să prezinte elemente vizuale într-un mod profesionist. Pentru mai multe detalii despre funcționalitățile sale, aruncă o privire la recenzia noastră Envira Gallery.

Pasul 1: Instalați și activați Envira Gallery

Mai întâi, va trebui 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.

Pasul 2: Creați o nouă galerie și încărcați imagini

După activare, accesați pagina Envira Gallery » Adăugare Nouă din tabloul de bord WordPress.

Odată ajunși acolo, va trebui să dați un titlu noii dvs. galerii. Noi am numit-o „Galerie Exemplu”.

După aceea, încărcați imaginile pe care doriți să le utilizați de pe computer, făcând clic pe butonul „Selectați fișiere de pe computer”.

Pentru a încărca imagini din biblioteca media, faceți clic pe butonul „Selectați fișiere din alte surse”.

Pasul 3: Editați metadatele imaginilor (Opțional)

După ce ați încărcat imaginile, derulați în jos la secțiunea Galerie pentru a le vizualiza.

De aici, puteți oferi imaginilor dvs. un titlu și text alternativ.

Titlul apare atunci când un utilizator trece cu mouse-ul peste imagine și este afișat, de asemenea, sub imagine în lightbox, care este vizualizarea pop-up pe ecran complet.

Pentru a edita titlul și textul alternativ, faceți clic pe butonul „Edit” de pe o imagine din galerie.

Puteți apoi schimba titlul imaginii și introduce text alternativ, ceea ce este util pentru SEO-ul site-ului dvs. WordPress.

Dacă titlul tău descrie imaginea, creează un text alternativ concis și descriptiv care explică conținutul și scopul imaginii pentru accesibilitate și SEO.

Odată ce ați terminat, asigurați-vă că faceți clic pe butonul „Salvare metadate” înainte de a închide fereastra.

Dacă nu reușiți acest lucru, atunci orice modificări pe care le-ați făcut nu vor fi salvate în galerie.

Pasul 4: Publicați galeria dvs.

În final, derulați înapoi în partea de sus a paginii și faceți clic pe butonul „Publicare” pentru a salva galeria de imagini pe care tocmai ați creat-o.

După aceea, accesați pagina sau postarea WordPress unde doriți să o adăugați.

Pasul 5: Adăugați blocul Envira Gallery la o postare sau pagină

Odată ce sunteți acolo, faceți clic pe butonul „Adăugare bloc” (+) din colțul din stânga sus al ecranului pentru a deschide meniul de blocuri.

De aici, localizați și adăugați blocul Envira Gallery la pagină/postare.

Apoi, va trebui să selectați galeria pe care ați creat-o din meniul derulant din blocul în sine.

Pasul 6: Configurați layout-ul și publicați

Pentru a afișa imaginile din galerie una lângă alta, accesați panoul de blocuri din colțul din dreapta al ecranului.

De aici, derulați în jos la secțiunea „Selectați aspectul” și alegeți numărul de coloane din meniul derulant. Imaginile dvs. vor fi acum afișate una lângă alta pe pagina WordPress.

Puteți, de asemenea, să modificați marginile galeriei, să activați un efect frumos de filtrare animată (cunoscut sub numele de Isotope) și să configurați setările lightbox-ului din panoul blocului.

După ce ați terminat, nu uitați să faceți clic pe butonul „Publicare” sau „Actualizare” pentru a salva setările.

Acum, puteți vizita site-ul dvs. web pentru a vedea imaginile afișate una lângă alta.

Utilizatorul poate acum face clic pe orice imagine pentru a vedea versiunea la dimensiune completă într-o fereastră lightbox.

Mai mult, ei pot derula și prin imagini folosind lightbox-ul.

Dacă doriți să adăugați mai multe imagini în galeria dvs., atunci puteți reveni la ea vizitând pagina Envira Gallery » Toate galeriile din tabloul de bord WordPress.

Odată ce sunteți acolo, pur și simplu faceți clic pe numele galeriei dvs. pentru a o edita.

Orice modificări pe care le faceți galeriei dvs. vor apărea oriunde ați plasat-o în postările, paginile sau barele laterale. Nu trebuie să o adăugați din nou în acestea.

Bonus: Alinierea imaginilor în WordPress (inclusiv una lângă alta cu blocul Coloane)

Când adăugați două imagini una lângă alta, acestea trebuie să se alinieze pentru a crea un aspect coeziv și atrăgător vizual.

Chiar dacă adăugați o singură imagine pe blogul dvs. WordPress, tot va trebui să o aliniați cu conținutul pentru a crea un echilibru vizual.

Puteți alinia cu ușurință imaginile în editorul de blocuri WordPress făcând clic pe butonul „Aliniere” din bara de instrumente de deasupra blocului.

Aceasta va deschide câteva opțiuni de unde puteți muta imaginea la dreapta sau la stânga, o puteți face la fel de lată ca containerul sau puteți folosi opțiunea de lățime completă, astfel încât lățimea imaginii să fie aceeași cu restul paginii.

Utilizarea blocului Coloane pentru imagini una lângă alta

Dincolo de blocul Galerie, blocul Coloane este un instrument excelent pentru a plasa imagini una lângă alta, mai ales când ai nevoie de mai mult control asupra dimensiunilor individuale ale imaginilor sau a spațierii.

Îl poți folosi chiar și atunci când combini imagini cu alt conținut.

Pentru a-l utiliza, pur și simplu adăugați un bloc de Coloane și selectați aspectul dorit, cum ar fi o împărțire 50/50. Apoi, adăugați un bloc de imagine care se aliniază perfect cu conținutul dvs.

În plus, puteți înfășura text în jurul imaginii, puteți utiliza blocul de grupare, puteți adăuga blocul de copertă sau puteți face mult mai multe pentru a alinia imaginile împreună sau separat.

Pentru mai multe informații, consultați ghidul nostru pentru începători despre cum să aliniați imaginile în editorul de blocuri WordPress.

Întrebări frecvente despre adăugarea imaginilor una lângă alta

Iată câteva întrebări pe care cititorii noștri le-au adresat frecvent despre adăugarea imaginilor una lângă alta în WordPress:

Cum pun o imagine și text una lângă alta în WordPress?

Cea mai bună modalitate de a plasa o imagine lângă text este prin utilizarea blocului Coloane.

Mai întâi, adăugați blocul Coloane și alegeți un layout, cum ar fi 50/50. Apoi, puteți adăuga un bloc Imagine într-o coloană și un bloc Paragraf în cealaltă. Acest lucru vă oferă un layout curat, unul lângă altul.

Care este cea mai bună modalitate de a alinia imagini de diferite dimensiuni una lângă alta?

În timp ce blocul Galerie este excelent pentru imagini uniforme, blocul Coloane oferă mai multă flexibilitate pentru diferite dimensiuni. Îl puteți folosi pentru a crea un layout de 70/30 sau alte layout-uri personalizate.

Pentru un control mai avansat, un plugin precum Envira Gallery vă permite să creați grile personalizate care pot gestiona diverse dimensiuni de imagini în mod grațios.

Imaginile mele una lângă alta vor rămâne una lângă alta pe dispozitivele mobile?

De obicei, nu. Majoritatea temelor moderne WordPress sunt responsive, ceea ce înseamnă că blocurile de imagini plasate una lângă alta pe un desktop se vor stivui automat vertical pe ecrane mai mici.

Acest lucru se face pentru a se asigura că imaginile sunt suficient de mari pentru a fi văzute clar pe un telefon, oferind o experiență mai bună utilizatorului.

Sperăm că acest tutorial v-a ajutat să învățați cum să puneți imagini una lângă alta în WordPress. De asemenea, ați putea dori să consultați ghidul nostru despre cum să schimbați înălțimea și lățimea blocurilor în WordPress și ghidul nostru despre adăugarea tabelelor în postările și paginile WordPress.

Dacă v-a plăcut acest articol, atunci vă rugăm să vă abonați la Canalul nostru de YouTube pentru tutoriale video despre WordPress. Ne puteți găsi, de asemenea, pe Twitter și Facebook.