Ga naar de hoofdinhoud
8 minuten leestijd (1560 woorden)

Hoe maak je een afbeeldingsgalerij met filter voor foto's

Hoe-een-afbeeldingsgalerij-met-filter-voor-foto's-te-maken

 Het zoeken naar afbeeldingen in een galerij op uw site zal niet langer moeilijk zijn vanwege de filters die WP Media Folder biedt, waardoor we zoveel afbeeldingen aan een galerij kunnen toevoegen als we willen en onze gebruikers snel kunnen vinden wat ze willen zien.

Het hebben van meerdere afbeeldingen voor een specifieke galerij is normaal bij het toevoegen van inhoud, we willen dat onze gebruikers niet alleen tekst kunnen zien, maar ook een grafisch voorbeeld of beschrijving van wat we willen bieden. Het probleem komt wanneer we te maken hebben met inhoud die veel subinhoud heeft, zoals het toevoegen van veel vacatures met afbeeldingen, wanneer we het over landen hebben, of ook wanneer we diensten aanbieden die beschreven kunnen worden met een afbeelding. In deze tutorial zullen we zien hoe we een galerij met filters kunnen maken met behulp van de WP Media Folder Gallery Addon.


Zeg vaarwel tegen rommelige mediabibliotheek.

WP Media Folder laat je bestanden categoriseren, mappen synchroniseren met cloudopslag, ongelofelijke galleries maken en zelfs afbeeldingen vervangen zonder links te verbreken.
Optimaliseer vandaag nog je mediaworkflow

DOWNLOAD DE PLUGIN NU

Een afbeeldingsgalerij maken in WordPress

Laten we beginnen met het begin, namelijk het maken van een galerij met behulp van onze Media Bibliotheek of lokale bestanden en de Galerij Manager van WP Media folder.

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

Allereerst, laten we eens kijken hoe we een galerij maken en deze vullen met afbeeldingen. Ga hiervoor naar Media > Media Folder Galerijen



Op dit scherm klikt u op +Nieuwe galerij toevoegen  > Nieuwe mediagalerij maken.



Er verschijnt een pop-up waarin je de titel van de galerij kunt typen en de galerijthema kunt selecteren dat je gaat gebruiken en of je het wilt gebruiken als hoofdgalerij of misschien als subgalerij van een andere.



U kunt het thema selecteren dat u wilt en uw afbeeldingsgalerij-titel typen, klik vervolgens op Creëren en dat is alles! Onze lege galerij is aangemaakt.

Laten we nu de galerij vullen met afbeeldingen uit de Media Bibliotheek, klik hiervoor op het WordPress pictogram dat u kunt zien op de nieuwe galerijpagina.



Er wordt een modaal geopend met onze Media Bibliotheek en de mappen die zijn gemaakt door WP Media Folder en navigeer gemakkelijk tussen al onze afbeeldingen, selecteer de afbeeldingen die u wilt gebruiken en klik ten slotte op Afbeeldingen importeren.



De afbeeldingen worden geladen in onze Galerijbeheerder met een voorbeeld van alle toegevoegde afbeeldingen.



Laten we nu een afbeelding toevoegen vanuit onze lokale mappen, klik hiervoor op het mappictogram.


Onze bestandsverkenner wordt geopend zodat we de afbeeldingen kunnen selecteren die we nodig hebben en ze rechtstreeks naar de galerij uploaden.



Nu hebben we onze afbeeldingen toegevoegd aan onze recentelijk gemaakte galerij en het was echt snel! Was het niet?


De filters voor de WordPress-galerij aanpassen

Nu we onze galerij hebben gemaakt, kunnen we deze aanpassen om eruit te zien zoals we willen, hiervoor hebben we een instellingen tabblad beschikbaar dat het Weergave-instellingen & Shortcode tabblad is.


Op dit scherm kunnen we het galerijthema selecteren voor alle mogelijke aanpassingen die we kunnen maken om onze galerij aan te passen aan onze inhoud.



Om de filters te maken, moeten we ons nu richten op één enkele instelling, namelijk Afbeeldingstags, schakel het in.



Als dit is gebeurd, kunnen we de galerij aanpassen zoals we willen en vervolgens doorgaan met het instellen van de tags.

Om de filters te laten werken, moeten we tags toevoegen aan onze afbeeldingen op basis van wanneer we die willen tonen. Om de tag toe te voegen, klikt u op het aanpassingsicoon dat verschijnt wanneer u over een afbeelding zweeft op het Algemeen-tabblad.



Dit opent een pop-up waarin we een sectie voor Afbeeldingstags kunnen zien, we kunnen daar alle tags toevoegen die we willen gebruiken om onze afbeeldingen te filteren, gescheiden door een komma, bijvoorbeeld, dit is een woestijn en zonnig landschap, dus we kunnen die als tags gebruiken.



Nu kunnen we alle afbeeldingen vullen met de tags die we willen gebruiken om deze weer te geven op de pagina of in het bericht waar we het willen publiceren.

In het volgende deel van deze tutorial zullen we zien hoe we de galerij aan onze inhoud kunnen toevoegen en zullen we de filters zien werken.


Afbeeldingsgalerijen toevoegen aan de WordPress-pagina en -berichten

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

Om dit te doen ga je naar je bericht of pagina of maak je deze aan, in dit geval gebruiken we de Gutenberg-editor maar WP Media Folder en zijn Gallery-add-on werken met alle grote pagina-builders en hebben ook een shortcode beschikbaar zodat het overal gebruikt kan worden.

