Adăugați și editați galerii de imagini ca un profesionist în Elementor

 În timp ce folosirea Elementor ajută foarte mult la crearea unei pagini sau postări, este, de asemenea, adevărat că este posibil să avem nevoie de mai multe instrumente pentru ca aceasta să funcționeze perfect, unul dintre aceste instrumente care este important de menționat ar fi un manager de galerie care ne-ar putea permite să îmbunătățim deja puternic generator de pagini, haideți să vedem cât de ușor este să adăugați și să editați galerii cu WP Media folder direct în Elementor.

Cu instrumente minunate precum un manager de galerie și o integrare cu toți constructorii de pagini majore, WP Media Folder ne permite să creăm galerii cu adevărat minunate, precum și să comandăm biblioteca noastră media în doar câteva clicuri!

În acest tutorial, vom crea o galerie de la zgârietură folosind Gallery Manager și direct de la Elementar.

Creați o galerie WordPress cu WP Media Folder

În primul rând, vom vedea cât de ușor este să creăm o galerie folosind Addonul WP Media Folder Gallery.

Acest manager de galerie poate fi găsit după instalarea WP Media Folder și a Galeriei Addon sub biblioteca media> Galeriile de folder media

Pe acest ecran, trebuie să trecem peste Galeria + Adăugați o nouă galerie și să faceți clic pe + Creați o nouă galerie media .

Aceasta va deschide un modal în care putem tasta titlul galeriei și selecta o temă.

Deocamdată, îl vom numi „Galeria mea” și vom lăsa tema implicită.

Acest lucru ne va conduce la tabloul de bord al Galeriei cu multe opțiuni pentru a configura și construi galeria noastră, în primul rând, vom adăuga imagini în galeria noastră.

Vom observa multe opțiuni pentru a adăuga media la galerie, principalele adăugându -le din biblioteca media sau încărcând direct de pe
PC File Explorer , să le vedem pe amândouă.

În primul rând, avem Media Library , care este pictograma WordPress, faceți clic pe ea.

Făcând clic aici va deschide biblioteca media, veți observa că există foldere în biblioteca mea media, aceasta este datorită WP Media Folder care îmi permite să comand toate media în cel mai bun mod posibil cu dosarele și filtrele media, puteți vedea mai multe despre acest lucru aici, dar acesta este pentru o altă postare;)

Acum pentru a adăuga imaginile, tot ce trebuie să facem aici este să mergem la folderul media unde am adăugat imaginile pe care dorim să le adăugăm și să selectăm imaginile folosind CTRL + Faceți clic pentru a le selecta și, în final, faceți clic pe Import Images .

Acest lucru va adăuga toate imaginile selectate la managerul galeriei care ne permite să le folosim și să le reglăm.

Acum să vedem opțiunea de a încărca imagini direct de pe PC -ul nostru File Explorer , pentru aceasta, faceți clic pe pictograma folderului.

După ce ați făcut acest lucru, exploratorul dvs. de fișiere se va deschide instantaneu pentru a vă permite să navigați în folderele dvs. și să selectați imaginile pe care doriți să le adăugați la galerie.

Selectați imaginile pe care doriți să le încărcați, apoi faceți clic pe Deschideți .

După ce am făcut acest lucru, ar trebui să ne terminăm! Acum avem toate imaginile din managerul nostru de galerie gata să fie folosite pentru galeria noastră.

Acum că avem toate imaginile noastre în loc, să verificăm setările galeriei, pentru aceasta, faceți clic pe a doua setări de afișare a filei și cod scurt .

În primă instanță, putem vedea că avem 8 galerii fiecare galerie cu propriile setări.

Să vedem Masonry , acesta este peretele clasic cu multe imagini afișate în diferite dimensiuni, așa cum putem vedea în Previzualizare .

În cadrul setărilor, putem alege între toate opțiunile, de exemplu, dimensionarea imaginii și aspectul masonry , să o edităm de pe verticală curentă la orizontală și să facem imaginile mai mici.

Acum verificând Previzualizare pentru a confirma cum arată acum.

Deoarece puteți vedea un instrument foarte bun, cu caracteristici nemaipomenite, deoarece ne permite să facem modificări și să verificăm cum arată cu câteva clicuri și în câteva secunde! Crearea unei galerii nu a fost atât de ușoară înainte!

Adăugarea galeriilor WordPress în Elementar

Acum că am văzut cum să creăm o galerie folosind WP Media Folder Gallery Manager, să vedem cum să o adăugăm la postarea noastră sau la paginile noastre folosind Elementar .

Pentru a face acest lucru, accesați pagina sau postați -o (sau creați -o) și faceți clic pe Editare cu Elementar pe care îl va încărca constructorul de pagini.

În editor, căutați Galeriei Addon WP Media Folder și adăugați -l la conținutul dvs.

Un bloc ne va încărca, care ne va permite să știm că a fost adăugat blocul Media Gallery Addon.

În fila din stânga, vom putea selecta galeria pe care o dorim și vom putea, de asemenea, să o reglăm.

În primul rând, să selectăm galeria pe care am creat -o sub Galeria Alegeți o galerie .

Galeria pe care am creat -o anterior se va încărca automat pe constructorul de pagini sub blocuri.

Aceasta arată tema Masonry pe care am selectat -o în Gallery Manager, să verificăm toate opțiunile disponibile în temele care pot fi selectate direct din setările blocului.

