Ga naar hoofdinhoud
Leestijd: 8 minuten (1560 woorden)

Hoe maak je een fotogalerij met filters voor foto's?

Hoe maak je een fotogalerij met een filter?

 Het zoeken naar afbeeldingen in een galerij op je website wordt een stuk eenvoudiger dankzij de filters WP Media Folder biedt. Hiermee kun je zoveel afbeeldingen aan een galerij toevoegen als je wilt, zodat je gebruikers snel kunnen vinden wat ze zoeken.

Het is gebruikelijk om meerdere afbeeldingen in een galerij te gebruiken bij het toevoegen van content. We willen immers dat onze gebruikers niet alleen tekst zien, maar ook een grafisch voorbeeld of een beschrijving van wat we aanbieden. Het probleem ontstaat echter wanneer we te maken hebben met content die uit veel subcategorieën bestaat, zoals veel vacatures met afbeeldingen, informatie over landen of diensten die met een afbeelding kunnen worden geïllustreerd. In deze handleiding laten we zien hoe je een galerij met filters maakt met behulp van de WP Media Folder Gallery-add-on.


Zeg vaarwel tegen de rommelige mediabibliotheek.

WP Media Folder kunt u bestanden categoriseren, mappen synchroniseren met cloudopslag, geweldige galerijen maken en zelfs afbeeldingen vervangen zonder koppelingen te verbreken.
Optimaliseer vandaag nog uw mediaworkflow

DOWNLOAD DE PLUGIN NU

Een fotogalerij maken in WordPress

Laten we bij het begin beginnen: maak een galerij aan met behulp van onze mediabibliotheek of lokale bestanden en de galerijbeheerder in WP Media folder.

Houd er rekening mee dat we voor deze handleiding de WP Media folder plugin en de WP Media folder Gallery-add-on zullen gebruiken.

Laten we eerst eens kijken hoe je een galerij aanmaakt en vult met afbeeldingen. Ga hiervoor naar Media > Media-map Galerijen.



Klik op dit scherm op +Nieuwe galerij toevoegen  > Nieuwe mediagalerij maken .



Er verschijnt een pop-upvenster waarin u de titel van de galerij kunt typen, het gewenste thema kunt selecteren en kunt aangeven of het een hoofdgalerij of een subgalerij moet zijn.



Je kunt het gewenste thema selecteren en de titel van je fotogalerij typen, vervolgens op 'Maken' en klaar! Je lege galerij is aangemaakt.

Laten we nu de galerij vullen met afbeeldingen uit de mediabibliotheek. Klik hiervoor op het WordPress- pictogram dat u op de nieuwe galerijpagina ziet.



Er wordt een pop-upvenster geopend met onze mediabibliotheek en de mappen die zijn aangemaakt door WP Media Folder . U kunt eenvoudig door al onze afbeeldingen navigeren, de gewenste afbeeldingen selecteren en vervolgens op 'Afbeeldingen importeren' .



De afbeeldingen worden geladen in onze Galerijmanager, waar u een voorbeeldweergave ziet van alle toegevoegde afbeeldingen.



Laten we nu een afbeelding toevoegen vanuit onze lokale mappen. Klik hiervoor op het mapicoon.


Onze bestandsverkenner wordt geopend, zodat we de gewenste afbeeldingen kunnen selecteren en direct naar de galerij kunnen uploaden.



Nu zijn onze afbeeldingen toegevoegd aan onze zojuist aangemaakte galerij, en dat ging echt snel! Toch?


Pas de filters voor de WordPress-galerij aan

Nu onze galerij is aangemaakt, kunnen we deze aanpassen naar onze wensen. Hiervoor is een instellingentabblad beschikbaar, namelijk het tabblad 'Weergave-instellingen en shortcode'


Op dit scherm kunnen we een galerijthema selecteren en alle mogelijke aanpassingen maken om onze galerij aan te passen aan onze inhoud.



Om de filters te maken, moeten we ons voorlopig concentreren op één instelling: Afbeeldingstags . Schakel deze in.



Als dit gedaan is, kunnen we de galerij naar wens aanpassen en vervolgens verdergaan met het instellen van de tags.

Om de filters te laten werken, moeten we tags aan onze afbeeldingen toevoegen op basis van wanneer we die tags willen weergeven. Om een ​​tag toe te voegen, klikt u op het aanpassingspictogram dat verschijnt wanneer u de muis over een afbeelding beweegt op het Algemeen .



Hierdoor wordt een pop-upvenster geopend met een sectie voor afbeeldingstags . Daar kunnen we alle tags toevoegen die we willen gebruiken om onze afbeeldingen te filteren, gescheiden door een komma. Bijvoorbeeld: dit is een woestijn en een zonnig landschap, dus we kunnen die als tags gebruiken.



Nu kunnen we alle afbeeldingen voorzien van de tags die we willen gebruiken, zodat ze worden weergegeven op de pagina of in het bericht waar we ze willen publiceren.

In het volgende deel van deze handleiding laten we zien hoe je een galerij aan je content toevoegt en hoe de filters werken.


Voeg afbeeldingsgalerieën toe aan WordPress-pagina's en -berichten

Nu we onze galerijen hebben aangemaakt, is de volgende stap om naar onze pagina's te gaan en onze galerijen met filters te plaatsen en te publiceren.

Om dit te doen, ga je naar je bericht of pagina of maak je er een aan. In dit geval gebruiken we de Gutenberg-editor, maar WP Media Folder en de bijbehorende Gallery-add-on werken met alle gangbare paginabouwers en hebben ook een shortcode beschikbaar, zodat je het overal kunt gebruiken.

