Hoe maak je WordPress-gallerijen met behulp van Google Drive-media

We gaan een handige manier bekijken om WordPress-gallerijen te maken met behulp van Google Drive, wat helemaal mogelijk is met WP Media Folder, waarmee je toegang hebt tot media rechtstreeks vanuit Google Drive zonder je serverruimte in te nemen.

Google Drive verbinden met je website

De eerste stap in deze tutorial is om Google Drive te verbinden met uw site en u zult zien hoe gemakkelijk het is, allereerst hebt u de Cloud Addon nodig van WP Media Folder die het mogelijk maakt om uw site te verbinden met Google Drive.

Nu we WP Media Folder hebben geïnstalleerd, en de Cloud Addon, kunnen we beginnen met de installatie, hiervoor zijn er twee opties, Handmatig en Automatisch, dus laten we ze uitleggen.

Om de installatie te starten gaat u naar Instellingen > WP Media Folder > Cloud > Google Drive. Hier kunt u het Stationstype selecteren:

• Persoonlijke Drive: uw persoonlijke account.
• Gedeelde Drive: uw Gsuite-account.

Selecteer vervolgens het linktype voor uw afbeeldingen:

• Openbare link: genereer een openbaar toegankelijke link voor uw bestanden en ken de juiste rechten toe aan de cloud-bestanden (Gedeelde link). Bijv.: https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
• Privé-link: AJAX-link, verberg de cloud-link om de oorspronkelijke toegangsrechten van uw bestand te behouden (Gebruikers moeten inloggen om de afbeeldingen te bekijken). Bijv.: 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 WordPress-instellingenlink als u nog niet verbonden bent.

Ga hierna terug naar Instellingen > WP Media Folder > Cloud > Google Drive, selecteer Automatische modus, en klik vervolgens op Verbinden met Google Drive.

Volg de stappen om uw Google-account te verbinden, en dat is alles, uw site is verbonden :)

Echt gemakkelijk en snel, nietwaar?

Handmatige modus: eerst moet u Google Dev APP maken om het met uw site te verbinden, ga hiervoor hier en maak een Project maken.

Selecteer vervolgens de projectnaam en de locatie.

Als u voor de eerste keer de Google Drive API gebruikt, gaat u naar API's & Services > Bibliotheek, zoekt u naar de Google Drive API en klikt u op Inschakelen.

Nu u het hebt ingeschakeld, gaan we de sleutels maken om uw WordPress-site te verbinden. Ga terug naar het linker menu en klik op API & Services > Referenties.

Klik op + Referenties maken > OAuth Client-ID, als het daarom vraagt, voeg dan een naam toe aan uw OAuth-toestemmingsscherm.

Bij toepassing kunt u Webtoepassing selecteren en een naam naar keuze toevoegen, gebruik voor de andere parameters het volgende:

• Toegestane JavaScript-oorsprong: https://uw-domein.com (vervang door uw domeinnaam, zonder afsluitende slash)
• Toegestane omleidings-URI's: https://uw-domein.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated
  (vervang door uw domeinnaam)

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

Eerst moet u een Gebruikerstype selecteren.

U kunt hieruit kiezen:

• Intern: uw app is beperkt tot 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. In dit scherm ziet u de optie om de Client Secret en de Client ID toe te voegen, dus plak ze daar en klik op Google Drive verbinden.

Toestaan WP Media Folder om toegang te krijgen tot de APP en dat is alles! U hebt het Google-account verbonden!

Laten we WordPress-cloudgallerijen maken

Nu we Google Drive hebben verbonden met onze mediabibliotheek, zal de verbinding heel eenvoudig werken, het zal een hoofdmap genereren in uw Google Drive-account en alle media/mappen die daar worden toegevoegd, zullen verschijnen in uw mediabibliotheek onder de Google Drive-mappen, en alle media/mappen die aan uw mediabibliotheek worden toegevoegd onder de Google Drive-mappen, zullen verschijnen in uw Google Drive-account.

Dus laten we beginnen met het maken van de galerij, ga hiervoor naar uw Mediabibliotheek > Google Drive en u kunt een nieuwe map toevoegen om alles georganiseerd te houden, bijvoorbeeld voegen we een nieuwe toe met de naam Galerij om te gebruiken in deze tutorial.

Upload de afbeeldingen daar en je zult zien dat ze worden weergegeven op Google Drive.

En laten we verder gaan met het leukste deel, het maken van de galerijen! Ga hiervoor naar Bericht/Pagina > Nieuw toevoegen (Of bewerk een al gemaakte).

We zullen Gutenberg Editor voor dit geval gebruiken, maar je kunt elke andere Pagina Bouwer gebruiken omdat ze allemaal compatibel zijn met WP Media Folder ;)

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

