Hoe maak je WordPress-galerieën met Google Drive-media?

We gaan kijken naar een handige manier om WordPress-galerieën te maken met Google Drive. Dat is helemaal mogelijk met WP Media Folder , waarmee je rechtstreeks toegang hebt tot media vanuit Google Drive zonder serverruimte in beslag te nemen.

Google Drive koppelen aan uw website

De eerste stap in deze handleiding is het verbinden van Google Drive met je website. Je zult zien hoe eenvoudig dat is. Allereerst heb je de Cloud Addon van WP Media Folder ; hiermee kun je je website met Google Drive verbinden.

Nu we WP Media Folder en de Cloud Addon , kunnen we beginnen met de configuratie. Hiervoor zijn twee opties: handmatig en automatisch. Laten we die eens toelichten.

Om de installatie te starten, ga je naar Instellingen > WP Media Folder > Cloud > Google Drive . Hier kun je het type schijf :

• Persoonlijke Drive : uw persoonlijke account.
• Gedeelde schijf : uw G Suite-account.

Selecteer vervolgens het linktype voor uw afbeeldingen:

• Openbare link : genereer een openbaar toegankelijke link voor uw bestanden en wijs de juiste rechten toe aan de bestanden in de cloud (gedeelde link). Bijvoorbeeld: https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
• Privélink : AJAX-link, verberg de cloudlink om de oorspronkelijke toegang tot uw bestand te behouden (gebruikers moeten inloggen om de afbeeldingen te bekijken). Bijvoorbeeld: https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

Ga vervolgens verder met de verbinding:

Om deze functie te gebruiken, moet u eerst uw Joomunited-account koppelen via Menu -instellingen > Algemeen . Klik op de link naar de WordPress-instellingen als u dit nog niet hebt gedaan.

Ga na deze stappen terug naar Instellingen > WP Media Folder > Cloud > Google Drive , selecteer de automatische modus en klik vervolgens op Google Drive .

Volg de stappen om je Google-account te koppelen, en dat is alles, je website is nu verbonden :)

Heel makkelijk en snel, hè?

Handmatige modus : allereerst moet je een Google Dev-app aanmaken om deze met je site te verbinden. Ga hiervoor naar en maak een project .

Selecteer vervolgens de projectnaam en de locatie.

Als u de Google Drive API , gaat u naar API's en services > Bibliotheek , zoekt u de Google Drive API en klikt u op Inschakelen .

Nu je het hebt ingeschakeld, gaan we de sleutels aanmaken om je WordPress-site te verbinden. Ga opnieuw naar het menu aan de linkerkant en klik op API & Services > Referenties .

Klik op + Referenties aanmaken > OAuth-client-ID . Als daarom wordt gevraagd, voeg dan een naam toe aan uw OAuth-toestemmingsscherm.

'Webapplicatie' selecteren en een naam naar keuze toevoegen. Voor de overige parameters gebruikt u de volgende gegevens:

• Geautoriseerde JavaScript-bron : https://your-domain.com (vervang dit door uw domeinnaam, zonder schuine streep aan het einde)
• Geautoriseerde redirect-URI's : https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated
  (vervang door uw domeinnaam)

Houd er rekening mee dat als de volgende waarschuwing verschijnt: "Om een ​​OAuth-client-ID aan te maken, moet u eerst een productnaam instellen op het toestemmingsscherm", u op de knop 'Toestemmingsscherm configureren' moet klikken of naar API's en services >> OAuth-toestemmingsscherm moet gaan en vervolgens uw domeinnaam moet toevoegen bij 'Geautoriseerde domeinen'.

Allereerst moet je een gebruikerstype .

U kunt kiezen uit:

• Intern : uw app is alleen toegankelijk voor G Suite-gebruikers binnen uw organisatie.
• Extern : uw app is beschikbaar voor elke gebruiker met een Google-account.
  

Ga als laatste stap naar Instellingen > WP Media Folder > Cloud > Google Drive en selecteer de handmatige modus. Op dit scherm zie je de optie om het Client Secret en de Client ID toe te voegen. Plak deze gegevens daar en klik op Verbinden met Google Drive .

Geef WP Media Folder toegang tot de app en dat is alles! Je Google-account is dan gekoppeld!

Laten we WordPress-cloudgalerijen maken

Nu we Google Drive aan onze mediabibliotheek hebben gekoppeld, werkt de verbinding heel eenvoudig. Er wordt een hoofdmap aangemaakt in je Google Drive-account en alle media/mappen die je daaraan toevoegt, verschijnen in je mediabibliotheek onder de Google Drive-mappen.

Laten we beginnen met het maken van een galerij. Ga hiervoor naar je Mediabibliotheek > Google Drive en voeg een nieuwe map toe om alles overzichtelijk te houden. We maken bijvoorbeeld een nieuwe map met de naam ' Galerij' voor deze handleiding.

Upload de afbeeldingen daar en je ziet ze vervolgens terug in Google Drive.

