Skapa fantastiska gallerier med den bästa gallerihanteraren för Elementor

Sidbyggare och gallerier är större delen av tiden viktiga för WordPress-webbplatser, eftersom gallerier låter dig visa bilder/produkter på ett bra sätt och sidbyggare låter dig skapa och lägga till innehållet på din sida professionellt.

Sidbyggare som Elementor har vanligtvis verktyg/block för att skapa gallerier, men dessa är inte de bästa eftersom de inte har många alternativ för att anpassa dem men oroa dig inte eftersom WP Media Folder hjälper dig på detta;)

WP Media Folder erbjuder dig ett galleri -tillägg som låter dig skapa och anpassa med spektakulära verktyg och funktioner i dina gallerier.

I det här inlägget kommer vi att se hur man använder dem med Elementor , Google Photos och även dina molnmappar så låt oss börja!

Gallerier med widget för elementor i video

Ställa in WordPress Google Photos Integration

Först och främst kommer jag att meddela dig plugins som vi använder för den här tutorialen, dessa är elementor, WP Media Folderoch de 2 Pro -tilläggen (en för gallerier och den andra för molnanslutning).

Nu när vi vet det, låt oss börja, kommer vi att skapa galleriet från Google Photos, för detta måste vi ansluta vår WordPress -webbplats till vårt Google Photos -konto, låt oss se hur vi gör det.

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 ett ö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? :)

Elementor + Gallery Plugin, den bästa kombinationen

Nu när vi avslutade anslutningen, gå till Media> Media Mapp Galleries , i det här avsnittet, klicka på + Lägg till ett nytt galleri och ge ditt nya galleri ett namn, för handledning, kommer vi att namnge det Google P Gallery , och även vi kommer att använda Square Grid Gallery.

Nu har du alla alternativ att ställa in och lägga till bilder i ditt galleri, du ser Google Photo -logotypen, klicka på den.

Detta kommer att ladda en popup med alla bilder som finns tillgängliga på ditt Google Photos -konto, du har möjlighet att välja många bilder från ett album eller välja ett komplett album, på den här handledning, vi kommer att välja ett komplett album, för detta, välja albumet och sedan importera album .

Du kommer att se ett meddelande om albumet som importeras.

Vänta några minuter och gjort! Du kommer att se alla bilder som laddas upp i galleriets instrumentpanel, du kan göra alla ändringar som att välja ett nytt galleri.

Nu kan du gå till Displayinställningar och kortkod för att helt anpassa ditt galleri, du har inställningar som ordningen, antalet kolumner och åtgärden på klick.

När du har avslutat galleriinställningarna klickar du på Spara , och du kan gå till sidan/inlägget där du vill lägga till galleriet och klicka på Redigera med Elementor så att sidbyggaren laddas.

Välj nu avsnittet där du vill lägga till galleriet och leta efter WP Media Folder block.

Som ni ser finns det fyra tillgängliga block, för denna handledning kommer vi att använda den som heter WP Media Folder Gallery Addon , detta kommer att ladda Gallery Addon i sidbyggaren.

När du har flyttat blocket till avsnittet ser du ett alternativ för förhandsgranskning, och på vänster sida, alternativet att välja ett galleri, välj det galleri som vi skapade tidigare.

På det högra avsnittet ser du förhandsgranskningen av galleriet och det kommer att uppdateras automatiskt när du väljer ett nytt alternativ till vänster avsnitt så kontrollera det, bekräfta att allt är bra och klicka på Public .

Så är det! Du har skapat ett professionellt galleri med några klick och konfigurerat det direkt från sidbyggaren :)

Använda Elementor för att skapa Google Drive Galleries i WordPress

 Som ett plus kommer vi att se hur man skapar gallerier med bilder från molnet eftersom WP Media Folder gör att du kan ansluta ditt mediebibliotek med molntjänster (Dropbox, Google Drive, OneDriveoch AWS).

I det här exemplet kommer vi att använda Google Drive -anslutningen, du kan se hur du ansluter den här , du kommer att märka att processen verkligen liknar Google Photos -anslutningen :)

När den är inställd och du synkroniserar/skapar Google Drive -mappar kan du gå till sidan/inlägget som du vill ringa och klicka på Redigera med Elementor .

I det vänstra avsnittet leta efter WP Media Folder och klicka på WP Media Folder Gallery Block.

Klicka nu på + i avsnittet "Lägg till bilder".

Detta öppnar en pop-up med mediebiblioteket, väljer molnmappen, alla bilder du vill lägga till genom att klicka på dem och äntligen skapa ett nytt galleri> Infoga galleri .

Detta kommer att skapa ett galleri med bilderna direkt från molnet, så efter att du har lagt till det kan du ställa in galleriinställningarna i det vänstra avsnittet och kontrollera förhandsgranskningen av galleriet i höger avsnitt så att det blir riktigt enkelt att redigera och kontrollera att galleriet kommer att se hur vi vill :)

Nu kan du skapa gallerier med kraften i WP Media Folder, på ett riktigt enkelt sätt att använda Elementor, och också spara lagringsutrymme med Google Drive, vad kan du annars begära? :)

Börja använda Plugin Best WordPress Gallery

I det här inlägget har vi bara förklarat några funktioner från WP Media Folder och som ni ser har det gjort saker riktigt enklare än hur det borde och mer nu med det nya temat och gränssnittet ! Så vad väntar du på? Gå hit och skaffa ditt eget medlemskap, du kommer att se att det finns fler gallerier än de som visas i det här inlägget och många verktyg som bara är fantastiska :)