Nieuwsblog: WordPress & Joomla Extensions

Hoe WordPress-galerijen te maken met Google Drive-media

JU_NEWS_google-drive-media-

Galerijen zijn een van de belangrijkste onderdelen van een website, omdat het de meest professionele manier is om uw media te tonen en uw gebruikers een goede visuele ervaring te geven bij het bezoeken van uw site. Het is bekend dat er te veel manieren zijn om galerijen te maken zoals als het gebruik van een plug-in, maar hoe zit het met het rechtstreeks vanuit de cloud bedienen? Laat me je vertellen dat het volledig mogelijk is met WP Media Folder en je zult zien hoe je dit kunt doen in dit bericht;)

 Google Drive verbinden met uw website


De eerste stap in deze zelfstudie is om Google Drive met uw site te verbinden en u zult zien hoe gemakkelijk het is. Allereerst heeft u de Cloud Add-on van WP Media Folder nodig waarmee u uw site kunt verbinden met Google Drive.

Nu we WP Media Folder en de Cloud Add-on hebben geïnstalleerd , 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 Drive Type selecteren :

  • Personal Drive : uw persoonlijke account.
  • Shared Drive : uw Gsuite-account.


Selecteer vervolgens het linktype voor uw afbeeldingen:

  • Openbare link : genereer een openbaar toegankelijke link voor uw bestanden en beïnvloed de juiste rechten op de cloudbestanden (Gedeelde link). Bijv.: https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
  • Privélink : AJAX-link, verberg de cloudlink om het oorspronkelijke toegangsrecht van uw bestand te behouden (gebruikers hebben een login nodig om de afbeeldingen te bekijken).
    Bijv.: https://uwdomein.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0


En ga dan verder met de verbinding:

Om deze functie te gebruiken, moet u eerst uw Joomunited-account koppelen via Menu Instellingen > Algemeen . Klik op de link WordPress-instellingen als u nog geen verbinding hebt gemaakt.

Ga hierna terug naar Instellingen > WP Media Folder > Cloud > Google Drive , selecteer de automatische modus en vervolgens op Connect Google Drive .



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



Echt makkelijk en snel, toch?

Handmatige modus : allereerst moet u de Google Dev-app maken om deze met uw site te verbinden, hiervoor gaat u hierheen en maakt u een project maken .



Selecteer vervolgens de projectnaam en de locatie.



Als het de eerste keer is dat u 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 je het hebt ingeschakeld, gaan we de sleutels maken om je WordPress-site te verbinden, ga opnieuw naar het linkermenu en klik op API & Services > Referenties .



Klik op + Credentials maken > OAuth-client-ID , als het erom vraagt, voeg dan een naam toe aan uw OAuth-toestemmingsscherm.



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

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


Houd er rekening mee dat als deze waarschuwing verschijnt: "Om een ​​OAuth-client-ID aan te maken, moet u eerst een productnaam op het toestemmingsscherm instellen", klikt u op de knop Toestemmingsscherm configureren of gaat u naar API's & Services >> OAuth-toestemmingsscherm, voeg dan uw domeinnaam toe bij Geautoriseerde domeinen.

Eerst moet u een gebruikerstype selecteren .



U kunt kiezen tussen:

  • Intern : uw app is beperkt tot G Suite-gebruikers binnen uw organisatie.
  • Extern : uw app is beschikbaar voor elke gebruiker met een Google-account.
Nadat je het hebt geselecteerd, kun je teruggaan naar het andere scherm waar je het toepassingstype hebt geselecteerd om de installatie te voltooien, en het is klaar! Je hebt de ID en het geheim om de installatie van
de WP Media Folder te voltooien :)


Als laatste stap gaat u naar Instellingen> WP Media Folder > Cloud> Google Drive en selecteert u de handmatige modus, in dit scherm ziet u de optie om het Clientgeheim en de Client-ID dus eigenlijk toe te voegen, daar voorbij te gaan en te klikken op Google Drive verbinden .



Geef WP Media Folder toegang tot de APP en dat is alles!
Je hebt het Google-account gekoppeld!


 Laten we WordPress-cloudgalerijen maken


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