En dan nu het leukste gedeelte: het maken van de galerijen! Ga hiervoor naar Bericht/Pagina > Nieuwe toevoegen (of bewerk een bestaande).

We gebruiken in dit geval de Gutenberg-editor, maar je kunt elke andere paginabouwer gebruiken, aangezien ze allemaal compatibel zijn met WP Media Folder

Nu we hier zijn, klik op + > WP Media Folder Gallery .

Hier ziet u alle beschikbare mappen, inclusief die van Google Drive. We selecteren de map die we hebben aangemaakt met de naam 'Galerij' en klikken vervolgens op 'Galerij maken' .

Je ziet een voorbeeld van het thema; je kunt het in het rechterpaneel wijzigen.

Voorbeelden van thema's:

Standaard

Masonry

Portfolio

Slider

Zoals je ziet, is het heel eenvoudig: je selecteert de afbeeldingen, het thema en publiceert het. Er zijn ook andere opties waarmee je de galerijen naar wens kunt aanpassen, zoals de volgorde, de actie bij een klik en de grootte van de lightbox.

Je kunt op je server controleren of de afbeeldingen daar niet aanwezig zijn, omdat ze alleen op Google Drive ;)

Professionele galerijen maken met de Gallery-add-on

Een andere optie voor het maken van galerijen is het gebruik van de Gallery Addon . Deze fantastische add-on biedt je meer galerijthema's en bewerkingsopties, met een interface waarmee je ze kunt aanpassen voordat je ze publiceert.

Je vindt de galerij via Media > Media-mapgalerijen . Klik op dit scherm op +Nieuwe galerij toevoegen en stel de galerijopties in. Je kunt een naam voor de galerij kiezen en ook het galerijthema selecteren dat je wilt gebruiken.

Kies de naam, het galerijniveau en het galerijthema en klik vervolgens op 'Maken' .

Hier zie je alle beschikbare opties om afbeeldingen toe te voegen. In dit geval, waar we de Google Drive-add-on gaan gebruiken, selecteer je het WordPress-pictogram.

Hiermee wordt de mediabibliotheek . We selecteren de Google Drive-map die we eerder hebben aangemaakt, in dit geval genaamd 'Galerij' , en selecteren alle afbeeldingen die we aan de galerij willen toevoegen. Klik ten slotte op 'Importeren' .

Op dit scherm zie je de afbeeldingen, zodat je ze opnieuw kunt rangschikken, een afbeelding als omslag kunt instellen of de instellingen van een specifieke afbeelding kunt wijzigen, zoals de alternatieve naam en de titel

Het enige wat we nu nog hoeven te doen, is de galerij kiezen, deze aanpassen aan uw inhoud, de galerij controleren met de preview en opslaan!

In de weergave-instellingen en shortcodes kunt u het volgende instellen:

• Thema
• Galerijafbeeldingsgrootte
• Lightbox-formaat
• Actie bij klikken (een nieuwe pagina of een lightbox openen)
• Kolommen
• Bestellen
• Navigatie-instellingen (zoals de knop en de grootte van de knoppen)

Je kunt de shortcode ook van dit scherm kopiëren als je die wilt gebruiken in plaats van het vooraf gedefinieerde blok voor elke paginabouwer.

De laatste stap is het bekijken van een voorbeeld van de galerij om te controleren of alles in orde is. Dit kan in het derde tabblad, genaamd ' Voorbeeld' .

De volgende extra thema's zijn beschikbaar met de add-on:

Stroomdia

Vierkant raster

Materiaal

Nu je het thema hebt gekozen en de installatie hebt voltooid, kun je de galerij publiceren. Ga hiervoor naar je bericht/pagina en bewerk deze. In de Gutenberg-editor klik je op + > WPMF Gallery Addon.

Klik op ' Galerij selecteren of maken' . Hiermee wordt het dashboard van de galerij-add-on geladen, waar u een galerij kunt selecteren of direct een nieuwe kunt maken. Bekijk de preview en klik vervolgens op ' Invoegen' .

Voeg nu je galerij toe en publiceer deze vervolgens! Zoals je ziet, biedt de Galerij-add-on je meer mogelijkheden dan de standaard galerijen; het is alsof je een stap verder gaat :)

Maak je eerste Google Drive-galerij in WordPress

Je bespaart serverruimte door Google Drive te gebruiken voor WordPress-galerieën en creëert een efficiëntere en beter georganiseerde mediaworkflow. WP Media Folder biedt een eenvoudige en flexibele optie om galerieën te maken die direct zijn gekoppeld aan Google Drive, met aantrekkelijke thema's en weergaveopties, en functies zoals het toevoegen van video's van streamingdiensten !

Ben je klaar om je website naar een hoger niveau te tillen? Maak vandaag nog je eerste galerij in WordPress met Google Drive en geniet van een eenvoudigere en professionelere manier van mediabeheer!