Cum să puneți imaginile una lângă alta în WordPress (cu ușurință)

doriți să puneți imagini una lângă alta în conținutul dvs. WordPress?

adesea începătorii se luptă să găsească cum să pună două imagini una lângă alta în postările și paginile lor WordPress.

în acest ghid pas cu pas, vom arăta cum să punem cu ușurință imaginile una lângă alta în WordPress (fără a scrie niciun cod).

 punerea imaginilor una lângă alta în WordPress

punerea imaginilor una lângă alta în WordPress

utilizarea editorului de blocuri pentru a pune imaginile una lângă alta

cel mai simplu mod de a obține imaginile una lângă alta este să folosiți editorul de blocuri WordPress.

editorul de blocuri are un bloc special ‘Galerie’ care vă permite să afișați imagini în rânduri și coloane.

în primul rând, va trebui să creați o nouă postare / pagină sau să editați una existentă pentru a deschide Editorul de conținut. Odată ajuns în interior, faceți clic pe simbolul ( + ) pentru a adăuga un bloc nou.

crearea unei postări și adăugarea unui bloc la aceasta

crearea unei postări și adăugarea unui bloc la ea

apoi, trebuie să selectați blocul Galerie și să îl adăugați la pagina dvs. Puteți găsi blocul galerie în secțiunea blocuri comune sau puteți utiliza bara de căutare pentru a-l localiza rapid.

selectarea blocului Galerie pentru a adăuga la postarea ta

selectarea blocului Galerie pentru a adăuga la postarea

acum, Puteți adăuga cu ușurință imagini la blocul galerie, trăgându-le în ea sau folosind butonul de încărcare. De asemenea, puteți selecta imagini din biblioteca Media WordPress.

după cum puteți vedea, am adăugat 2 imagini la blocul nostru de galerie. WordPress le-a poziționat automat una lângă alta.

 două imagini în galerie (fluturi și măr)

două imagini în galerie (fluturi și măr)

ce se întâmplă dacă doriți 3 imagini una lângă alta? Iată ce se întâmplă dacă adăugăm oa treia imagine. WordPress redimensionează pur și simplu pe ceilalți pentru a se potrivi tuturor celor 3 una lângă alta:

 trei imagini în galerie (fluturi, măr și flori albastre)

trei imagini din galerie (fluturi, mere și flori albastre)

dacă încărcați o a patra imagine, atunci WordPress o va plasa sub celelalte.

patru imagini în galerie (fluturi, măr, flori albastre și robin)

patru imagini din galerie (fluturi, măr, flori albastre și robin)

puteți modifica numărul de imagini pe care WordPress ar trebui să le includă una lângă alta într-o singură coloană.

mai întâi, faceți clic pe blocul Galerie, dacă nu este deja selectat. În partea dreaptă a ecranului, veți vedea setările de blocare ale Galeriei.

modificarea setărilor pentru blocul galerie

modificarea setărilor pentru blocul galerie

puteți ajusta numărul de coloane aici la orice număr între 1 și 4. De exemplu, dacă doriți două imagini una lângă alta și încă două sub ele, puteți seta coloanele la 2.

setarea galeriei pentru a avea 2 coloane, mai degrabă decât 3

setarea galeriei pentru a avea 2 coloane, mai degrabă decât 3

este la fel de simplu ca asta!

dacă doriți să schimbați unde este poziționată o imagine în galeria dvs., trebuie doar să faceți clic pe ea. Veți vedea apoi săgeți pe care le puteți utiliza pentru a le deplasa înainte sau înapoi în galerie.

mutarea unei imagini înainte sau înapoi în galerie

mutarea unei imagini înainte sau înapoi în galerie

Iată un demo galerie terminat de la postul nostru eșantion:

 galeria cu 2 coloane într-o postare live

galeria cu 2 coloane dintr-o postare live

folosind un Plugin pentru a pune imaginile una lângă alta în WordPress

dacă utilizați vechiul Editor WordPress clasic sau dacă doriți să creați galerii mai complexe decât blocul implicit al Galeriei, atunci veți avea nevoie de un plugin pentru galeria WordPress.

vă recomandăm să utilizați Galeria Envira, deoarece este cel mai bun plugin pentru galeria WordPress

de dragul acestui tutorial, vom folosi versiunea gratuită a Envira, dar poate doriți să obțineți versiunea Pro pentru a obține funcții puternice precum albume, prezentări de imagini etc.

mai întâi, va trebui să instalați și să activați pluginul Envira Gallery. Dacă nu sunteți sigur cum, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

apoi, puteți merge la Galeria Envira ” Adăugați nou în tabloul de bord WordPress.

adăugați o nouă galerie în galeria Envira

adăugați o nouă galerie în galeria Envira

va trebui să dați un titlu galeriei dvs. Am numit-o pe a noastră ‘Galerie de exemple’. Apoi, încărcați imaginile pe care doriți să le utilizați.

puteți fie să le glisați și să le plasați în caseta de încărcare, fie să utilizați unul dintre butoanele ‘Selectare fișiere’.

 dă-i un nume noii tale galerii

dă-i noii tale galerii un nume

