Přejít na hlavní obsah
9 minut čtení (1808 slov)

Vytvářejte úžasné galerie s nejlepším správcem galerie pro DIVI

VYTVOŘTE-ÚŽASNÉ-GALERIE-S-NEJLEPŠÍ-SPRÁVCE-GALERIE-PRO-DIV_20210609-071125_1

Je pravda, že použití galerií je obvykle jedním z nejlepších způsobů, jak ukázat náš obsah na webu, protože vypadá profesionálněji než pouhé přidávání obrázků, ale je také pravda, že vytváření galerií a přidávání stylů může být opravdu zdlouhavá práce. přidání prvků na stránku a přizpůsobení se vašemu webu.

Divi je obvykle to, co v těchto případech používáme, protože se jedná o známý tvůrce stránek s dokonalými nástroji, ale může být omezen při přidávání obrázků a zde je místo, kde vám pomáhá
WP Media Folder

WP Media Folder a její správce galerie vám umožňují spravovat a přidávat galerie přímo z Divi, v tomto tutoriálu uvidíme, jak snadné to je;)

Pro tento příspěvek budeme používat Addon WP Media Folder Addon WP Media WP Media Folder Addon WP Media Folder Addon .

Připojte alba WordPress a Google Photos a vytvořte úžasné galerie

Jedním z témat z tohoto příspěvku je vytvoření těchto galerií pomocí obrázků importovaných přímo z vašeho účtu Google Photos Account, takže můžete snadno nahrávat obrázky z telefonu na fotografie Google a použít je na webu WordPress.

Začněme tedy s připojením.

Nejprve pro to potřebujeme aplikaci Google Dev, přejděte sem: https://console.developers.google.com/project a vytvořte nový projekt.

Přidejte do projektu jméno, můžete přidat vše, co chcete.

Nyní počkejte několik okamžiků, než bude vytvořen projekt.

Pokud je to poprvé, co používáte toto API knihovny fotografií , musíte jej aktivovat, abyste jej mohli aktivovat, přejděte na trh v levé nabídce.

Nyní do vyhledávacího pole zadejte rozhraní knihovny knihovny fotografií a prohledejte ji.

Klikněte na něj a poté na povolení .

Nyní, když je povoleno, klikněte na „API a služby“ v levém nabídce na tomto panelu na přejděte na přihlašovací údaje .

Nyní, když jste zde, na horním panelu, přejděte na + Vytvořit přihlašovací údaje> OAuth Client ID , pokud se zeptáte, přidejte do obrazovky souhlasu OAuth název.

Nyní nastavte pověření jako následující:

  • Vyberte „Webová aplikace“ a přidejte název podle vašeho výběru.
  • Autorizovaný původ JavaScriptu: https://your-domain.com (nahraďte názvem domény, bez koncového lomítka).
  • Autorizované přesměrování URIS: https://your-domain.com/wp-admin/options-general.php?page=option-forder&task=wpmf&function.
(Nahraďte názvem domény)

Mějte na paměti, že Google změnil své zásady, takže musíte vyplnit své autorizované domény na kartě OAuth Consent Screen> Upravit aplikaci .

V části Authorized Domains klikněte na +Přidat doménu a přidejte doménu.

Přidejte jej také do ověření domény .

A hotovo! Dostanete své ID a tajemství přidat do konfigurace WP Media Folder:)

Nyní připojte váš účet Google Photos na webu WordPress, přejděte na toto nastavení> WP Media Folder > Cloud> Google Photo Tab .

Můžete použít automatický režim, který je nejjednodušší, protože se budete muset přihlásit pouze k účtu Google, za tímto účelem vyberte automatiku v „Připojovacím režimu“ a poté připojit fotografii Google .

Objeví se vyskakovací okno, klikněte na souhlas .

Posledním krokem bude, přihlaste se ke svému účtu Google, povolte oprávnění a dokončete připojení.

To je vše, opravdu snadné a rychlé, že? :)

Z fotografií Google do galerie divi WordPress

Stejně jako název říká, od fotografií Google do galerie WordPress Divi, nyní, když jsou fotografie Google připojeny, můžeme pokračovat v vytváření našich galerií z alb v našem účtu.

Nejprve ze všeho vytvoříme novou galerii od manažera.

Přejděte na média> Gallerie mediálních složek .

Zde budeme moci vytvořit mnoho různých galerií pro obrázky z našeho webu WordPress, našeho počítače nebo (v tomto případě) z fotografií Google.

Klikněte na +Přidat novou galerii .

Toto otevře vyskakovací okno, kde můžete zadat název galerie, vybrat téma a další věci, jako pokud jej chcete přidat jako rodičovskou galerii nebo možná sub-galerii.

Vyberte všechny své možnosti, ale nebojte se, jak to můžete upravit po vytvoření galerie, takže to není jako něco, co se nebudeme moci změnit;)

Na této obrazovce máte 3 možnosti, jak přidat obrázky do své galerie, můžete je přidat z WordPress (knihovna médií), z počítače a z fotografií Google.

Pro tento tutoriál si vybereme fotografie Google ale můžete si vybrat, co chcete.

