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

Este adevărat că utilizarea galeriilor este, de obicei, una dintre cele mai bune modalități de a ne afișa conținutul pe un site web, deoarece arată mai profesionist decât doar adăugarea de imagini, dar este și adevărat că crearea de galerii și adăugarea de stiluri ar putea fi o muncă cu adevărat plictisitoare, la fel ca faptul de a adăuga elemente la o pagină și de a le face să se potrivească site-ului dvs.

Divi este de obicei ceea ce folosim în aceste cazuri, deoarece este un constructor de pagini cunoscut cu instrumente perfecte, dar ar putea fi limitat atunci când adăugați imagini și iată unde vă ajută
WP Media Folder

WP Media Folder și managerul său de galerie vă permite să gestionați și să adăugați galerii direct de la Divi, în acest tutorial vom vedea cât de ușor este;)

Pentru această postare, vom folosi DIVI , WP Media Folder , WP Media Folder Addon și WP Media Folder Gallery Addon .

Conectați albume WordPress și Google Photos pentru a crea galerii minunate

Unul dintre subiectele din această postare este crearea acestor galerii folosind imagini importate direct din contul dvs. Google Photos, astfel încât să puteți încărca cu ușurință imagini de pe telefon la Google Photos și să le utilizați pe site -ul dvs. WordPress.

Deci, să începem cu conexiunea.

Î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 câteva momente pentru ca proiectul să fie creat.

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.
• Originea autorizată JavaScript: 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? :)

De la fotografii Google la o galerie Divi WordPress

La fel cum spune titlul, de la Google Photos la o galerie Divi WordPress, acum când Google Photos este conectat, putem continua să creăm galeriile noastre din albumele din contul nostru.

În primul rând, vom crea o nouă galerie de la manager.

Accesați media> galerii de folder media .

Aici, vom putea crea multe galerii diferite pentru imagini de pe site -ul nostru WordPress, computerul nostru sau (în acest caz) din Google Photos.

Faceți clic pe +Adăugați o nouă galerie .

Aceasta va deschide un pop-up unde puteți tasta numele galeriei, selectați tema și alte lucruri, cum ar fi dacă doriți să o adăugați ca galerie părinte sau poate o sub-galerie.

Selectați toate opțiunile dvs., dar nu vă faceți griji, deoarece puteți edita acest lucru după crearea galeriei, astfel încât nu este ca ceva ce nu vom putea schimba;)

Pe acest ecran, aveți 3 opțiuni pentru a adăuga imagini în galeria dvs., le puteți adăuga de la WordPress (biblioteca dvs. media), de pe computer și de la Google Photos.

Pentru acest tutorial, vom selecta fotografii Google , dar puteți alege ceea ce doriți.

Dacă alegeți Google Photos , veți vedea toate albumele și imaginile din contul pe care l -ați conectat la site -ul dvs. înainte.

Puteți importa un album complet făcând clic pe album de import sau, de asemenea, selectați mai multe imagini și faceți clic pe selecția importului .

De exemplu, aici vom selecta 5 imagini și le vom importa doar pe acestea.

Este la fel de simplu ca un clic pe imaginile pe care le doriți și apoi, faceți clic, așa cum s -a explicat anterior, pe selecția importului .

Acum, că ați adăugat imaginile la galerie, le veți vedea în manager, pe acest prim ecran aveți opțiunea de a le comanda, de a seta o imagine a copertei galeriei și, de asemenea, editați imaginea în sine.

Veți observa o altă filă numită Setări de afișare și cod scurt .

În această secțiune, veți avea opțiunea de a edita mai multe setări din galerie, cum ar fi tema pe care doriți să o utilizați, numărul de coloane, dimensiunea imaginii, acțiunea pe clic și dimensiunea Lightbox dacă selectați o cutie de lumină ca acțiune la Click.

Există, de asemenea, codul scurt pentru acea galerie în cazul în care doriți să o utilizați;)