Iată cum arată imaginile după ce au fost încărcate:

 imagini încărcate în galeria Envira

imagini încărcate în galeria Envira

poate doriți să oferiți imaginilor dvs. un titlu și alt text aici. Titlul apare sub imaginea dvs. atunci când utilizatorul își aduce cursorul mouse-ului peste ea.

titlul apare și sub imagine în modul pop-up lightbox, la care vom arunca o privire într-o clipă.

pentru a edita titlul și textul alternativ, faceți clic pe butonul Editare de pe o imagine din galerie.

 Faceți clic pe butonul Editare pentru a edita o imagine în galeria dvs

Faceți clic pe butonul Editare pentru a edita o imagine în galeria dvs.

apoi puteți modifica titlul imaginii. Este implicit la numele fișierului imaginii.

ar trebui să introduceți și text alternativ, deoarece acest lucru este util pentru SEO-ul site-ului dvs. Dacă titlul dvs. descrie imaginea, atunci o puteți repeta pur și simplu pentru textul alternativ.

setarea titlului și a textului alternativ pentru imagine

setarea titlului și a textului alternativ pentru imagine

după ce ați terminat, asigurați-vă că faceți clic pe butonul ‘salvați metadatele’ înainte de a face clic pe X pentru a închide fereastra.

 Faceți clic pe butonul Salvare metadate pentru a salva modificările

Faceți clic pe butonul Salvare metadate pentru a salva modificările

pentru a adăuga galeria dvs. pe site, va trebui mai întâi să o publicați. Mergeți mai departe și faceți clic pe butonul Publicare din partea dreaptă a ecranului.

 Faceți clic pe butonul Publicare pentru a publica galeria dvs., astfel încât să o puteți utiliza pe site-ul dvs

Faceți clic pe butonul Publicare pentru a publica galeria dvs., astfel încât să o puteți utiliza pe site-ul dvs.

acum, editați o postare sau o pagină sau creați una nouă. În interiorul editorului de conținut, faceți clic pe (+) pentru a adăuga un bloc la postarea dvs. și selectați blocul Envira Gallery. O puteți găsi în secțiunea blocuri comune sau puteți utiliza bara de căutare.

adăugați blocul Envira Gallery la postarea sau pagina dvs

adăugați blocul Galerie Envira la postarea sau pagina dvs.

va trebui apoi să faceți clic pe meniul derulant pentru a selecta Galeria.

 Selectați galeria dvs. din blocul Envira Gallery

Selectați galeria dvs. din blocul Envira Gallery

ar trebui să vedeți galeria dvs. în loc în postarea dvs.

puteți ajusta setările din partea dreaptă a ecranului. De exemplu, poate doriți să modificați aspectul coloanei sau dimensiunea marjei dintre imagini.

 Galeria Envira prezentată în editorul postării

Galeria Envira prezentată în editorul post

am decis să setăm galeria noastră să fie afișată întotdeauna în două coloane. Am adăugat, de asemenea, o marjă mai largă între imagini.

utilizatorul poate face clic pe o imagine pentru a vedea versiunea de dimensiuni complete într-un lightbox. Ele pot parcurge imaginile folosind lightbox, de asemenea.

vizualizarea unei imagini din galeria Envira într-un lightbox

vizualizarea unei imagini din galeria Envira într-un lightbox

dacă doriți să adăugați mai multe imagini în galeria dvs., atunci puteți reveni la ea vizitând Galeria Envira ” toate galeriile din tabloul de bord WordPress. Pur și simplu faceți clic pe numele galeriei dvs. pentru ao edita.

editarea unei galerii pe care ați creat-o deja în galeria Envira

editarea unei galerii pe care ați creat-o deja în galeria Envira

orice modificare pe care o faceți galeriei dvs. va apărea oriunde ați plasat-o în postări, pagini sau bare laterale. Nu aveți nevoie să-l adăugați la acestea din nou.

Sfat: Dacă utilizați editorul clasic în locul editorului de blocuri, puteți utiliza în continuare Galeria Envira.

veți vedea un buton ‘Adăugați Galerie’ deasupra editorului clasic pe care îl puteți utiliza pentru a adăuga o galerie existentă la postarea dvs.

adăugarea unei galerii Envira în editorul clasic

adăugarea unei galerii Envira în editorul clasic

de asemenea, puteți crea o nouă galerie făcând clic pe butonul ‘Adăugați Media’, apoi pe ‘Creați Galerie’.

crearea unei noi galerii folosind biblioteca Media din Editorul clasic

crearea unei noi galerii folosind biblioteca Media din Editorul clasic

sperăm că acest tutorial v-a ajutat să învățați cum să puneți imaginile una lângă alta în WordPress. S-ar putea să doriți, de asemenea, să parcurgeți ghidul nostru despre cum să aliniați imaginile în Editorul de blocuri WordPress și lista noastră cuprinzătoare a pluginurilor WordPress (expert pick).

dacă v-a plăcut acest articol, vă rugăm să vă abonați la canalul nostru YouTube pentru tutoriale video WordPress. Ne puteți găsi și pe Twitter și Facebook.

Leave a Reply

Adresa ta de email nu va fi publicată.