Opret fantastiske gallerier med den bedste galleri manager til Elementor

Page Builders og gallerier er det meste af tiden vigtige for WordPress hjemmesider, da gallerier giver dig mulighed for at vise billeder/produkter på en god måde, og sidebuildere giver dig mulighed for at skabe og tilføje indholdet til din side professionelt.

Sidebyggerne som Elementor har normalt værktøjer/blokke til at skabe gallerier, men disse er ikke de bedste, da de ikke har mange muligheder for at tilpasse dem, men ikke bekymre dig, da WP Media Folder hjælper dig med dette;)

WP Media Folder tilbyder dig et galleri -addon, der giver dig mulighed for at oprette og tilpasse ved hjælp af spektakulære værktøjer og funktioner i dine gallerier.

I dette indlæg skal vi se, hvordan vi bruger dem med Elementor , Google Fotos og også dine skymapper, så lad os starte!

Gallerier med widget til elementor i video

Opsætning af WordPress Google Photos -integration

Først og fremmest fortæller jeg dig de plugins, vi bruger til denne tutorial, dette er Elementor, WP Media Folderog de 2 Pro Addons (den ene til gallerier og den anden til cloud -forbindelse).

Nu hvor vi ved det, lad os starte, vi vil oprette galleriet fra Google -fotos, for dette er vi nødt til at forbinde vores WordPress -websted til vores Google Photos -konto, lad os se, hvordan man gør det.

Først og fremmest har vi brug for en Google Dev -app til dette, gå her: https://console.developers.google.com/project og opret et nyt projekt.

Tilføj et navn til projektet, du kan tilføje hvad du vil.

Vent nu et øjeblik på, at projektet oprettes.

Hvis det er første gang, du bruger dette fotos bibliotek API , skal du aktivere det for at aktivere det, gå til markedet i venstre menu.

Skriv nu i søgefeltet Bibliotek API og søg det i søgefeltet.

Klik på det, og derefter på Enable .

Nu hvor det er aktiveret, skal du klikke på "API og Services" i venstre menu på dette panel, gå til legitimationsoplysninger .

Nu hvor du er her, i øverste panel, skal du gå til + oprette legitimationsoplysninger> OAuth Client ID , hvis du bliver spurgt, tilføj et navn til din OAuth -samtykke -skærm.

Opsæt nu legitimationsoplysningerne som følgende:

• Vælg "webapplikation", og tilføj et navn efter dit valg.
• Autoriseret JavaScript Oprindelse: https://your-domain.com (udskift med dit domænenavn uden bageste skråstreg).
  
• Autoriseret omdirigering URI'er: https://your-domain.com/wp-admin/options-genal.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticeret
  

Husk, at Google har ændret deres politik, så du er nødt til at udfylde dine autoriserede domæner på fanen OAuth Asent Screen> Rediger app .

+Tilføj domæne på det autoriserede domænerafsnit og tilføj dit domæne.

Føj det også til Domain Verification .

Og gjort! Du får dit ID og hemmelighed til at tilføje WP Media Folderkonfiguration :)

Lad os nu forbinde din Google Photos -konto til dit WordPress -websted, for dette skal du gå til Indstillinger> WP Media Folder > Cloud> Google Photo -fane.

Du kan bruge den automatiske tilstand, der er den nemmeste, da du kun behøver at logge ind på din Google -konto, til dette skal du vælge automatisk i "Tilslutningstilstand" og derefter forbinde Google -foto .

En pop up vises, klik på enig .

Det sidste trin vil være, logge ind på din Google -konto, tillade tilladelser og afslutte forbindelsen.

Det er alt sammen, virkelig let og hurtigt, er det ikke? )

Elementor + Gallery Plugin, den bedste kombination

Nu hvor vi er færdige med forbindelsen, gå til Media> Media -mappegallerier , på dette afsnit, klik på + Tilføj nyt galleri og giv dit nye galleri et navn, til tutorial, vi vil navngive det Google P Gallery , og også vi vil bruge Square Grid Gallery.