Pokud si vyberete fotografie Google , uvidíte všechna alba a obrázky z účtu, které jste již připojili k vašemu webu.

Kompletní album můžete importovat kliknutím na import alba nebo také vybrat více obrázků a kliknout na výběr importu .

Například zde vybereme 5 obrázků a importujeme pouze tyto.

Je to tak jednoduché jako kliknutí na obrázky, které chcete, a poté klikněte, jak je vysvětleno dříve, při výběru importu .

Nyní, když jste přidali obrázky do galerie, uvidíte je ve správci, na této první obrazovce máte možnost si je objednat, nastavit obrázek obálku galerie a také upravit samotný obrázek.

Všimnete si další karty nazvané Nastavení zobrazení a krátký kód .

V této části budete mít možnost upravovat více nastavení z galerie, jako je téma, které chcete použít, počet sloupců, velikost obrázku, akce na kliknutí a velikost Lightboxu, pokud vyberete lightbox při akci kliknutí.

K dispozici je také krátký kód pro tuto galerii pro případ, že ji chcete použít;)

Tyto možnosti budete mít také v Divi, takže se nemusíte bát, že budete muset přicházet pokaždé, když chcete něco upravit v galerii.

Nyní, když jste dokončili vytvoření galerie, klikněte na Uložit a přejděte na stránku/příspěvek, který chcete upravit, a klikněte na Použít The Divi Builder , můžete ji bez problémů použít na přední straně nebo backend;)

Vyberte sloupec jako obvykle a poté vyhledejte addon modul galerie WPMF.

V dalším vyskakovacím okně uvidíte možnost přidat již vytvořenou galerii a také všechny ostatní možnosti, které jste viděli na kartě Display od správce galerie, abyste mohli snadno upravit galerii.

Chystáme se vybrat galerii, kterou jsme vytvořili dříve.

Galerie se zobrazí a budete moci upravit všechna nastavení zobrazení s živým náhledem, takže každá změna se automaticky projeví.

Nejlepší nástroj, když chcete zkontrolovat, jak se věci probíhají, aniž byste museli kliknout na náhled nebo znovu načíst stránku pokaždé, když dojde ke změně.

Nyní můžete dokončit tvorbu stránky a jít ji zveřejnit, aniž byste se museli obávat, že nebudete moci vědět, jak bude galerie vypadat v frondu.

Opravdu úžasný nástroj, že?

Vytvářejte galerie z cloudu přímo do Divi

Možná jste si mysleli, že to bylo všechno, ale odpověď zní ne! Můžete také vytvářet galerie s obrázky hostovanými v cloudu, budete moci ušetřit úložný prostor a také použít Divi k umístění galerie;)

K tomu budeme používat složku Disku Google, ale mějte na paměti, že další integrace cloudu jsou k dispozici se WP Media Folder a Addon (Dropbox, AWS, OneDrive).

Chcete -li, abyste mohli připojit Disk Google s vaším webem WordPress, můžete zde , že proces je podobný fotografii Google, takže byste neměli mít problémy.

Po vytvoření/synchronizaci složek Disku Google můžete přejít na stránku/příspěvek, který chcete upravit, a kliknout na použijte Builder Divi , přidejte svůj sloupec a v modulech vyhledejte jeden s názvem WPMF Gallery .

Tento modul vám umožní vytvořit galerii přímo v Divi Builder, nejprve přidáme obrázky kliknutím na přidat obrázky galerie v obrázků .

Tím se načte vaši knihovnu médií jako vyskakovací okno, vyhledejte složku, která obsahuje obrázky, které chcete přidat dovnitř, a klikněte na ni.

Pro tento případ použijeme složku Disku Google.

Nyní na pravé části vyberte všechny obrázky, které chcete přidat, kliknutím na ně a poté klikněte na Select .

Tím se načtou všechny obrázky v modulu DIVI a uvidíte všechny možnosti dostupné pro edici galerie, jako je téma, sloupce, velikost, akce na kliknutí, hranice, stíny, hranice-radius a možnost přidat rozmazání k obrázku.

Nejlepší část je, že každá změna, kterou provedete, bude automaticky zobrazena v náhledu, takže nebude muset stránku načíst nebo uložit šablonu při každé změně.

Jak vidíte, tyto pluginy jsou jen perfektní kombinací;)

Získejte nejprofesionálnější web WordPress s nejlepší kombinací

Ukázali jsme pouze několik funkcí všech dostupných ve WP Media Folder , existují i ​​další, jako jsou úplně vyloženy mé média do AWS, vložené PDF a další cloudové připojení, jako jsou OneDrive a Dropbox, tak na co čekáte, že začnete používat všechny tyto úžasné funkce? Jděte sem a získejte vlastní členství :)

    
2
Zůstaňte informováni

Když se přihlásíte k odběru blogu, zašleme vám e-mail, když budou na webu nové aktualizace, abyste je nepropásli.

Související příspěvky

 

Komentáře

Dosud nebyly vloženy žádné komentáře. Buďte první, kdo pošle komentář
Již jste se zaregistrovali? Přihlášení zde
Neděle 4. května 2025

Obrázek captcha