Hoe maak je foto- en videogalerijen met WP Media Folder en de Gutenberg-editor?

Als je hier bent, komt dat waarschijnlijk omdat je veel video's en afbeeldingen hebt die je op je WordPress-pagina wilt laten zien, maar je niet weet hoe. Geen zorgen, hier leer je hoe je afbeeldingen- en videogalerijen maakt met behulp van de geweldige plugin WP Media Folder in de Gutenberg-editor.

In het verleden was het erg moeilijk om een ​​fotogalerij en videogalerij in WordPress te maken. Je had vaak de hulp van een ontwikkelaar nodig, wat behoorlijk duur was. Maar dankzij de ontwikkelaars van JoomUnited is het nu volledig mogelijk om galerijen te maken zonder programmeerkennis. Iedereen kan galerijen maken die passen bij jouw WordPress-thema.

Net zo eenvoudig als een galerij maken vanuit een mediamap

WP Media Folder kunt u mappen aanmaken in uw mediabibliotheek. Wij noemen deze mappen 'mediamappen'. Het maken van galerijen kan dus net zo eenvoudig zijn als het aanmaken van deze mediamappen. U zult zien hoe gemakkelijk het is om deze mappen te maken.

Nadat je de plugin hebt geïnstalleerd, ga je naar je mediabibliotheek. Je ziet daar nieuwe opties. Laten we beginnen met het aanmaken van een nieuwe map met afbeeldingen. Klik hiervoor op "Bibliotheek".

Aan de linkerkant ziet u nu de optie om een ​​nieuwe map aan te maken. Klik hierop en typ de naam van uw nieuwe map. Voor deze handleiding noemen we de map 'Awesome random gallery'. Klik vervolgens op 'Aanmaken'.

Nu zou je je nieuwe map aan de linkerkant moeten zien. Klik erop en je kunt de media erin bekijken. Omdat we nog geen media hebben toegevoegd, is de map uiteraard leeg.

In de map genaamd "Mediabibliotheek", die zich boven de map bevindt die we hebben aangemaakt, staan ​​alle bestanden die we eerder naar onze site hebben geüpload.

Wat we nu moeten doen, is de afbeeldingen die we aan de map willen toevoegen, erin slepen. Houd er rekening mee dat je bestanden direct aan de nieuwe map kunt toevoegen door ze erin te slepen. Laten we voor deze tutorial vier afbeeldingen naar die nieuwe map verplaatsen.

De afbeeldingen zouden nu in je nieuwe map moeten staan.

En dat is alles voor het aanmaken van de map. Je kunt alle afbeeldingen toevoegen die je wilt (houd er rekening mee dat als je sommige van deze afbeeldingen al hebt gepubliceerd, deze niet worden aangepast). Laten we nu verdergaan met het aanmaken van een galerij vanuit de mediamap. Als je de galerij-add-on hebt, kun je naar "Media Folder Galleries" gaan in het gedeelte Mediabibliotheek op het beheerdersdashboard.

Op dit dashboard kunt u galerijen maken en al uw galerijen beheren. Als we een galerij willen maken vanuit een map, klikt u op 'Galerij vanuit map'.

Klik op de map die je wilt omzetten naar een galerij, selecteer het thema dat je wilt gebruiken en klik vervolgens op 'Maken'.

We gaan een galerij gebruiken uit de galerij-add-on genaamd "Flow Slide".

Nu we de galerij hebben aangemaakt, kunnen we deze aanpassen en verschillende parameters instellen, zoals het aantal afbeeldingen per pagina.

Controleer of we ook afbeeldingen kunnen uploaden naar dit dashboard vanuit WordPress en vanaf uw computer. In het andere gedeelte "Galerijweergave-instellingen" kunnen we de overige parameters instellen. We kunnen ook het thema wijzigen, dus stel het in en klik op "Opslaan".

Dat is alles… Heb je gezien hoe makkelijk het is om een ​​galerij te maken vanuit een map? Nu hoef je hem alleen nog maar te publiceren en dat kan met de Gutenberg-editor. Laten we dus verdergaan met het maken van een bericht via Berichten > Nieuw bericht toevoegen.

Als je de Pro Gallery-add-on hebt, kun je hier twee dingen doen: klik op + > WP Media Folder > WPMF Gallery Addon.

Klik op 'Galerij selecteren of maken' en selecteer de galerij die we eerder hebben gemaakt en klik vervolgens op 'Invoegen'.

Publiceer nu en je kunt je fantastische galerij bekijken met het thema dat je eerder hebt gekozen.

Een andere manier om je galerij te publiceren is door het blok "WP Media Gallery" toe te voegen. Klik hiervoor op + > WP Media Folder > WP Media Folder Gallery.

Klik nu op de map die we eerder hebben aangemaakt en klik op 'Galerij maken'. In het rechtergedeelte kun je het thema en de parameters selecteren. We gaan in dit geval de schuifgalerij gebruiken, dus selecteer deze en klik op 'Publiceren'.

En dat is alles, je hebt een fotogalerij gemaakt van een map.

Een YouTube-videogalerij maken

Ja, we gaan een YouTube-galerij maken en ja, het is heel eenvoudig.

Allereerst gaan we naar de mediabibliotheek om de map aan te maken. Ga dus naar Media > Bibliotheek . Op dit dashboard kunnen we een nieuwe map aanmaken. We noemen deze "Willekeurige YouTube-galerij".

Bovenaan, na Mediabibliotheek, staat een knop met de tekst 'Nieuw toevoegen'. Klik hierop en vervolgens op 'Een YouTube-, Vimeo- of Dailymotion-video-URL toevoegen'. Daarna kun je de link plakken, de video toevoegen en op 'Uploaden' klikken.

Nu we onze video's hebben toegevoegd, zou onze videomap vol moeten zijn.

Nu gaan we naar Berichten > Nieuw bericht toevoegen en klikken we op + > WP Media Folder > WP Media Folder Gallery.

Klik nu op de map die we eerder hebben aangemaakt en klik vervolgens op 'Galerij maken'.

Nu kunt u het thema kiezen dat u wilt gebruiken. Voor dit voorbeeld gebruiken we Masonry en u zult zien hoe mooi het eruitziet.

Klik nu op 'Publiceren' en je YouTube-galerij wordt aangemaakt. Zo makkelijk, toch? ;)

Nu kun je op je video's klikken, waarna een lightbox wordt geopend om je video af te spelen.

Een Vimeo-galerij in Gutenberg is ook mogelijk

Dus je gebruikt liever geen YouTube, maar Vimeo? Geen probleem, je kunt ook een Vimeo-galerij maken. Je hoeft alleen maar dezelfde stappen te volgen als bij het maken en publiceren van je YouTube-galerij. Je zult je fantastische Vimeo-galerij snel zien! ;).

WP Media Folder op allerlei manieren kunt gebruiken. Het is niet beperkt tot alleen afbeeldingen. Als je bijvoorbeeld een YouTuber bent met video's op Vimeo die je wilt gebruiken, of als je afbeeldingen in een cloudservice zoals Google Drive hebt staan, kun je er een galerij mee maken en deze op je WordPress-website weergeven. Waar wacht je nog op? Koop WP Media Folder hier .