Nadat je de pagina-/berichteditor hebt geopend, klik je op de + knop om een ​​blok toe te voegen en zoek je naar WP Media Folder en selecteer het WPMF Gallery Addon Block.



Er wordt een blok geladen voor de WP Media Folder Gallery-add-on, waarmee een modaal venster wordt geopend met het dashboard voor galerijbeheer dat we eerder hebben gezien. Selecteer de galerij die u wilt plaatsen en klik ten slotte op Invoegen .



Als we de afbeeldingstags inschakelen, zou de galerij moeten laden met de mediafilters die we hebben gemaakt door de afbeeldingstags toe te voegen.

Er is ook een instelling beschikbaar bij het aanmaken van het blok waarmee we de afbeeldingstags kunnen inschakelen, voor het geval dat.



Nu zou de voorbeeldweergave van de afbeeldingsgalerij in de editor moeten laden. We hoeven deze alleen nog maar naar wens aan te passen en tot slot onze pagina te publiceren. Onze galerij is dan klaar!


In slechts een paar stappen creëerden we een echt professionele galerij met fantastische filters; het maken van galerijen zal nooit meer hetzelfde zijn.


Maak WordPress-galerieën met behulp van mediamappen

Als het maken van galerijen al geweldig was, dan is dat nog niet alles met WP Media Folder We kunnen namelijk mappen in onze mediabibliotheek aanmaken om onze media te ordenen en ook galerijen maken op basis van deze mediamappen. Laten we eens kijken hoe dat werkt!

Na het installeren van de plugin zie je de optie ' NIEUWE MAP TOEVOEGEN' in de mediabibliotheek.



We hebben nu de mogelijkheid om mappen en submappen aan te maken om onze media naar wens te ordenen, maar wat als we niet alleen kunnen ordenen, maar ook galerijen kunnen maken op basis van deze mappen? En hoe zit het met het automatisch bijwerken van de galerij telkens wanneer we een nieuwe afbeelding aan een map toevoegen? 

Op deze manier kunnen we eenvoudig afbeeldingen uploaden naar onze mediabibliotheek en wordt de galerij automatisch bijgewerkt. Dat klinkt toch fantastisch?

Ga hiervoor naar het galerijbeheer onder Media > Mediafoldergalerij en klik op +Nieuwe galerij toevoegen > Snelle galerij vanuit map .



Er wordt een pop-upvenster geopend met de beschikbare mappen en submappen, zodat we de gewenste map kunnen selecteren, een thema kunnen instellen en tot slot op 'Maken' .



Alle afbeeldingen uit de map verschijnen automatisch in onze galerij en we kunnen alle gebruikelijke instellingen en filters gebruiken die we eerder al zagen.

Als we de galerij willen bijwerken telkens wanneer er een afbeelding naar de map wordt geüpload, hoeven we alleen nog maar de 'Afbeelding automatisch toevoegen in map' .



En dat is alles! Alle afbeeldingen worden automatisch aan de galerij toegevoegd, het is pure magie, geweldig toch?


Oproep aan alle webmasters!

Bespaar tijd en verhoog de productiviteit met WP Media Folder . Organiseer moeiteloos client-mediabestanden, maak aangepaste galerijen en zorg voor een naadloze gebruikerservaring.
Upgrade nu uw websiteprojecten!

DOWNLOAD DE PLUGIN NU

De beste galerijen met de beste WordPress-plugin voor mappen

We hebben slechts één van de vele fantastische functies van WP Media Folder voor onze WordPress-site kunnen uitproberen, en nog een tip! We hebben ook een handige video waarin het hele proces wordt uitgelegd, mocht je het willen bekijken ;)


Het enige wat je nu nog hoeft te doen, is hier WP Media Folder ontdekken !

Blijf geïnformeerd

Wanneer u zich abonneert op de blog, sturen wij u een e-mail wanneer er nieuwe updates op de site zijn, zodat u deze niet mist.

gerelateerde berichten

 

Opmerkingen 2

KlausTuttlies op zaterdag 3 juni 2023 om 05:46

Hallo, ik wil graag weten of het mogelijk is dat een aangepaste link in
WP Media Folder Gallery Het doel is om eerst een kleiner detail (een deel) van een afbeelding in de galerij te tonen, en pas na een klik op de afbeelding de volledige afbeelding te zien.
Het zou fijn zijn als daar een oplossing voor gevonden kon worden.
Alvast bedankt, Klaus

Hallo, ik wil graag weten of het mogelijk is dat wanneer ik een [b]WP Media Folder Gallery[/b] aanmaak en een aangepaste link toevoeg, deze link in een lightbox wordt geopend? Het doel is om in de galerij eerst een kleiner detail (deel) te tonen, en na een klik op een afbeelding de hele afbeelding te zien. Het zou fijn zijn als er een oplossing voor zou zijn. Alvast bedankt, Klaus
Tristan op maandag 5 juni 2023 om 05:38

Hallo, bedankt voor je reactie. Ik weet niet zeker of ik je vraag helemaal begrijp.
Kun je "een aangepaste link toevoegen" nader toelichten? Wil je een aangepaste link aan een afbeelding toevoegen om een ​​iframe in een pop-up te openen? Of gaat het om navigatie tussen meerdere galerijen?

Hallo, bedankt voor je reactie. Ik weet niet zeker of ik je vraag helemaal begrijp. Kun je "een aangepaste link toevoegen" nader toelichten? Wil je een aangepaste link aan een afbeelding toevoegen om een ​​iframe in een pop-up te openen? Of gaat het om navigatie tussen meerdere galerijen?
Al geregistreerd? Hier inloggen
Dinsdag 20 januari 2026

Captcha-afbeelding