Na het openen van de pagina-/berichteditor, klikt u op de + knop om een blok toe te voegen en zoek naar WP Media Folder en selecteer de WPMF Gallery Addon Blok.



Er wordt een blok geladen voor de WP Media Folder Galerij-add-on die een modaal venster opent met het galerijbeheer-dashboard dat we eerder zagen, selecteer de galerij die geplaatst moet worden en klik tenslotte op Invoegen.



Als we de afbeeldingstags hebben ingeschakeld, wordt de galerij geladen met de mediafilters die we hebben gemaakt door de afbeeldingstags toe te voegen.

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



Nu zou de voorbeeldweergave van de afbeeldingengalerij in de editor moeten laden, dus alles wat we moeten doen is het aanpassen zoals we willen en ten slotte onze pagina publiceren, onze galerij is klaar!


Slechts een paar stappen en we hebben een echt professionele galerij gemaakt met geweldige filters, het maken van galerijen zal nooit meer hetzelfde zijn.


Maak WordPress-galerijen met behulp van mediabestanden

Als het maken van galerijen al geweldig was, kunnen we zeggen dat het niet alles is wat we hebben met WP Media Folder , want we kunnen mappen maken in onze mediabibliotheek om onze media te organiseren en ook galerijen maken op basis van deze mappen, laten we zien hoe we dat doen!

Na het installeren van de plugin, zult u de optie NIEUWE MAP TOEVOEGEN onder de mediabibliotheek zien.



We hebben nu de mogelijkheid om mappen en submappen te maken om onze media te ordenen zoals we willen, maar hoe zit het niet alleen met ordenen maar ook met het maken van galerijen op basis van deze mappen? En zorg er ook voor dat de galerij elke keer wordt bijgewerkt als we een nieuwe afbeelding aan onze map toevoegen? 

Op deze manier kunnen we gewoon afbeeldingen uploaden naar onze mediabibliotheek en wordt de galerij automatisch bijgewerkt, klinkt vrij gaaf, toch?

Om dit te doen ga je naar de galerijbeheerder onder Media > Media Folder Galerij en klik je op +Nieuwe galerij toevoegen > Snelle galerij van map.



Er wordt een modaal geopend met de beschikbare mappen en submappen, zodat we de te gebruiken map kunnen selecteren, een thema kunnen instellen en ten slotte op Aanmaken klikken.



Alle afbeeldingen uit de map worden automatisch weergegeven in onze galerij en we kunnen alle normale instellingen gebruiken, evenals de filters die we eerder zagen.

Nu hoeven we alleen maar te selecteren of we de galerij willen laten bijwerken bij elke afbeelding die aan de map wordt geüpload door de Afbeelding automatisch toevoegen aan map optie in te schakelen.



En dat is het! alle afbeeldingen worden automatisch toegevoegd aan de galerij alsof het magie is, geweldig! Is het niet?


Alle webmasters!

Tijd besparen en productiviteit verhogen met WP Media Folder. Klantmediabestanden eenvoudig ordenen, aangepaste galleries maken en een naadloze gebruikerservaring bieden.
Upgrade nu uw websiteprojecten!

DOWNLOAD DE PLUGIN NU

De beste galerijen met de beste folder WordPress-plugin

We waren in staat om slechts één van alle leuke functies te controleren die WP Media Folder aanbieden voor onze WordPress-site, en extra hint! We hebben ook een goede video die dit hele proces uitlegt voor het geval je het wilt controleren ;)


Nu moet je alleen nog je eigen exemplaar hier ophalen en alle geweldige functies bekijken die WP Media Folder biedt!

Blijf op de hoogte

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

Gerelateerde artikelen

 

Reacties 2

KlausTuttlies op zaterdag, juni 03, 2023 05:46

Hallo, ik wil vragen of het mogelijk is dat wanneer ik een WP Media Folder galerij maak en een aangepaste link toevoeg, de link wordt geopend in een lichtbak?
Het doel is om eerst een kleiner detail (deel) in de galerij te tonen en na een klik op een afbeelding ziet de klant de hele afbeelding.
Het zou leuk zijn om daar een oplossing voor te vinden.
Bij voorbaat dank, Klaus

Hallo, ik wil vragen of het mogelijk is dat wanneer ik een [b]WP Media Folder Galerij[/b] maak en een aangepaste link toevoeg, de link wordt geopend in een lichtvak? Het doel is om eerst een kleiner detail (deel) in de galerij te tonen en na een klik op een afbeelding ziet de klant de hele afbeelding. Het zou leuk zijn om daar een oplossing voor te vinden. Bij voorbaat dank, Klaus
Tristan op maandag 5 juni 2023 05:38

Hallo, bedankt voor je reactie. Ik ben onzeker of ik je verzoek volledig begrijp.
Kun je uitweiden over "een aangepaste link toevoegen"? Is het een aangepaste link die je wilt toevoegen aan een afbeelding om een iframe in een pop-up te openen? Of gaat het over navigatie tussen meerdere galerijen?

Hallo, bedankt voor uw reactie. Ik weet niet zeker of ik uw verzoek helemaal begrijp. Kunt u uitweiden over "een aangepaste link toevoegen"? Is het een aangepaste link die u op een afbeelding wilt toevoegen om een iframe in een pop-up te openen? Of gaat het over navigatie tussen meerdere galerijen?
Al geregistreerd? Inloggen
zaterdag, 7 maart 2026

Captcha afbeelding