Skapa fantastiska gallerier med den bästa gallerichefen för DIVI

Det är sant att användningen av gallerier vanligtvis är ett av de bästa sätten att visa vårt innehåll på en webbplats eftersom det ser mer professionellt ut än att bara lägga till bilder, men det är också sant att skapa gallerier och lägga till stilar kan vara riktigt tråkigt arbete precis som faktumet att lägga till element till en sida och få dem att passa din webbplats.

Divi är vanligtvis vad vi använder i dessa fall eftersom det är en känd sidbyggare med perfekta verktyg men kan begränsas när du lägger till bilder och här är där WP Media Folder hjälper dig.

WP Media Folder och dess gallerihanterare låter dig hantera och lägga till gallerier direkt från Divi, i denna handledning kommer vi att se hur lätt det är;)

För det här inlägget kommer vi att använda Divi , WP Media Folder , WP Media Folder ADDON och WP Media Folder Gallery Addon .

Anslut WordPress och Google Photos -album för att skapa fantastiska gallerier

Ett av ämnena från det här inlägget är att skapa dessa gallerier med bilder som importeras direkt från ditt Google Photos -konto, så att du enkelt kan ladda upp bilder från din telefon till Google -foton och använda dem på din WordPress -webbplats.

Så låt oss börja med anslutningen.

Först och främst behöver vi en Google Dev -app för detta, gå hit: https://console.developers.google.com/project och skapa ett nytt projekt.

Lägg till ett namn i projektet, du kan lägga till vad du vill.

Vänta nu några ögonblick på att projektet ska skapas.

Om det är första gången du använder detta foton Library API , måste du aktivera det för att aktivera det, gå till marknaden på vänster meny.

Nu, i sökrutan, skriv foton Library API och sök det.

Klicka på det och sedan på Aktivera .

Nu när det är aktiverat klickar du på "API och tjänster" i den vänstra menyn, på den här panelen, gå till referenser .

Nu när du är här, på topppanelen, gå till + skapa referenser> OAuth -klient -ID , lägg till ett namn på din OAuth -godkännande skärm.

Ställ nu in referenser som följande:

• Välj "Web Application" och lägg till ett namn du väljer.
• Auktoriserat JavaScript Origin: https://your-domain.com (Ersätt med ditt domännamn, utan slingrande snedstreck).
  
• Auktoriserad omdirigering av URI: https://your-domain.com/wp-admin/options-general.php?page=option-bodare&task=wpmf&function
  

Tänk på att Google har ändrat sin policy så att du måste fylla dina auktoriserade domäner på OAuth Consent Screen Tab> Redigera app .

I avsnittet Autoriserade domäner klickar du på +Lägg till domän och lägg till din domän.

Lägg till det också i Domänverifiering .

Och gjort! Du får ditt ID och hemlighet att lägga till WP Media Folderkonfiguration :)

Låt oss nu ansluta ditt Google Photos -konto till din WordPress -webbplats för detta gå till Inställningar> WP Media Folder > Cloud> Google Photo Tab .

Du kan använda det automatiska läget som är det enklaste eftersom du bara behöver logga in på ditt Google -konto, för detta, välj automatisk i "Connecting Mode" och sedan ansluta Google Photo .

En pop -up kommer att visas, klicka på Agreement .

Det sista steget kommer att vara, logga in på ditt Google -konto, tillåta behörigheter och avsluta anslutningen.

Det är allt, riktigt enkelt och snabbt, eller hur? :)

Från Google -foton till ett WordPress Divi -galleri

Precis som titeln säger, från Google Photos till ett WordPress Divi -galleri, nu när Google Photos är anslutna, kan vi fortsätta att skapa våra gallerier från albumen i vårt konto.

Först och främst kommer vi att skapa ett nytt galleri från chefen.

Gå till Media> Media Mapp Galleries .

Här kommer vi att kunna skapa många olika gallerier för bilder från vår WordPress -webbplats, vår dator eller (i detta fall) från Google -foton.

Klicka på +Lägg till nytt galleri .

Detta öppnar en pop-up där du kan skriva namnet på galleriet, välja temat och andra saker som om du vill lägga till det som ett föräldergalleri eller kanske ett undergalleri.

Välj alla dina alternativ men oroa dig inte eftersom du kan redigera detta efter galleriets skapelse så det är inte som något som vi inte kommer att kunna ändra;)

På den här skärmen har du tre alternativ för att lägga till bilder i ditt galleri, du kan lägga till dem från WordPress (ditt mediebibliotek), från din dator och från Google -foton.