Masonry

O temă foarte bună, care s -ar putea potrivi perfect pe aproape fiecare pagină care ne permite să arătăm multe imagini.

Mod implicit

Această temă ne permite să arătăm imaginile într -un mod clasic și cu titlul imaginii.

Portofoliu

Acest lucru ne permite să ne arătăm imaginile similare cu tema implicită, dar folosind un alt font, perfect pentru a arăta artă.

Glisor

Glisorul clasic care ne permite să concentrăm câteva număr de imagini pe diapozitiv.

Diapozitiv de flux

Similar cu tema glisantă, dar cu o altă animație, concentrându -ne pe o imagine pe diapozitiv, dar care ne permite să previzualizăm celelalte imagini.

Grilă pătrată

O galerie clasică cu imagini pătrate care arată titlul imaginii atunci când le plimbă.

Material

O temă cu adevărat nemaipomenită care ne permite să arătăm imagini pătrate cu o umbră frumoasă și titluri.

Grilă personalizată

O temă de grilă care ne permite să redimensionăm imaginile pentru a le face să arate cum ne dorim, este cea mai bună opțiune atunci când dorim să creăm o galerie cu propriile dimensiuni/dimensiuni ale imaginii noastre. Să vedem cum funcționează rapid pe managerul galeriei.

Acum să vedem opțiunile disponibile în meniul din stânga pentru toate galeriile.

În primul rând, avem navigarea galeriei , permițând această opțiune să permită utilizarea galeriilor de navigare disponibile pe WP Media Folder Gallery Addon, care ne permite să folosim și galerii părinți și sub-galerii , puteți vedea o demonstrație de lucru aici

Ca a doua opțiune, avem eticheta de afișare , utilă atunci când avem multe imagini într -o galerie și dorim să permitem utilizatorilor noștri să le filtreze în frontend folosind sistemul de etichete din WP Media Folder .

Apoi, avem selectorul de temă care ne permit să selectăm între temele disponibile (pe care le -am arătat înainte) și vor arăta, de asemenea, setări specifice în funcție de tema selectată precum aspectul și, de exemplu, durata de tranziție a glisorului.

Putem continua să verificăm și vom găsi Alegeți o galerie care ne va permite să selectăm între toate galeriile pe care le -am creat în managerul nostru de galerii media.

Dimensiunea imaginii , această opțiune ne permite să selectăm între toate dimensiunile imaginilor disponibile, permițându -ne să reglăm imaginile, astfel încât aceste aspecte și să ne potrivim perfect conținutul nostru.

Opțiunea Dimensiunea Lightbox ne va permite, cum ar fi dimensiunea imaginii, să selectăm dimensiunea Lightbox care va fi afișată dacă o selectăm ca acțiune pe clic.

De asemenea, vom avea acțiunea pe clic care ne va permite să selectăm între afișarea unei cutii de lumină care este o versiune mai mare a imaginii, accesarea la o altă pagină sau pur și simplu nu facem nimic atunci când faceți clic pe imagine.

Și ultima opțiune care este setările de comandă în care vom putea vedea și selecta cum dorim să ne arătăm imaginile în galerie.

Desigur, în afară de acestea, vom avea setările pentru adăugarea de marjă între imagini, vom schimba culoarea hover, adăugăm o bordură și o umbră.

După cum puteți vedea, este foarte ușor să folosiți Elementar pentru a regla fin galeriile noastre WP Media Folder și pentru a -l face să se potrivească paginii noastre!

Creați galerii rapide folosind foldere media

Ca un subiect suplimentar, vom arăta cum să creăm galerii folosind folderele create de WP Media Folder în câteva secunde.

Această caracteristică ne va permite, de asemenea, să adăugăm automat imagini în galerie atunci când acestea sunt adăugate în folder.

În primul rând, accesați galeria de dosare media de sub  biblioteca media , unde am creat galeria înainte, pe această pagină treceți mouse -ul peste + adăugați galerie nouă și apoi faceți clic pe Crearea galeriei din folder .

Va fi afișat un explorator de folder unde putem selecta folderul pe care îl vom folosi.

După ce faceți clic pe Creare , imaginile din folder vor fi încărcate automat în galerie, permițându -ne să creăm o galerie în doar câteva secunde!

De asemenea, vom fi capabili să adăugați automat imagini atunci când acestea sunt adăugate la biblioteca media din același folder pe care tocmai am selectat-o ​​salvându-ne momentul pentru a merge la managerul galeriei și a adăuga imaginea manual.

Pentru a utiliza această opțiune, imaginea auto-adăugată în folderul ar trebui să fie activată, disponibilă în partea dreaptă sus chiar sub de salvare .

Și magia se face! Folderele care sunt, de asemenea, imagini care se afișează automat în partea frontală, ce altceva am cere? :) 

Începeți să utilizați WP Media Folder cu constructorul dvs. preferat

Avem, de asemenea, un videoclip care explică totul pas cu pas, astfel încât să puteți vedea pluginul care funcționează în direct, verificați -l!

Un plugin cu caracteristici uimitoare care ne va permite să nu creăm doar galerii, ci să ne organizăm și mass -media, să importăm din Google Photos și să o descărcăm și eu!

Compatibil cu toți constructorii majori ne va permite să ne organizăm și să ne arătăm mass -media în cel mai profesionist mod cu doar câțiva pași, deci ce așteptați? Du -te aici și ia -l acum!