Dit zal je alle beschikbare mappen tonen, inclusief de mappen van Google Drive, we selecteren de map die we hebben gemaakt met de naam Galerij, en klik vervolgens op Galerij maken.

Je zult een voorbeeld van het thema zien, je kunt het wijzigen in het rechter paneel.

Thema voorbeelden:

Standaard

Masonry

Portfolio

Schuifregelaar

Zoals je kunt zien, is het net zo eenvoudig als het selecteren van de afbeeldingen, het thema en publiceren ervan. Er zijn andere opties om de galerijen aan te passen zoals je wilt, zoals de volgorde, actie bij klikken en de Lightbox-grootte.

U kunt op uw server bevestigen dat de afbeeldingen niet bestaan omdat deze alleen worden gehost op Google Drive ;)

De Gallery Addon gebruiken om professionele gallerijen te maken

De andere optie wanneer u galerijen wilt maken, is door de Galerie Addon te gebruiken. Deze geweldige addon biedt u meer galerijthema's en opties om ze aan te passen met een interface om ze aan te passen voordat ze worden gepubliceerd.

U kunt het vinden door naar Media > Media Map Galerijen te gaan, op dit scherm klikt u op +Nieuwe Galerij Toevoegen en stelt u de galerij-opties in, u kunt een naam voor de galerij selecteren en ook het galerij-thema kiezen dat u gaat gebruiken.

Kies de naam, het galerij-niveau en het galerij-thema, en klik vervolgens op Creëren.

Nu ziet u hier alle beschikbare opties om afbeeldingen toe te voegen. Voor dit geval, waarin we de Google Drive-add-on gaan gebruiken, selecteert u het WordPress-pictogram.

Dit opent de Media Bibliotheek, we gaan de Google Drive map selecteren die we eerder hebben gemaakt, in dit geval genaamd Galerij, en selecteer alle afbeeldingen die je wilt toevoegen aan de galerij, klik tenslotte op Importeren.

Je ziet de afbeeldingen op dit scherm, zodat je ze kunt herschikken, een afbeelding als omslag kunt instellen of de instellingen van een specifieke afbeelding kunt wijzigen, zoals de alternatieve naam en titel :)

Dus nu hoeven we alleen nog maar de galerij te kiezen, deze aan te passen aan je content, je galerij te bevestigen met de preview en deze op te slaan!

Op de Weergave-instellingen & Shortcode kunt u het volgende instellen:

• Thema
• Galerij Afbeeldingsgrootte
• Lightbox Grootte
• Actie bij klikken(open een nieuwe pagina of een lightbox)
• Kolommen
• Volgorde
• Instellingen voor navigatie(zoals de knop en knopgrootte)

U kunt ook de shortcode van dit scherm kopiëren als u deze wilt gebruiken in plaats van het vooraf gedefinieerde blok voor elke Page Builder.

Nu is de laatste stap om de galerij te bekijken om te bevestigen dat alles in orde is, dit kan worden gedaan in het derde tabblad met de naam Voorbeeld.

De extra beschikbare thema's met de addon zijn de volgende:

Stroom dia

Vierkant raster

Materiaal

Nu u het thema heeft geselecteerd en de installatie hebt voltooid, kunt u doorgaan met het publiceren van de galerij. Ga hiervoor naar uw Bericht/Pagina en bewerk deze. Voor de Gutenberg Editor, klik op + > WPMF Gallery Addon.

Klik op Selecteer of maak een galerij, dit zal het galerij-add-on-dashboard laden, zodat u de galerij kunt selecteren of rechtstreeks vanuit daar een nieuwe kunt maken, de preview kunt controleren en vervolgens op Invoegen klikt.

Plaats nu uw galerij en publiceer deze uiteindelijk! Zoals u kunt zien, biedt de Gallery Addon u meer mogelijkheden dan de normale galerijen, het is alsof u naar het volgende niveau gaat :)

Maak uw eerste Google Drive-galerie in WordPress

U bespaart serverruimte door Google Drive te gebruiken voor WordPress-galerijen en een efficiëntere en meer georganiseerde mediaworkflow te creëren. WP Media Folder biedt een gemakkelijke en flexibele optie om galerijen te maken die rechtstreeks zijn verbonden met Google Drive, met aantrekkelijke thema's en weergaveopties, en functies zoals het toevoegen van externe video's van streamingdiensten!

Dus, bent u klaar om uw website naar een hoger niveau te tillen? Maak vandaag uw eerste galerij in WordPress met Google Drive en geniet van een eenvoudigere en professionelere media beheerervaring!