Készítsen lenyűgöző galériákat a Divi legjobb galériavezetőjével

Igaz, hogy a galériák használata általában az egyik legjobb módszer a weboldal tartalmainak bemutatására, mivel profibbnak tűnik, mint pusztán képek hozzáadása, de igaz, hogy a galériák létrehozása és a stílusok hozzáadása valóban unalmas munka lehet, akárcsak az, hogy elemeket adunk egy oldalhoz, és hogy megfeleljenek az Ön webhelyének.

A Divi általában az, amit ezekben az esetekben használunk, mivel ez egy ismert oldalkészítő, tökéletes eszközökkel, de a képek hozzáadásakor korlátozott lehet, és itt van, ahol WP Media Folder segít Önnek.

WP Media Folder és a Galériakezelő lehetővé teszi a galériák kezelését és hozzáadását közvetlenül a Divi -től, ebben az oktatóanyagban megnézzük, mennyire könnyű;)

a Divi , WP Media Folder , WP Media Folder és a WP Media Folder Galéria Addont fogjuk használni .

Csatlakoztassa a WordPress és a Google Photos albumokat, hogy fantasztikus galériákat hozzon létre

A bejegyzés egyik témája az, hogy ezeket a galériákat közvetlenül a Google Photos -fiókjából importált képekkel hozza létre, így könnyen feltöltheti a képeket a telefonról a Google Photos -ra, és felhasználhatja azokat a WordPress webhelyén.

Tehát kezdjük a kapcsolattal.

Mindenekelőtt szükségünk van egy Google Dev alkalmazásra ehhez, menj ide: https://console.developers.google.com/project, és hozzon létre egy új projektet.

Adjon hozzá egy nevet a projekthez, bármit hozzáadhat.

Most várjon néhány pillanatot a projekt létrehozására.

a Photos Library API -t használja , akkor aktiválnia kell azt, hogy aktiválja, lépjen a bal oldali menü piacára

Most, a keresőmezőben írja be a Photos Library API -t , és keresse meg.

Kattintson rá, majd az Engedélyezésen .

Most, hogy engedélyezve van, kattintson a bal oldali menü "API és szolgáltatások" elemre, ezen a panelen, keresse fel a hitelesítő adatokat .

Most, hogy itt vagy, a felső panelen, lépjen a + Hitelesítő adatok létrehozása> OAuth Client ID , ha kéri, adjon hozzá egy nevet az OAuth Consent képernyőjéhez.

Most állítsa be a hitelesítő adatokat, mint a következők:

• Válassza a "Webalkalmazás" lehetőséget, és adjon hozzá egy választott nevet.
• Engedélyezett JavaScript Origin: https://your-domain.com (cserélje ki a domain nevét, a perjel nélkül).
  
• Engedélyezett átirányító URIS: https://your-domain.com/wp-admin/options-general.php?page=option-stolder&task=wpmf&function=wpmf_google_photo_authentiketed
  

Ne feledje, hogy a Google megváltoztatta politikáját, így meg kell töltenie a meghatalmazott domainjeit az OAuth Consent Screen fül> Alkalmazás szerkesztésén .

Az engedélyezett tartományok szakaszban kattintson a +Hozzáadás domain , és adja hozzá a tartományt.

Adja hozzá a domain ellenőrző szakaszhoz is.

És kész! Megkapja az azonosítóját és a titkát, hogy hozzáadja WP Media Folderkonfigurációját :)

Most csatlakoztassuk a Google Photos -fiókját a WordPress webhelyhez, ehhez a Beállítások> WP Media Folder > Cloud> Google Photo Tab .

Használhatja az automatikus módot, amely a legegyszerűbb, mivel csak be kell jelentkeznie a Google -fiókjába, ehhez válassza az Automatikus lehetőséget az "Csatlakozási módban", majd csatlakoztassa a Google Photo -t .

Megjelenik egy felbukkanó, kattintson a megállapodásra .

Az utolsó lépés: jelentkezzen be a Google -fiókjába, engedélyezze az engedélyeket, és fejezze be a kapcsolatot.

Ez minden, nagyon könnyű és gyors, nem? :)

A Google Photes -tól a WordPress Divi galériáig

Csakúgy, mint a cím azt mondja, a Google Phots -tól a WordPress Divi galériáig, most, hogy a Google Phots csatlakoztatva van, folytathatjuk a galériáink létrehozását a fiókunk albumaiból.

Mindenekelőtt új galériát fogunk létrehozni a menedzserből.

Lépjen a Media> Media Mappa Gallerys .

Itt képesek leszünk sok különböző galériát létrehozni a WordPress webhelyünkről, a számítógépünkről, vagy (ebben az esetben) a Google Phots -ról.

Kattintson a +új galéria hozzáadása gombra .

Ez egy felbukkanó ablakot nyit meg, ahol beírhatja a galéria nevét, kiválaszthatja a témát, és más dolgokat, például ha szülői galériaként vagy esetleg al galériaként szeretné hozzáadni.

Válassza ki az összes lehetőséget, de ne aggódjon, mivel ezt szerkesztheti a galéria létrehozása után, így nem olyan, mint valami, amit nem tudunk megváltoztatni;)

Ezen a képernyőn 3 lehetősége van, hogy képeket adjon a galériájához, hozzáadhatja azokat a WordPress -ből (a médiakönyvtár), a számítógépről és a Google Phots -ból.