Nu har du alle mulighederne for at konfigurere og tilføje billeder til dit galleri, du vil se Google Photo -logoet, klikke på det.

Dette indlæser en popup med alle de tilgængelige billeder på din Google Photos -konto, du har muligheden for at vælge mange billeder fra et album eller vælge et komplet album, på denne tutorial, vi vil vælge et komplet album, til dette, vælg albummet og derefter Import Album .

Du vil se en meddelelse om, at albummet importeres.

Vent et par minutter og færdig! Du vil se alle de billeder, der er uploadet i galleriets instrumentbræt, du kan foretage alle ændringerne som at vælge et nyt galleri.

Nu kan du gå til Visindstillinger og kortkode for at tilpasse dit galleri fuldstændigt, du har indstillinger som ordren, antallet af kolonner og handlingen ved klik.

Når du er færdig med galleriindstillingerne, skal du klikke på Gem , og du kan gå til den side/post, hvor du vil tilføje galleriet og klikke på Rediger med elementor, så sidebyggeren belastning.

Vælg nu det afsnit, hvor du vil tilføje galleriet og kigge efter WP Media Folder blokke.

Som du kan se, er der 4 tilgængelige blokke, for denne tutorial vil vi bruge den, der kaldes WP Media Folder Gallery Addon , dette indlæser galleriets addon i sidebyggeren.

Efter at have flyttet blokken til sektionen, vil du se en mulighed for forhåndsvisning og på venstre side muligheden for at vælge et galleri, vælge det galleri, vi oprettede før.

På det højre afsnit vil du se forhåndsvisningen af ​​galleriet, og det vil automatisk blive opdateret, når du vælger en ny mulighed i venstre afsnit, så kontroller det, bekræft, at alt er i orden, og klik på Publicer .

Det er det! Du har oprettet et professionelt galleri med et par klik og konfigureret det direkte fra siden Builder :)

Brug af Elementor til at oprette Google Drive Galleries i WordPress

 Som et plus vil vi se, hvordan man opretter gallerier ved hjælp af billeder fra skyen, da WP Media Folder giver dig mulighed for at forbinde dit mediebibliotek med skytjenester (Dropbox, Google Drive, OneDriveog AWS).

I dette eksempel vil vi bruge Google Drive -forbindelsen, du kan se, hvordan du forbinder den her , du vil bemærke, at processen virkelig ligner Google Photos -forbindelsen :)

Når det er indstillet, og du synkroniserer/opretter Google Drive -mapperne, kan du gå til den side/indlæg, som du vil gøre, og klikke på Rediger med Elementor .

I venstre afsnit skal du kigge efter WP Media Folder og klikke på WP Media Folder Galleri Block.

Klik nu på + på afsnittet "Tilføj billeder".

Dette åbner en pop-up med mediebiblioteket, vælger Cloud-mappen, alle de billeder, du vil tilføje ved at klikke på dem, og endelig oprette et nyt galleri> Indsæt galleri .

Dette skaber et galleri ved hjælp af billederne direkte fra skyen, så efter at have tilføjet det, kan du konfigurere galleriindstillingerne i venstre afsnit og kontrollere forhåndsvisningen af ​​galleriet i det højre afsnit, så det vil være virkelig let at redigere og kontrollere, at galleriet vil se, hvordan vi vil have :)

Nu kan du oprette gallerier med kraften i WP Media Folderpå en virkelig nem måde ved hjælp af Elementor og også gemme lagerplads ved hjælp af Google Drive, hvad ellers kan du bede om? )

Start med at bruge det bedste WordPress Gallery -plugin

I dette indlæg har vi kun forklaret et par funktioner fra WP Media Folder , og som du kan se, har det gjort tingene virkelig lettere end hvordan det skal og mere nu med det nye tema og interface ! Så hvad venter du på? Gå her og få dit eget medlemskab, du vil se, at der er flere gallerier end dem, der er vist i dette indlæg og en masse værktøjer, der bare er fantastiske :)