Dus laten we beginnen met het maken van een galerij, hiervoor ga je naar je mediabibliotheek > Google Drive en kun je een nieuwe map toevoegen om dingen georganiseerd te houden. We voegen bijvoorbeeld een nieuwe toe met de naam Galerij om in deze tutorial te gebruiken.

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



En laten we doorgaan met het grappigste deel, de galerijen maken! Ga hiervoor naar Post/Pagina > Nieuwe toevoegen (of bewerk een reeds aangemaakte).

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

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



Dit toont u alle beschikbare mappen, inclusief die van Google Drive, we selecteren degene die we hebben gemaakt met de naam Galerij en klikken vervolgens op Galerij maken .



U ziet een voorbeeld van het thema, u kunt dit wijzigen in het rechterpaneel.



Themavoorbeelden:

Standaard



Masonry



Portefeuille



Schuifregelaar



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

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


 De Galerij-add-on gebruiken om professionele galerijen te kratten


De andere optie wanneer u galerijen wilt maken, is het gebruik van de Galerij- add-
on , deze geweldige add-on biedt u meer galerijthema's en opties om ze te bewerken met een interface om ze aan te passen voordat ze worden gepubliceerd.

Je kunt het vinden door naar Media> Mediamapgalerijen te gaan, klik in dit scherm op +Nieuwe galerij toevoegen en stel de galerijopties in, je kunt een naam voor de galerij selecteren en ook het galerijthema selecteren dat je gaat gebruiken.



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

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



Hiermee wordt de mediabibliotheek geopend , we gaan de Google Drive-map selecteren die we eerder hebben gemaakt, in dit geval Galerij genaamd , en alle afbeeldingen selecteren die u aan de galerij wilt toevoegen, en ten slotte op Importeren klikken .



Je ziet de afbeeldingen op dit scherm, zodat je de volgorde kunt wijzigen, 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 uw inhoud, uw galerij te bevestigen met het voorbeeld en deze op te slaan!

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

  • Thema
  • Galerij afbeeldingsgrootte
  • Grootte lichtbak
  • Actie bij klik (open een nieuwe pagina of een lightbox)
  • Kolommen
  • Bestellen
  • Navigatie-instellingen (zoals de knop en de grootte van de knoppen)


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 een ​​voorbeeld van de galerij te bekijken om te bevestigen dat alles in orde is, dit kan worden gedaan op het derde tabblad met de naam Voorbeeld .

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

Stroomdia



Vierkant raster



Materiaal



Nu je het thema hebt geselecteerd en de installatie hebt voltooid, kun je doorgaan met het publiceren van de galerij, hiervoor ga je naar je bericht/pagina en bewerk je deze, voor de Gutenberg-editor, en klik je op + > WPMF Gallery Add-on.



Klik op Selecteren of Galerij maken , hierdoor wordt het galerij-add-on-dashboard geladen, zodat u de galerij kunt selecteren, of ook direct vanaf daar een nieuwe kunt maken, het voorbeeld kunt bekijken en vervolgens op Invoegen kunt klikken .



Dus voeg nu uw galerij in en publiceer deze ten slotte! Zoals je kunt zien, biedt de Galerij-add-on je meer mogelijkheden dan de normale galerijen, zoals, ga naar het volgende niveau :)


 Maak uw eerste Google Drive Galleri in WordPress


Zoals je in de post hebt kunnen zien, is dit een heel gebruiksvriendelijke en nuttige post om naar een hoger niveau te gaan met je website! Dus waar wacht je op? Ga hierheen en verkrijg nu uw lidmaatschap!

1
Hoe maak je geweldige WordPress-galerijen met Go...
OneDrive for Business als cloudopslag voor uw jo...
 

Opmerkingen

Er zijn nog geen opmerkingen gemaakt. Wees de eerste die een opmerking plaatst
Al geregistreerd? Hier inloggen
Gast
zondag 28 november 2021

Captcha-afbeelding

Door te accepteren krijgt u toegang tot een service van een externe partij buiten https://www.joomunited.com/