Creați galerii uimitoare cu cel mai bun manager de galerie pentru Elementor

Creatorii de pagini și galeriile sunt în cea mai mare parte a timpului semnificative pentru site-urile WordPress, deoarece galeriile vă permit să afișați imagini/produse într-un mod bun, iar creatorii de pagini vă permit să creați și să adăugați conținut la pagina dvs. în mod profesional.

Constructorii de pagini precum Elementar, de obicei, au instrumente/blocuri pentru a crea galerii, dar acestea nu sunt cele mai bune, deoarece nu au multe opțiuni pentru a le personaliza, dar nu vă faceți griji, deoarece WP Media Folder vă va ajuta în acest sens;)

WP Media Folder vă oferă un Addon Gallery care vă permite să creați și să personalizați folosind instrumente și caracteristici spectaculoase din galeriile dvs.

În această postare, vom vedea cum să le folosim cu Elementar , Google Photos și, de asemenea, folderele de cloud , așa că haideți să începem!

Galerii cu widget pentru element în video

Configurarea integrării WordPress Google Photos

În primul rând, vă voi anunța plugin -urile pe care le folosim pentru acest tutorial, acestea sunt elementare, WP Media Folderși cele 2 addon Pro (unul pentru galerii și celălalt pentru conexiunea cloud).

Acum că o știm, să începem, vom crea galeria de la Google Photos, pentru asta, trebuie să conectăm site -ul nostru WordPress la contul nostru Google Photos, să vedem cum să o facem.

În primul rând, avem nevoie de o aplicație Google Dev pentru asta, accesați aici: https://console.developers.google.com/project și creați un nou proiect.

Adăugați un nume la proiect, puteți adăuga orice doriți.

Acum așteptați un moment pentru crearea proiectului.

Dacă este prima dată când utilizați această API a bibliotecii de fotografii , va trebui să o activați, pentru a o activa, mergeți pe piața din meniul din stânga.

Acum, în caseta de căutare, tastați API -ul bibliotecii de fotografii și căutați -o.

Faceți clic pe el și apoi, pe activare .

Acum că este activat, faceți clic pe „API și servicii” din meniul din stânga, pe acest panou, accesați datele de acreditare .

Acum că sunteți aici, în panoul de sus, accesați + Creare acreditări> ID -ul clientului OAuth , dacă vi se cere, adăugați un nume pe ecranul dvs. de consimțământ OAuth.

Acum, configurați acreditările ca următoarele:

• Selectați „Aplicație web” și adăugați un nume la alegere.
• Origine JavaScript autorizată: https://your-domain.com (înlocuiți după numele dvs. de domeniu, fără slash de tracțiune).
  
• Autorizat Redirect Uris: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_autenticated
  

Rețineți că Google și -a schimbat politica, așa că trebuie să completați domeniile autorizate în fila Ecranul de consimțământ OAuth> Editare aplicație .

La secțiunea Domenii autorizate, faceți clic pe +Adăugați domeniu și adăugați domeniul dvs.

Adăugați -l și la de verificare a domeniului .

! Veți obține ID -ul și secretul dvs. pentru a adăuga în configurația WP Media Folder:)

Acum, haideți să vă conectăm contul Google Photos pe site -ul dvs. WordPress, pentru acest lucru accesați Setări> WP Media Folder > Cloud> Google Photo fila.

Puteți utiliza modul automat care este cel mai ușor, deoarece va trebui să vă conectați doar la contul dvs. Google, pentru aceasta, alegeți automat în „modul de conectare” și apoi conectați Google Photo .

Va apărea un pop -up, faceți clic pe Acord .

Ultimul pas va fi, conectați -vă la contul dvs. Google, permiteți permisiunile și terminați conexiunea.

Asta e totul, într -adevăr ușor și rapid, nu -i așa? :)

Plugin Elementar + Gallery, cea mai bună combinație

Acum că am terminat conexiunea, accesați galeriile de folder media> media , pe această secțiune, faceți clic pe + Adăugați galerie nouă și dați noua dvs. galerie un nume, pentru tutorial, îl vom numi galeria Google P și, de asemenea, vom folosi Square Grid .

