Opret fantastiske gallerier med den bedste galleri manager for Divi

Det er sandt, at brugen af ​​gallerier normalt er en af ​​de bedste måder at vise vores indhold på et websted, da det ser mere professionelt ud end bare at tilføje billeder, men det er også sandt, at det at oprette gallerier og tilføje stilarter virkelig kan være kedeligt arbejde, ligesom det faktum at tilføje elementer til en side og få dem til at passe til dit websted.

Divi er normalt det, vi bruger i disse tilfælde, da det er en kendt sidebygger med perfekte værktøjer, men kan være begrænset, når du tilføjer billeder, og her er hvor WP Media Folder hjælper dig.

WP Media Folder og dens galleri manager giver dig mulighed for at administrere og tilføje gallerier direkte fra Divi, i denne tutorial skal vi se, hvor let det er;)

Til dette indlæg vil vi bruge Divi , WP Media Folder , WP Media Folder Addon og WP Media Folder Gallery Addon .

Connect WordPress og Google Photos Albums for at skabe fantastiske gallerier

Et af emnerne fra dette indlæg er at oprette disse gallerier ved hjælp af billeder, der er importeret direkte fra din Google Photos -konto, så du nemt kan uploade billeder fra din telefon til Google -fotos og bruge dem på dit WordPress -websted.

Så lad os starte med forbindelsen.

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 par øjeblikke 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? )

Fra Google Fotos til et WordPress Divi Gallery

Ligesom titlen siger, fra Google -fotos til et WordPress Divi -galleri, nu hvor Google -fotos er forbundet, kan vi fortsætte med at oprette vores gallerier fra albummerne på vores konto.

Først og fremmest vil vi oprette et nyt galleri fra manageren.

Gå til Media> Media -mappegallerier .

Her vil vi være i stand til at oprette mange forskellige gallerier til billeder fra vores WordPress -websted, vores computer eller (i dette tilfælde) fra Google Fotos.

Klik på +Tilføj nyt galleri .

Dette åbner en pop-up, hvor du kan skrive navnet på galleriet, vælge temaet og andre ting som hvis du vil tilføje det som et moderselskab eller måske et undergalleri.

Vælg alle dine muligheder, men rolig, da du kan redigere dette efter oprettelsen af ​​galleriet, så det er ikke som noget, som vi ikke vil være i stand til at ændre;)

På denne skærm har du 3 muligheder for at tilføje billeder til dit galleri, du kan tilføje dem fra WordPress (dit mediebibliotek), fra din computer og fra Google Fotos.

Til denne tutorial skal vi vælge Google -fotos men du kan vælge, hvad du vil.

Hvis du vælger Google -fotos , vil du se alle albums og billeder fra den konto, du har tilsluttet dit websted før.

Du kan importere et komplet album ved at klikke på Import Album eller også vælge flere billeder og klikke på Import Selection .

For eksempel skal vi her vælge 5 billeder og kun importere disse.

Det er så simpelt som et klik på de billeder, du ønsker, og klik derefter, som forklaret tidligere, på importvalg .

Nu, at du føjede billederne til galleriet, vil du se dem i manageren, på denne første skærm har du muligheden for at bestille dem, indstille et billede et galleridækning og også redigere selve billedet.

Du vil bemærke en anden fane kaldet displayindstillinger og kortkode .

I dette afsnit har du muligheden for at redigere flere indstillinger fra galleriet som det tema, du vil bruge, antallet af kolonner, billedstørrelse, handling på klik og lysboksstørrelse, hvis du vælger en lysboks som handlingen ved klik.

Der er også kortkoden til det galleri, hvis du vil bruge det;)

Du vil også have disse muligheder i Divi, så bekymre dig ikke om at skulle komme hver gang du vil redigere noget i galleriet.

Nu hvor du er færdig med gallerioprettelsen, klik på Gem og gå til den side/indlæg, som du vil redigere, og klik på brug af Divi Builder , kan du bruge den i frontend eller backend uden problemer;)

Vælg kolonnen, som du normalt gør, og kig derefter efter WPMF Gallery Addon -modul.

I den næste pop-up vil du se muligheden for at tilføje et allerede oprettet galleri, og også alle de andre indstillinger, du så i fanen Display fra Gallery Manager, så du nemt kan redigere galleriet.

Vi vil vælge det galleri, vi oprettede før.

Galleriet vises, og du vil være i stand til at redigere alle displayindstillingerne med en live preview, så enhver ændring vil blive reflekteret automatisk.

Det bedste værktøj, når du vil kontrollere, hvordan det går uden at skulle klikke på forhåndsvisningen eller genindlæse siden, hver gang en ændring foretages.

Nu kan du afslutte din sideoprettelse og gå for at offentliggøre den uden at skulle bekymre dig om ikke at være i stand til at vide, hvordan galleriet vil se ud i frontend.

Et virkelig fantastisk værktøj, er det ikke?

Opret gallerier fra skyen direkte til Divi

Så måske tænkte du, at det var alt andet end svaret er nej! Du kan også oprette gallerier med billeder, der er vært i skyen, du vil være i stand til at spare lagerplads og også bruge Divi til at placere galleriet;)

Vi vil bruge en Google Drive -mappe til dette, men husk, at andre cloud -integrationer er tilgængelige med WP Media Folder og Addon (Dropbox, AWS, OneDrive).

For at være i stand til at forbinde Google Drive med dit WordPress -websted, kan du følge den detaljerede guide her processen ligner Google -fotos, så du ikke skal have problemer.

Efter at have oprettet/synkronisering af Google Drive -mapperne, kan du gå til den side/post, som du vil redigere og klikke på brug af Divi Builder , tilføje din kolonne og i modulerne kigge efter et kaldet WPMF Gallery .

Dette modul giver dig mulighed for at oprette galleriet direkte i Divi Builder, for det første, lad os tilføje billederne ved at klikke på Tilføj galleribilleder i Billeder .

Dette indlæser dit mediebibliotek som en pop-up, se efter den mappe, der har de billeder, du vil tilføje inde og klikke på den.

Vi vil bruge Google Drive -mappen til denne sag.

Vælg nu på det rigtige afsnit alle de billeder, du vil tilføje ved at klikke på dem, og klik derefter på Vælg .

Dette indlæser alle billederne i Divi-modulet, og du vil se alle de tilgængelige indstillinger til galleriudgaven, som temaet, kolonner, størrelse, handling på klik, grænser, skygger, grænse-radius og en mulighed for at tilføje sløring til billedet.

Den bedste del af dette er, at hver ændring, du foretager, vises automatisk i preview, så du ikke behøver at genindlæse siden eller gemme skabelonen på hver ændring.

Som du kan se, er disse plugins bare en perfekt kombination;)

Få det mest professionelle WordPress -websted med den bedste kombination

Vi har kun vist et par funktioner i alle de tilgængelige i WP Media Folder , der er andre som helt at aflaste dine medier til AWS, PDF -indlejret og flere skyforbindelser som OneDrive og Dropbox, så hvad venter du på at begynde at bruge alle disse fantastiske funktioner? Gå her og få dit eget medlemskab :)