De asemenea, veți avea aceste opțiuni în DIVI, așa că nu vă faceți griji că trebuie să veniți de fiecare dată când doriți să editați ceva în galerie.

Acum că ați terminat crearea galeriei, faceți clic pe salvare și accesați pagina/postarea pe care doriți să o editați și faceți clic pe Utilizați Divi Builder , îl puteți folosi în partea frontală sau în backend fără probleme;)

Selectați coloana așa cum faceți de obicei și apoi, căutați Addon WPMF Gallery .

În următoarea pop-up, veți vedea opțiunea de a adăuga o galerie deja creată și, de asemenea, toate celelalte opțiuni pe care le-ați văzut în fila Afișare de la Gallery Manager, astfel încât să puteți edita cu ușurință galeria.

Vom selecta galeria pe care am creat -o înainte.

Galeria va fi afișată și veți putea edita toate setările de afișare cu o previzualizare live, astfel încât fiecare schimbare va fi reflectată automat.

Cel mai bun instrument atunci când doriți să verificați cum merg lucrurile fără a fi nevoie să faceți clic pe previzualizare sau să reîncărcați pagina de fiecare dată când se face o modificare.

Acum puteți termina crearea de pagini și puteți merge să o publicați fără a fi nevoie să vă faceți griji că nu puteți ști cum va arăta galeria în frontend.

Un instrument cu adevărat minunat, nu -i așa?

Creați galerii din cloud direct la divi

Așadar, poate te -ai gândit că totul este, dar răspunsul este nu! De asemenea, puteți crea galerii cu imagini găzduite în cloud, veți putea economisi spațiu de stocare și, de asemenea, utilizați Divi pentru a plasa galeria;)

Vom folosi un folder Google Drive pentru acest lucru, dar rețineți că sunt disponibile alte integrări în cloud cu WP Media Folder și Addon (Dropbox, AWS, OneDrive).

Pentru a putea conecta Google Drive cu site -ul dvs. WordPress, puteți urma ghidul detaliat aici, procesul este similar cu fotografiile Google, astfel încât să nu aveți probleme.

După crearea/sincronizarea folderelor Google Drive, puteți accesa pagina/postarea pe care doriți să o editați și faceți clic pe Utilizați Divi Builder , adăugați coloana și, în module, căutați unul numit WPMF Gallery .

Acest modul vă va permite să creați galeria direct în Divi Builder, în primul rând, să adăugăm imaginile făcând clic pe Adăugare imagini Galerie din Imagini .

Acest lucru va încărca biblioteca media ca un pop-up, căutați folderul care are imaginile pe care doriți să le adăugați în interior și faceți clic pe el.

Vom folosi folderul Google Drive pentru acest caz.

Acum, în secțiunea din dreapta, selectați toate imaginile pe care doriți să le adăugați făcând clic pe ele, apoi, faceți clic pe Select .

Acest lucru va încărca toate imaginile din modulul DIVI și veți vedea toate opțiunile disponibile pentru ediția Gallery, cum ar fi tema, coloanele, dimensiunea, acțiunea pe clic, granițele, umbrele, raza de frontieră și o opțiune pentru a adăuga neclaritate imaginii.

Cea mai bună parte a acestui lucru este că fiecare modificare pe care o faceți va fi afișată automat în previzualizare, astfel încât nu va trebui să reîncărcați pagina sau să salvați șablonul pentru fiecare modificare.

După cum puteți vedea, aceste pluginuri sunt doar o combinație perfectă;)

Obțineți cel mai profesionist site WordPress cu cea mai bună combinație

Am arătat doar câteva caracteristici ale tuturor celor disponibile în WP Media Folder , există și altele, cum ar fi să -ți descarce complet media în AWS, PDF încorporat și mai multe conexiuni în cloud precum OneDrive și Dropbox, deci ce aștepți să începi să folosești toate aceste caracteristici nemaipomenite? Mergeți aici și obțineți propriul membru :)