Acum veți avea toate opțiunile pentru a configura și adăuga imagini în galeria dvs., veți vedea Google Photo , faceți clic pe ea.

Acest lucru va încărca un pop -up cu toate imaginile disponibile în contul dvs. Google Photos, aveți opțiunea de a selecta multe imagini dintr -un album sau de a selecta un album complet, pe acest tutorial, vom selecta un album complet, pentru acest lucru, selectați albumul și apoi, import album .

Veți vedea o notificare despre albumul importat.

Așteptați câteva minute și ați terminat! Veți vedea toate imaginile încărcate în tabloul de bord al galeriei, puteți face toate modificările precum selectarea unei noi galerii.

Acum, puteți accesa setările de afișare și fila de cod scurt pentru a personaliza complet galeria dvs., aveți setări precum comanda, numărul de coloane și acțiunea de pe clic.

După terminarea setărilor galeriei, faceți clic pe salvare și, puteți accesa pagina/postarea unde doriți să adăugați galeria și faceți clic pe Editare cu Elementar, astfel încât să vă încărcați constructorul de pagini.

Acum selectați secțiunea în care doriți să adăugați galeria și căutați WP Media Folder blocuri.

După cum puteți vedea, există 4 blocuri disponibile, pentru acest tutorial, vom folosi cel numit WP Media Folder Gallery Addon , aceasta va încărca Galeria Addon în Page Builder.

După mutarea blocului în secțiune, veți vedea o opțiune pentru previzualizare și, în partea stângă, opțiunea de a alege o galerie, selectați galeria pe care am creat -o înainte.

În secțiunea din dreapta, veți vedea previzualizarea galeriei și va fi actualizată automat atunci când selectați o nouă opțiune la secțiunea din stânga, astfel încât verificați -o, confirmați că totul este în regulă și faceți clic pe Publicare .

Asta este! Ați creat o galerie profesională cu câteva clicuri și ați configurat -o direct de la Page Builder :)

Utilizarea elementului pentru a crea galerii Google Drive în WordPress

 Ca un plus, vom vedea cum să creăm galerii folosind imagini din cloud ca WP Media Folder vă permite să conectați biblioteca media cu Cloud Services (Dropbox, Google Drive, OneDriveși AWS).

În acest exemplu, vom folosi Google Drive , puteți vedea cum să o conectați aici , veți observa că procesul este într -adevăr similar cu conexiunea Google Photos :)

Când este setat și sincronizați/creați folderele Google Drive, puteți accesa pagina/postarea pe care doriți să o dit și faceți clic pe Editare cu Elementar .

În secțiunea din stânga căutați WP Media Folder și faceți clic pe Galeriei WP Media Folder .

Acum, faceți clic pe + la secțiunea „Adăugați imagini”.

Aceasta va deschide un pop-up cu biblioteca media, va selecta folderul cloud, toate imaginile pe care doriți să le adăugați făcând clic pe ele și, în final, va crea o nouă galerie> Galeria de inserare .

Acest lucru va crea o galerie folosind imaginile direct din cloud, așa că după adăugarea acesteia, puteți configura setările galeriei în secțiunea din stânga și puteți verifica previzualizarea galeriei în secțiunea din dreapta, astfel încât va fi foarte ușor de editare și de verificat dacă galeria va arăta cum vrem :)

Acum puteți crea galerii cu puterea WP Media Folder, într -un mod cu adevărat ușor folosind Elementar și, de asemenea, economisiți spațiu de stocare folosind Google Drive, ce puteți cere? :)

Începeți să utilizați cel mai bun plugin WordPress Gallery

În această postare, am explicat doar câteva caracteristici din WP Media Folder și, după cum puteți vedea, a făcut lucrurile cu adevărat mai ușoare decât cum ar trebui și mai mult acum cu noua temă și interfață ! Deci, ce aștepți? Mergeți aici și obțineți propriul membru, veți vedea că există mai multe galerii decât cele prezentate în această postare și o mulțime de instrumente care sunt doar minunate :)