Ehhez az oktatóanyaghoz kiválasztjuk a Google Phots -t , de kiválaszthatja, amit akar.

a Google -fotókat választja , akkor az összes album és kép látható a fiókjához, amelyet korábban csatlakoztatott a webhelyéhez.

Importálhat egy teljes albumot az album importálására vagy a több kép kiválasztásával, és kattintson az Import Selection .

Például itt 5 képet választunk ki, és csak ezeket importáljuk.

Olyan egyszerű, mint egy kattintás a kívánt képekre, majd kattintson, amint azt korábban kifejtettük, az import kiválasztásakor .

Most, hogy hozzáadta a képeket a galériához, látni fogja őket a menedzserben

Észre fogja venni egy másik, a Display beállítások és a ShortCode .

Ebben a szakaszban lehetősége van további beállításokat szerkeszteni a galériából, mint például a használni kívánt téma, az oszlopok száma, a képméret, a kattintás művelete és a LightBox méret, ha a LightBox -ot választja a kattintás művelete.

Van még egy rövid kód a galéria számára, ha használni akarja;)

Ezeket a lehetőségeket a Divi -ben is megvan, ezért ne aggódjon amiatt, hogy minden alkalommal eljön, amikor szerkeszteni valamit a galériában.

Most, hogy befejezte a galéria létrehozását, kattintson a Mentés elemre, és lépjen a szerkeszteni kívánt oldalra/bejegyzésre, és kattintson a Divi Builder használatára , felhasználhatja a front végén vagy a háttérben, problémák nélkül;)

Válassza ki az oszlopot, mint általában, majd keresse meg a WPMF Galéria Addon modult.

A következő pop-up-ban láthatja a már létrehozott galéria hozzáadásának lehetőségét, valamint az összes többi lehetőséget, amelyet a Display lapon látott a Galéria Manager-en, így könnyen szerkesztheti a galériát.

Kiválasztjuk a korábban létrehozott galériát.

Megjelenik a galéria, és az összes kijelző beállítást élő előnézettel szerkesztheti, így minden változás automatikusan tükröződik.

A legjobb eszköz, ha ellenőrizni szeretné, hogyan mennek a dolgok, anélkül, hogy az előnézetre kattintani kellene, vagy minden változtatáskor újratölteni kell az oldalt.

Most befejezheti az oldal létrehozását, és elmeheti a közzétételét anélkül, hogy aggódnia kellene, hogy nem tudja tudni, hogyan fog kinézni a galéria a Frontend -ben.

Egy igazán fantasztikus eszköz, nem?

Hozzon létre galériákat a felhőből közvetlenül a Diviig

Tehát talán arra gondoltál, hogy ez minden, de a válasz nem! Készíthet galériákat a felhőben tárolt képekkel is, képes lesz megtakarítani a tárolóhelyet, és a Divi segítségével a galéria elhelyezéséhez;)

Ehhez egy Google Drive mappát fogunk használni, de ne feledje, hogy más felhőintegráció elérhető WP Media Folder és az Addon (Dropbox, AWS, OneDrive) segítségével.

itt követheti a részletes útmutatót. A folyamat hasonló a Google Photos One -hez, így nem szabad problémákkal járnia.

A Google Drive mappák létrehozása/szinkronizálása után léphet a szerkeszteni kívánt oldal/bejegyzéshez, és kattintson a Divi Builder használatára , az oszlop hozzáadására, és a modulokba kereshet egy WPMF galériát .

Ez a modul lehetővé teszi, hogy a galériát közvetlenül a Divi Builder -ben hozza létre, mindenekelőtt a képeket adjuk hozzá a galéria képeinek hozzáadásával a Képek szakaszba.

Ez betölti a médiakönyvtárat felbukkanó jelzésként, keresse meg azt a mappát, amely tartalmazza a képeket, amelyeket hozzá szeretne adni, és kattintson rá.

A Google Drive mappát fogjuk használni erre az esetre.

Most, a jobb oldalon válassza ki az összes képet, amelyet hozzá szeretne adni, és kattintson rájuk, majd kattintson a Select elemre .

Ez betölti az összes képet a Divi modulba, és látni fogja a galéria kiadásához rendelkezésre álló összes lehetőséget, például a témát, az oszlopokat, a méretét, a kattintáshoz való műveletet, a határokat, az árnyékokat, a határ-gyilkosságot és egy lehetőséget, hogy elmosódjon a képhez.

Ennek legjobb része az, hogy minden egyes változás, amelyet elvégez, az az előnézetben automatikusan megjelenik, így nem kell újratöltenie az oldalt, vagy nem szabad mentenie a sablont az egyes változtatásokon.

Mint láthatja, ezek a pluginek csak egy tökéletes kombinációja;)

Szerezd meg a legprofibb WordPress webhelyet a legjobb kombinációval

WP Media Folder rendelkezésre álló összes funkció néhány funkcióját mutattuk be , vannak olyanok, mint például a média teljesen az AWS -be, a PDF beágyazott és több felhő -kapcsolata, mint például OneDrive és a Dropbox, tehát mit vársz, hogy elkezdje ezeket a fantasztikus funkciókat használni? Menj ide, és szerezze be saját tagságát :)