För denna handledning kommer vi att välja Google -foton men du kan välja vad du vill.

Om du väljer Google -foton ser du alla album och bilder från kontot som du har anslutit till din webbplats tidigare.

Du kan importera ett komplett album genom att klicka på importalbum eller också, välj flera bilder och klicka på importval .

Här kommer vi till exempel att välja 5 bilder och bara importera dessa.

Det är så enkelt som ett klick på de bilder du vill ha och sedan klicka, som förklarats tidigare, vid importval .

Nu, när du har lagt till bilderna i galleriet, kommer du att se dem i chefen, på den första skärmen har du möjlighet att beställa dem, ställa in en bild ett galleriomslag och även redigera bilden själv.

Du kommer att märka en annan flik som heter Display -inställningar och kortkod .

I det här avsnittet har du möjlighet att redigera fler inställningar från galleriet som det tema som du vill använda, antalet kolumner, bildstorlek, åtgärder på klick och Lightbox -storlek om du väljer en Lightbox som åtgärd på klick.

Det finns också kortkoden för det galleriet om du vill använda det;)

Du kommer också att ha dessa alternativ i Divi så oroa dig inte för att behöva komma varje gång du vill redigera något i galleriet.

Nu när du är klar med gallerisättningen klickar du på Spara och gå till sidan/inlägget som du vill redigera och klicka på använd Divi Builder kan du använda den i frontend eller backend utan problem;)

Välj kolumnen som du vanligtvis gör och leta efter WPMF Gallery Addon -modul.

I nästa pop-up ser du alternativet att lägga till ett redan skapat galleri, och även alla andra alternativ som du såg på fliken Display från Gallery Manager så att du enkelt kan redigera galleriet.

Vi kommer att välja det galleri som vi skapade tidigare.

Galleriet kommer att visas och du kommer att kunna redigera alla visningsinställningar med en live -förhandsvisning så att varje ändring kommer att återspeglas automatiskt.

Det bästa verktyget när du vill kontrollera hur det går utan att behöva klicka på förhandsgranskningen eller ladda om sidan varje gång en ändring görs.

Nu kan du avsluta din sidskapande och gå för att publicera den utan att behöva oroa dig för att inte kunna veta hur galleriet kommer att se ut i frontend.

Ett riktigt fantastiskt verktyg, eller hur?

Skapa gallerier från molnet direkt till Divi

Så kanske du tänkte att det var allt utom svaret är nej! Du kan också skapa gallerier med bilder som är värd i molnet, du kommer att kunna spara lagringsutrymme och även använda Divi för att placera galleriet;)

Vi kommer att använda en Google Drive -mapp för detta men kom ihåg att andra molnintegrationer är tillgängliga med WP Media Folder och tillägget (Dropbox, AWS, OneDrive).

För att kunna ansluta Google Drive till din WordPress -webbplats kan du följa den detaljerade guiden här processen liknar Google Photos en så att du inte bör ha problem.

När du har skapat/synkroniserat Google Drive -mapparna kan du gå till sidan/inlägget som du vill redigera och klicka på Använd Divi Builder , lägg till din kolumn och i modulerna leta efter ett som heter WPMF Gallery .

Den här modulen gör att du kan skapa galleriet direkt i Divi Builder, först och främst, låt oss lägga till bilderna genom att klicka på Lägg till galleribilder i Bilder .

Detta kommer att ladda ditt mediebibliotek som en pop-up, leta efter mappen som har bilderna som du vill lägga till inuti och klicka på det.

Vi kommer att använda Google Drive -mappen för det här fallet.

Välj alla bilder som du vill lägga till genom att klicka på dem i rätt avsnitt och klicka sedan på Välj .

Detta kommer att ladda alla bilder i Divi-modulen och du kommer att se alla tillgängliga alternativ för galleriutgåvan, som temat, kolumner, storlek, åtgärder på klick, gränser, skuggor, gräns-radius och ett alternativ att lägga till oskärpa till bilden.

Den bästa delen av detta är att varje ändring som du gör kommer att automatiskt visas i förhandsgranskningen så att du inte behöver ladda om sidan eller spara mallen på varje ändring.

Som ni ser är dessa plugins bara en perfekt kombination;)

Få den mest professionella WordPress -webbplatsen med den bästa kombinationen

Vi har bara visat några funktioner i alla tillgängliga i WP Media Folder , det finns andra som helt lossar dina media till AWS, PDF inbäddade och fler molnanslutningar som OneDrive och Dropbox så vad väntar du på att börja använda alla dessa fantastiska funktioner? Gå hit och få ditt eget medlemskap :)