![\"Divi](\"https:\/\/www.prospects4u.nl\/wp-content\/uploads\/2026\/01\/blogpost-image-20260130-142043-1.png\")
<\/p>\nDe divi portfolio module is een krachtig onderdeel van de divi builder waarmee je jouw werk op een visueel aantrekkelijke manier kunt tonen. In de basis haalt deze module informatie op uit de sectie projecten<\/strong> binnen je wordpress dashboard. In plaats van dat je elke afbeelding handmatig moet plaatsen en linken, automatiseert deze module het proces door je meest recente werk in een raster of een lijst te tonen. Dit bespaart je enorm veel tijd bij het bijhouden van je website.<\/p>\n<\/div>\n Wanneer we spreken over een filterbaar portfolio, bedoelen we een systeem waarbij de bezoeker boven de afbeeldingen op verschillende categorie\u00ebn kan klikken. Als iemand bijvoorbeeld alleen je grafische ontwerpen wil zien, klikt diegene op de knop grafisch ontwerp<\/strong> en verdwijnen alle andere projecten direct uit beeld. Dit zorgt voor een interactieve ervaring die de gebruiksvriendelijkheid van je website aanzienlijk verhoogt.<\/p>\n Een rommelig portfolio kan potenti\u00eble klanten afschrikken omdat ze niet snel kunnen vinden wat ze zoeken. Stel je voor dat je een aannemer bent die zowel badkamers als dakkapellen plaatst. Een klant die alleen ge\u00efnteresseerd is in een nieuwe badkamer, wil niet door twintig foto’s van daken scrollen voordat hij een relevante afbeelding vindt. Door gebruik te maken van de filterbare portfolio module<\/strong> in divi, bied je direct overzicht.<\/p>\n Daarnaast draagt een goed gestructureerd portfolio bij aan je online vindbaarheid. Wanneer je jouw projecten categoriseert, help je zoekmachines zoals google te begrijpen waar je website over gaat. Voor meer informatie over hoe je teksten en modules optimaal inricht voor zoekmachines, kun je kijken naar onze divi tekst module opmaak tips voor seo<\/a>. Het correct inzetten van deze elementen zorgt ervoor dat je niet alleen een mooie, maar ook een goed presterende website hebt.<\/p>\n Voordat je de module op een pagina kunt plaatsen, moet er natuurlijk wel inhoud zijn om te tonen. In wordpress vind je in het linkermenu een kopje genaamd projecten<\/strong>. Dit is een speciaal type bericht dat door divi wordt gebruikt. Het is belangrijk dat je hier begint met het aanmaken van je verschillende werken.<\/p>\n Zonder deze categorie\u00ebn zal de filterfunctie later niet werken, omdat de module dan simpelweg geen groepen heeft om tussen te schakelen. Zorg er ook voor dat je afbeeldingen van hoge kwaliteit zijn, maar vergeet niet ze te optimaliseren voor snelheid. Een handige tip hiervoor is het gebruik van moderne formaten, waarover je meer leest in onze gids over divi afbeeldingen optimaliseren voor webp formaat<\/a>.<\/p>\n Nu je projecten klaarstaan met de juiste categorie\u00ebn, is het tijd om de module op je pagina te plaatsen. Open de pagina waar je het portfolio wilt tonen en activeer de visual builder<\/strong> van divi. Zoek naar de module genaamd filterbaar portfolio<\/strong> (filterable portfolio). Let op dat je niet de standaard portfolio module kiest, want die heeft de filterknoppen aan de bovenkant niet.<\/p>\n Zodra je de module hebt geplaatst, verschijnt er een instellingenvenster. Hier kun je aangeven hoeveel projecten je in totaal wilt tonen. Ook kun je selecteren welke categorie\u00ebn wel of niet getoond moeten worden in de filters. Dit is handig als je op een specifieke pagina bijvoorbeeld alleen je diensten voor de zakelijke markt wilt laten zien, terwijl je op een andere pagina je particuliere werk toont.<\/p>\n De standaardinstelling van de module is vaak een lijstweergave, maar de meeste mensen geven de voorkeur aan een raster<\/strong> (grid). Dit kun je aanpassen onder het tabblad ontwerp<\/strong> (design) bij de optie lay-out<\/strong>. Hier kies je voor de optie raster om je projecten in mooie kolommen naast elkaar te tonen.<\/p>\n Onder het tabblad ontwerp kun je werkelijk alles aanpassen aan de huisstijl van je bedrijf. Denk hierbij aan:<\/p>\nHet belang van een overzichtelijk portfolio<\/h2>\n
Stap 1: je projecten voorbereiden in wordpress<\/h2>\n
\n
Stap 2: de filterbare portfolio module toevoegen<\/h2>\n
Stap 3: de lay-out en styling aanpassen<\/h2>\n