{"id":24713,"date":"2019-07-29T06:16:30","date_gmt":"2019-07-29T04:16:30","guid":{"rendered":"https:\/\/kinsta.com\/?p=45844"},"modified":"2023-08-10T07:50:17","modified_gmt":"2023-08-10T05:50:17","slug":"directory-website-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/","title":{"rendered":"De ultieme stapsgewijze handleiding voor het maken van een directory website met WordPress"},"content":{"rendered":"<p>Je hebt vast wel eens gehoord van de meeste populaire directory websites, ook wel verzamelsites of webportalen genoemd. Denk bijvoorbeeld aan Facebook, Yahoo, eBay, Marktplaats, Bing, Foursquare en Yelp. Allemaal voorbeelden van websites die producten en diensten verzamelen waar wij als gebruiker doorheen kunnen scrollen. Maar wist je dat <strong>je eenvoudig zelf een verzamelsite kan maken voor zo ongeveer alles?<\/strong> Denk aan onroerend goed, lokale bedrijven en auto&#8217;s. Bedenk het zo gek nog niet en je kan het verzamelen en er een site omheen bouwen.<\/p>\n\n<div  class=\"featured-snippet\" id=\"featuredSnippet\">\n    <div class=\"featured-snippet__content\">\n        <h2>Wat is een directory website precies?<\/h2>\n        <div><p>Een directory website is een website met een (grote) verzameling producten of diensten waar je doorheen kunt bladeren. Om \u00e9\u00e9n in WordPress te maken:<\/p>\n<ol>\n<li>Kies je een niche<\/li>\n<li>Zoek je een manier om er geld mee te verdienen<\/li>\n<li>Denk je goed na over branding<\/li>\n<li>Zet je een directory website op<\/li>\n<li>Implementeer je de belangrijkste features<\/li>\n<\/ol>\n<\/div>\n    <\/div>\n    <div class=\"featured-snippet__footer\">\n        <div class=\"arrow-down\"><\/div>\n        <div class=\"featured-snippet__footer--content row nocol middle-xs between-xs reverse\">\n            <div style=\"margin-left: auto; position: relative; top: -1px\" class=\"row nocol middle-xs\">\n                <div class=\"color--mediumGray\" style=\"font-size: 14px; vertical-align: middle;\">\n                    <svg  class=\"icon icon--logo display--block\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"https:\/\/kinsta.com\/nl\/wp-content\/themes\/kinsta\/dist\/sprite.svg?v=e8af2143e3b8bceb5561b327e81ec085#logo\" \/><\/svg>                <\/div>\n                <div class=\"text--bold color--mediumGray\" style=\"padding-left: 3px;\">Support<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<p>Dit is de voornaamste reden<strong> dat verzamelsites \u00e9\u00e9n van de meest populaire type websites zijn <\/strong>om te maken en <a href=\"https:\/\/kinsta.com\/nl\/blog\/blog-inkomsten-genereren\/\">geld mee te verdienen<\/a>.<\/p>\n<p>Maar zoals bij elk complex project, is het belangrijk dat je het op de juiste manier aanpakt, tenminste \u2026 als je er ook echt een succes van wilt maken. In dit artikel lopen we samen alle belangrijkste stappen door voor het <strong>maken van een directory website<\/strong>.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Kiezen van een niche voor je directory website<\/h2>\n<p>Nu je hebt besloten dat je een directory website gaat maken, is de belangrijkste vraag:<\/p>\n<blockquote><p>Wat wil je precies publiceren op je directory website?<\/p><\/blockquote>\n<p>Het op de juiste manier in kaart brengen van je afzetmarkt kan het verschil zijn tussen <a href=\"https:\/\/kinsta.com\/nl\/blog\/saas-bedrijf-laten-groeien\/\">je volgende winstgevende bedrijf<\/a> of het zoveelste gefaalde internetproject.<\/p>\n<p>Loop deze stappen bij langs om te kijken of jouw verzameling een goed idee is.<\/p>\n<h3>Denk na over wat jij interessant zou vinden om te verkopen:<\/h3>\n<p>Allereerst is het belangrijk om na te denken over het type producten, sectoren en diensten waarin jijzelf ge\u00efnteresseerd bent. Als je hiermee begint, zul je meer passie voor je project hebben en wordt het hopelijk ook makkelijker om een stuk of vier of vijf typen sectoren of niches te bedenken die je kunt gebruiken als de basis voor de rest van je onderzoek.<\/p>\n<p>Als je bijvoorbeeld graag uit eten gaat, heb je waarschijnlijk een goed idee wat de meest populaire restaurants in je omgeving zijn, het type eten dat ze maken, en wat hun beste gerechten zijn.<\/p>\n<p>Hierdoor heb je de juiste kennis om je te richten op specifieke restaurants, waarvan je weet dat ze goed zijn, in plaats van je tijd te verdoen aan de rest.<\/p>\n<h3>Kijk naar waar mensen op zoeken:<\/h3>\n<p>Als je eenmaal een overzicht hebt gemaakt van je interesses, kun je serieuzer onderzoek gaan doen naar de meest populaire bedrijven binnen de niche. E\u00e9n van de meeste effectieve manieren om te beginnen is om te <a href=\"https:\/\/kinsta.com\/nl\/blog\/zoekwoorden-onderzoek\/\">kijken naar waar mensen online op zoeken<\/a>. Dit kun je doen met \u00e9\u00e9n van de vele SEO-tools die er te vinden zijn, zoals <a href=\"https:\/\/ads.google.com\/home\/tools\/keyword-planner\/\">Google Keyword Planner<\/a>, <a href=\"https:\/\/ahrefs.com\/\">Ahrefs<\/a> of <a href=\"https:\/\/moz.com\/\">Moz<\/a>.<\/p>\n<p>Het belangrijkste hierbij is dat je <a href=\"https:\/\/kinsta.com\/nl\/blog\/featured-snippets\/\">de goede long-tail keywords<\/a> vindt die de perfecte combinatie bieden van een hoge populariteit en relatief weinig concurrentie.<\/p>\n<p>Dit is wat ik bedoel: stel je voor dat je hebt bedacht dat je een directory website wilt maken waarmee mensen bouwbedrijven uit de buurt kunnen vinden. Ik heb Ahrefs gebruikt om populaire zoektermen te vinden (meer dan 200 zoekopdrachten per maand) en niet al te concurrerend (een keyword moeilijkheidsgraad van minder dan 50). Dit is de lijst die ik kreeg:<\/p>\n<figure id=\"attachment_30308\" aria-describedby=\"caption-attachment-30308\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30308\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/resultatenpagina-ahrefs-zoekopdracht.jpg\" alt=\"Resultatenpagina van Ahrefs voor elke zoekopdracht\" width=\"768\" height=\"432\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/resultatenpagina-ahrefs-zoekopdracht.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/resultatenpagina-ahrefs-zoekopdracht-300x169.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30308\" class=\"wp-caption-text\">Resultatenpagina van Ahrefs voor elke zoekopdracht<\/figcaption><\/figure>\n<ul>\n<li>Builders in my area<\/li>\n<li>Fence builders in my area<\/li>\n<li>Home builders in my area<\/li>\n<li>Home builders near me<\/li>\n<li>Custom home builders<\/li>\n<li>Home builders<\/li>\n<li>Garage builders<\/li>\n<li>Holiday builders<\/li>\n<li>Pool builders near me<\/li>\n<\/ul>\n<p>Met deze lijst kun je bepalen op welke zoekwoorden je je moet richten als je een hogere ranking van je website wilt. Maar hier blijft het niet bij: door dit soort onderzoek zie je ook naar wat voor type bouwbedrijven mensen zoeken. Bijvoorbeeld, de zoekopdracht &#8220;pool builders near me&#8221; is een populaire zoekterm, wat het interessant maakt om een speciaal gedeelte op je website te maken voor bouwbedrijven die zwembaden bouwen.<\/p>\n<p>Meer informatie over hoe je de SEO van je website kunt optimaliseren kun je in de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-seo\/\">Kinsta&#8217;s checklist voor SEO<\/a> vinden.<\/p>\n<h3>Kijk of er al andere websites actief zijn in dezelfde niche:<\/h3>\n<p>Het hebben van een lijst met populaire long-tail zoektermen is een goed begin, maar als er al een keur aan andere directory websites op hetzelfde onderwerp zitten, heb je er weinig aan. Je kunt SEO-tools gebruiken om te kijken wie er goed rankt voor de relevante zoekopdrachten. Daarmee kun je ook meteen zien hoe competitief een zoekwoord is. Als er weinig concurrentie is, heb je de goede markt gevonden.<\/p>\n<p>Om even door te gaan met ons voorbeeld van installatiebedrijven, hebben we een lijst gemaakt met websites die goed ranken voor &#8220;fence builders&#8221;.<\/p>\n<figure id=\"attachment_30309\" aria-describedby=\"caption-attachment-30309\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30309\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/ahrefs-serp-overzicht.jpg\" alt=\"Ahrefs SERP-overzicht\" width=\"768\" height=\"458\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/ahrefs-serp-overzicht.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/ahrefs-serp-overzicht-300x179.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30309\" class=\"wp-caption-text\">Ahrefs SERP-overzicht<\/figcaption><\/figure>\n<p>Zoals je ziet zijn er niet veel directory websites voor lokale installatiebedrijven. Wat nog beter is, is dat de sites die in de top 10 staan, niet bepaald een goede <a href=\"https:\/\/help.ahrefs.com\/site-explorer\/terminology\/what-is-ahrefs-rank\">ranking van Ahrefs<\/a> krijgen, wat betekent dat we ze vrij makkelijk kunnen verslaan als we goed bezig gaan met onze SEO.<\/p>\n<h3>Zoek naar bedrijven die graag je directory website zullen gebruiken:<\/h3>\n<p>Nu je weet dat er vraag is binnen je niche, moet je met bedrijven om tafel om te kijken of ze zouden willen betalen om op je website te staan. Als je bijvoorbeeld een directory website voor de huizenmarkt in Groningen wilt maken, zouden makelaars dan op jouw platform willen adverteren?<\/p>\n<p>Je kunt ze het beste later weer contacteren als je directory website een beetje aandacht begint te krijgen, maar het is wel slim om ervoor te zorgen dat ze alvast van je gehoord hebben, zodat ze al weten wie je bent als je later terugkomt.<\/p>\n\n<h2>Hoe verdien je geld met een directory website<\/h2>\n<p>Er zijn twee makkelijke manieren waarop je vrij snel geld kan verdienen met je directory website:<\/p>\n<h3>1. Reken kosten voor adverteren op je website<\/h3>\n<p>Als je eenmaal kostbaar verkeer op je website begint te krijgen waardoor een vermelding op je website klanten oplevert, zullen bedrijven dat gaan merken en meer op je website willen adverteren.<\/p>\n<p>Vanaf dat moment kun je kosten in rekening gaan brengen om vermeld te worden. Je kunt premium advertenties gaan maken die altijd bovenin de zoekresultaten komen (zoals bij de advertenties in Google&#8217;s zoekresultaten).<\/p>\n<p>Je kunt bedrijven de keuze bieden tussen maandelijkse abonnementen of voor eenmalige betalingen voor bedrijven die niet van plan zijn vaak verschillende dingen op je website te hebben.<\/p>\n<h3>2. Verkoop ruimte voor advertenties<\/h3>\n<p>Door het (hopelijk) hoge aantal bezoekers op je website, zul je ook geld kunnen verdienen door relevantie advertenties aan te gaan bieden.<\/p>\n<p>Door tools zoals <a href=\"https:\/\/kinsta.com\/nl\/blog\/gebruik-google-analytics\/\">Google Analytics<\/a> (leer hoe je <a href=\"https:\/\/kinsta.com\/nl\/blog\/google-analytics-wordpress\/\">Google Analytics met WordPress verbindt<\/a>) kun je erachter komen waarom welke bezoekers naar je website komen en wat voor hen relevante producten zijn. Als je bezoekers bijvoorbeeld vooral naar je website komen op zoek naar mensen die een zwembad voor ze aan kunnen leggen, zijn ze wellicht ook ge\u00efnteresseerd in gerelateerde producten, bijvoorbeeld zwemkleding. Je kunt dan contact opnemen met bedrijven die zwemkleding verkopen en ze overhalen dat het ze goed geld kan opleveren om bij jou te adverteren.<\/p>\n<p>Nog een andere eenvoudige manier is <a href=\"https:\/\/kinsta.com\/nl\/blog\/alternatieven-adsense\/\">het gebruik van Google Adsense en dergelijke<\/a>, die automatisch de meest relevante advertenties voor je website bepalen en plaatsen. Hier is een handige uitleg <a href=\"https:\/\/kinsta.com\/nl\/blog\/google-adsense-wordpress\/\">hoe je Google Adsense aan je WordPress-website kunt toevoegen<\/a>.<\/p>\n<h3>3. Leden- of abonnementenwebsites<\/h3>\n<p>Naarmate je directory website een betrouwbare bron van aanbiedingen binnen een bepaalde sector wordt, zul je zowel gebruikers als adverteerders kunnen laten betalen om bij de informatie te komen.<\/p>\n<p>Adverteerders zullen graag betalen voor het grote aantal potenti\u00eble klanten dat op jouw website te vinden is. Ze zullen daarom ook bereid zijn om extra te betalen voor voordelen zoals uitgelichte advertenties.<\/p>\n<p>Sommige klanten zullen ook bereid zijn om te betalen voor de beste deals op je website. Of je kunt alle vermeldingen op je website publiceren, maar de contactgegevens alleen beschikbaar maken voor betalende leden.<\/p>\n<p>Er zijn verschillende <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-membership-plugins\/\">lidmaatschapsplugins voor WordPress<\/a> die je kunnen helpen bepaalde content alleen beschikbaar te maken voor leden.<\/p>\n<h2>Branding<\/h2>\n<p>Voordat je daadwerkelijk een website gaat bouwen is het belangrijk dat je een merkstrategie opstelt.<\/p>\n<p>Je bent natuurlijk op zoek naar twee typen gebruikers: mensen die op zoek zijn naar advertenties en mensen die graag advertenties willen publiceren. Je moet daarom nadenken wat voor beide groepen werkt.<\/p>\n<p>Belangrijke aspecten van de herkenbaarheid van je merk zijn dus:<\/p>\n<p><strong>Je naam<\/strong> &#8211; kijk eens naar deze <a href=\"https:\/\/kinsta.com\/nl\/blog\/kies-een-domeinnaam\/\">tips hoe je een domeinnaam moet kiezen<\/a>.<\/p>\n<p><strong>Hoe je website eruitziet<\/strong> &#8211; Denk na over het thema, de kleuren, lettertype en andere design-opties. Bij WordPress zijn er een hoop verschillende <a href=\"https:\/\/kinsta.com\/blog\/wordpress-free-vs-paid-themes\/\">gratis en betaalde thema&#8217;s<\/a> waaruit je kan kiezen.<\/p>\n<p><strong>Je blogstijl<\/strong> &#8211; wat voor content spreekt beide groepen aan? Wat voor toon moet je aanslaan? Hoe kun je goed communiceren met je lezers? Kijk eens naar de <a href=\"https:\/\/kinsta.com\/nl\/onderwerpen\/contentstrategie\/\">blogtips van Kinsta<\/a> voor meer informatie.<\/p>\n<p><strong>Andere manieren waarop je je website gaat promoten<\/strong> &#8211; naast <a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-betekent-seo\/\">goede SEO<\/a> zijn er andere manieren waarop je verkeer naar je website krijgt. Voor betaalde advertenties kun je eens kijken wat GoogleAds te bieden heeft om effectief verkeer op je website te krijgen. Daarnaast is Facebook natuurlijk een logisch hulpmiddel. Lees eens onze uitleg over <a href=\"https:\/\/kinsta.com\/nl\/blog\/facebook-marketing\/\">hoe je het meeste uit marketing via Facebook kunt halen<\/a>.<\/p>\n<h2>Opzetten van een directory website<\/h2>\n<p>Voordat je allerlei features en content gaat toevoegen aan je directory websites, zijn er vier elementen die je moet instellen.<\/p>\n<h3>1. Kies het platform voor je website<\/h3>\n<p>Er zijn <a href=\"https:\/\/kinsta.com\/nl\/blog\/is-wordpress-gratis\/\">allerlei verschillende gratis platforms zoals WordPress.com<\/a> die er aantrekkelijk uitzien als je de kosten wilt drukken. Maar als je echt een geavanceerde directory website wilt maken waar je ook echt geld mee kunt verdienen, dan heb je iets robuusters nodig.<\/p>\n<p>De beste oplossing is <a href=\"https:\/\/wordpress.org\/\">WordPress.org<\/a>, die je volledige vrijheid geeft over hoe je je directory website inricht en die ook overweg kan met de duizenden bezoekers die je site (hopelijk!) zal krijgen. Kijk eens naar <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-com-versus-wordpress-org\/\">de verschillen tussen WordPress.com en WordPress.org<\/a> voor meer informatie.<\/p>\n<p>Enkele redenen waarom WordPress.org een logische keuze is voor je directory website:<\/p>\n<ul>\n<li>Ongeveer <a href=\"https:\/\/kinsta.com\/nl\/wordpress-marktaandeel\/\">\u00e9\u00e9n op de drie websites<\/a> op het internet draait op WordPress<\/li>\n<li>Ook grote merken gebruiken WordPress, zoals CNN<\/li>\n<li>Door de enorme populariteit kan je gebruik maken van \u00e9\u00e9n van de grootste opensource-community\u2019s van developers, ontwerpers, editors en content schrijvers<\/li>\n<li>Het is <a href=\"https:\/\/kinsta.com\/nl\/blog\/kosten-wordpress-site\/\">goedkoper om een website op WordPress te maken<\/a> dan op bijvoorbeeld Drupal<\/li>\n<li>WordPress biedt je duizenden thema&#8217;s en plugins om je website perfect op maat te maken<\/li>\n<li>Je kunt complexe features toevoegen zonder PHP-code (zometeen meer daarover)<\/li>\n<\/ul>\n<h3>2. Kies een betrouwbare webhost<\/h3>\n<p>Aangezien je een directory website gaat runnen en dus van plan bent veel verkeer te ontvangen, moet je een betrouwbare webhost hebben, zodat je je geen zorgen over de stabiliteit van je website hoeft te maken.<\/p>\n<p>Webhosting kun je zien als het huis waarnaar het domein van je website verwijst. Binnen dit &#8216;huis&#8217;, zal je webhost al je bestanden opslaan.<\/p>\n<p>Wanneer je een host voor je directory website moet kiezen moet je zoeken naar een aanbieder die pieken in het verkeer kan opvangen, de prestaties van je website kan maximaliseren en die bekend staat om betrouwbaarheid.<\/p>\n<p>De beste optie voor je directory website is daarom Kinsta, die je de veiligheid en betrouwbaarheid kan bieden die je als groeiend bedrijf nodig hebt. Naast de genoemde voordelen hierboven, onderscheidt Kinsta zich dankzij verschillende features:<\/p>\n<ul>\n<li>WordPress-specifieke features en tools die je niet bij andere hosts vindt, zoals <a href=\"https:\/\/kinsta.com\/nl\/mykinsta\/\">MyKinsta<\/a><\/li>\n<\/ul>\n<figure id=\"attachment_30310\" aria-describedby=\"caption-attachment-30310\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30310\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/mykinsta-dashboard.jpg\" alt=\"MyKinsta dashboard\" width=\"768\" height=\"455\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/mykinsta-dashboard.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/mykinsta-dashboard-300x178.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30310\" class=\"wp-caption-text\">MyKinsta dashboard<\/figcaption><\/figure>\n<ul>\n<li>24\/7 klantenservice en support met een gemiddelde responstijd van minder dan vijf minuten<\/li>\n<li>Kortere paginalaadtijden<\/li>\n<\/ul>\n<figure id=\"attachment_30311\" aria-describedby=\"caption-attachment-30311\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30311\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/vergelijking-laadtijden.jpg\" alt=\"Vergelijking van laadtijden\" width=\"768\" height=\"460\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/vergelijking-laadtijden.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/vergelijking-laadtijden-300x180.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30311\" class=\"wp-caption-text\">Vergelijking van laadtijden<\/figcaption><\/figure>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/nl\/wordpress-hosting\/veiligheid\/\">Verschillende veiligheidsmaatregelen<\/a> om schadelijke code te detecteren en DDos-aanvallen af te slaan<\/li>\n<\/ul>\n<h3>3. Pas het uiterlijk van je website aan met een mooi thema<\/h3>\n<p>Nu je je WordPress-website hebt ge\u00efnstalleerd is het tijd om te bepalen hoe het eruit gaat zien. De belangrijkste stap daarbij is het kiezen van je thema.<\/p>\n<p>WordPress biedt een groot aantal goede <a href=\"https:\/\/kinsta.com\/blog\/wordpress-free-vs-paid-themes\/\">gratis en betaalde mogelijkheden<\/a>, met veel thema\u2019s die specifiek ontworpen zijn voor directory websites. Naast het uiterlijk van je thema zijn er nog enkele andere vragen die je jezelf moet stellen om erachter te komen wat het beste thema voor jou is:<\/p>\n<ul>\n<li>Hoe vaak wordt het thema bijgewerkt?<\/li>\n<li><a href=\"https:\/\/kinsta.com\/nl\/blog\/beste-wordpress-review-plugins\/\">Wat zeggen de beoordelingen<\/a>?<\/li>\n<li>Is het design <a href=\"https:\/\/kinsta.com\/nl\/blog\/responsive-webdesign\/\">responsief<\/a> voor mobiele apparaten?<\/li>\n<li>Is het te gebruiken in verschillende talen?<\/li>\n<li>Helpt het thema je om bovenaan de zoekresultaten van Google te komen?<\/li>\n<li>Biedt het ondersteuning voor de door jou gewenste plugins?<\/li>\n<\/ul>\n<figure id=\"attachment_30312\" aria-describedby=\"caption-attachment-30312\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30312\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/alle-directory-plugins-wordpress.jpg\" alt=\"Alle directory plugins van WordPress\" width=\"768\" height=\"632\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/alle-directory-plugins-wordpress.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/alle-directory-plugins-wordpress-300x247.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30312\" class=\"wp-caption-text\">Alle directory plugins van WordPress<\/figcaption><\/figure>\n<h3>4. Het kiezen van de juiste plugin voor je directory website<\/h3>\n<p>Een korte zoekopdracht naar directory plugins geeft je een boel mogelijkheden. Maar welke is de beste? De plugin die je uiteindelijk kiest moet je helpen bij het maken van functies waarmee jouw website zich kan onderscheiden.<\/p>\n<p>Ik gebruikte <a href=\"https:\/\/toolset.com\/\">Toolset Directory<\/a> om mijn directory website voor klassieke auto&#8217;s te maken. Ik zal deze plugin in de rest van het artikel gebruiken als voorbeeld. Ik koos <a href=\"https:\/\/wpastra.com\/\">Astra<\/a> als thema.<\/p>\n<figure id=\"attachment_30313\" aria-describedby=\"caption-attachment-30313\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30313\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-directory-website-wordpress.jpg\" alt=\"Voorbeeld van een directory website op WordPress\" width=\"768\" height=\"599\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-directory-website-wordpress.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-directory-website-wordpress-300x234.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30313\" class=\"wp-caption-text\">Voorbeeld van een directory website op WordPress<\/figcaption><\/figure>\n<p>Ik gebruikte Toolset, omdat:<\/p>\n<ul>\n<li>Het alle features biedt die een directory website nodig heeft<\/li>\n<li>Je geen PHP hoeft te gebruiken om deze features toe te voegen<\/li>\n<li>Het compatibel is met andere plugins zoals WooCommerce, Elementor en WPML<\/li>\n<li>Het goed samenwerkt met de grootste thema&#8217;s<\/li>\n<\/ul>\n<p>Voordat we ingaan op de features, kijk eerst eens naar de uitleg over <a href=\"https:\/\/toolset.com\/learn\/build-directory-classifieds-sites-using-toolset\/#before-you-start-toolset-plugins-to-download\">hoe je de Toolset-plugin kunt installeren om een directory website te maken<\/a>.<\/p>\n<h2>Maken van de features van een directory website<\/h2>\n<p>Dit zijn de features die ik gebruikte voor het maken van mijn directory website voor klassieke auto&#8217;s:<\/p>\n<ul>\n<li>Aangepaste artikeltypen<\/li>\n<li>Aangepaste werkvelden<\/li>\n<li>Aangepaste taxonomie\u00ebn<\/li>\n<li>Een sjabloon om al je items te laten zien (in ons geval alle klassieke auto&#8217;s)<\/li>\n<li>Een zoekbalk waarmee gebruikers de juiste auto kunnen zoeken<\/li>\n<li>Een front-end formulier waarmee gebruikers hun auto op de website kunnen zetten<\/li>\n<\/ul>\n<p>Er zijn nog meer features die je voor een directory website zou kunnen gebruiken, maar volgens de developers met wie ik sprak, zijn dit de belangrijkste om mee aan de slag te gaan.<\/p>\n<p>Laten we beginnen!<\/p>\n<p>Achtergrondmateriaal:\u00a0<a href=\"https:\/\/kinsta.com\/nl\/blog\/advanced-custom-fields\/\">Aangepaste velden voor gevorderden: De ultieme uitleg<\/a><\/p>\n<p>\u00a0<\/p>\n<h3>Het maken van aangepaste artikeltypen<\/h3>\n<p>Een aangepast artikeltype geeft je de mogelijkheid om verschillende secties in je website aan te brengen. WordPress heeft standaard twee secties &#8211; berichten en pagina&#8217;s. Voor het weergeven van onze klassieke auto\u2019s heeft onze sites echter een nieuw artikeltype nodig.<\/p>\n<p>Ik heb daarom een aangepast type gemaakt met de naam <strong>Listings<\/strong> waarmee we alle klassieke auto&#8217;s kunnen gaan laten zien.<\/p>\n<figure id=\"attachment_30314\" aria-describedby=\"caption-attachment-30314\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30314\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aangepaste-artikeltypen-toolset.jpg\" alt=\"Aangepaste artikeltypen in Toolset\" width=\"768\" height=\"432\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aangepaste-artikeltypen-toolset.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aangepaste-artikeltypen-toolset-300x169.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30314\" class=\"wp-caption-text\">Aangepaste artikeltypen in Toolset<\/figcaption><\/figure>\n<ol>\n<li>Binnen je WordPress-admin, ga je naar <strong>Toolset Dashboard<\/strong> en klik je op <strong>Add new post type<\/strong>.<\/li>\n<li>Vul de volgende velden in binnen de <strong>Name and Description<\/strong> sectie:<\/li>\n<\/ol>\n<figure id=\"attachment_30315\" aria-describedby=\"caption-attachment-30315\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30315\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/toevoegen-nieuw-artikeltype-toolset.jpg\" alt=\"Toevoegen van een nieuw artikeltype in Toolset\" width=\"768\" height=\"432\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/toevoegen-nieuw-artikeltype-toolset.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/toevoegen-nieuw-artikeltype-toolset-300x169.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30315\" class=\"wp-caption-text\">Toevoegen van een nieuw artikeltype in Toolset<\/figcaption><\/figure>\n<p>3. Klik op <strong>Save Post Type<\/strong> en je bent klaar.<\/p>\n<h3>Het maken van aangepaste velden<\/h3>\n<p>We gebruiken onze eigen aangepaste velden om alle informatie over onze advertenties op te slaan. In het voorbeeld van de klassieke auto&#8217;s, willen we gebruikers informatie over de auto geven.<\/p>\n<p>Denk hierbij aan het jaar, prijs, type, kilometerstand en meer van dat soort zaken. Voor elk stukje informatie moeten we een apart veld maken. Het plaatsen van de advertentie zelf wordt hiermee makkelijker, je hoeft immers alleen maar alle velden in te vullen dan is de advertentie op de front-end te zien (nadat je natuurlijk een sjabloon hebt gemaakt, maar dat doen we zometeen).<\/p>\n<p>Dit zijn de stappen die je af moet gaan om een veld op maat te maken voor <strong>Production year<\/strong>, het bouwjaar van de auto:<\/p>\n<figure id=\"attachment_30316\" aria-describedby=\"caption-attachment-30316\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30316\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/productiejaar-voorbeeld-maatwerkveld-toolset.jpg\" alt=\"Productiejaar als voorbeeld van een maatwerkveld in Toolset\" width=\"768\" height=\"432\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/productiejaar-voorbeeld-maatwerkveld-toolset.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/productiejaar-voorbeeld-maatwerkveld-toolset-300x169.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30316\" class=\"wp-caption-text\">Productiejaar als voorbeeld van een maatwerkveld in Toolset<\/figcaption><\/figure>\n<p>1. Binnen het <strong>Toolset dashboard <\/strong>klik je op <strong>Create field group<\/strong> naast het <strong>Listings <\/strong>artikeltype dat we zonet hebben gemaakt.<\/p>\n<p>2. Op de volgende pagina vul je een naam voor het veld in en een omschrijving als je dat nodig acht. Ik heb de mijne <strong>Field group for listings<\/strong> genoemd.<\/p>\n<figure id=\"attachment_30317\" aria-describedby=\"caption-attachment-30317\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30317\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aanpassen-artikelveld-binnen-toolset.jpg\" alt=\"Het aanpassen van een artikelveld binnen Toolset\" width=\"768\" height=\"432\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aanpassen-artikelveld-binnen-toolset.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aanpassen-artikelveld-binnen-toolset-300x169.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30317\" class=\"wp-caption-text\">Het aanpassen van een artikelveld binnen Toolset<\/figcaption><\/figure>\n<p>3. Klik op <strong>Add New Field<\/strong>. Je ziet nu verschillende velden die je toe kunt voegen. Als je bijvoorbeeld een website zou willen toevoegen selecteer je <strong>URL<\/strong>, voor een adres <strong>Address<\/strong> of voor een telefoonnummer <strong>Phone<\/strong>. Het bouwjaar moet altijd een jaartal weergeven dus we selecteren <strong>Number<\/strong>.<\/p>\n<figure id=\"attachment_30318\" aria-describedby=\"caption-attachment-30318\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30318\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/toevoegen-nieuw-binnen-toolset.jpg\" alt=\"Het toevoegen van een nieuw veld binnen Toolset\" width=\"768\" height=\"444\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/toevoegen-nieuw-binnen-toolset.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/toevoegen-nieuw-binnen-toolset-300x173.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30318\" class=\"wp-caption-text\">Het toevoegen van een nieuw veld binnen Toolset<\/figcaption><\/figure>\n<p>4. Voeg de details van je veld toe zoals de <strong>Veldnaam <\/strong>en de <strong>Field Slug<\/strong>. Ik heb de mijne <strong>Production year<\/strong> genoemd. De andere velden kun je in dit geval negeren.<\/p>\n<figure id=\"attachment_30319\" aria-describedby=\"caption-attachment-30319\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30319\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/details-maatwerkvelden-toevoegen.jpg\" alt=\"Details aan maatwerkvelden toevoegen\" width=\"768\" height=\"432\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/details-maatwerkvelden-toevoegen.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/details-maatwerkvelden-toevoegen-300x169.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30319\" class=\"wp-caption-text\">Details aan maatwerkvelden toevoegen<\/figcaption><\/figure>\n<p>5. Klik op <strong>Save field group<\/strong> en het aangepaste veld zal nu verschijnen als je je artikelen van je eigen speciale artikeltype bewerkt.<\/p>\n<figure id=\"attachment_30320\" aria-describedby=\"caption-attachment-30320\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30320\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aangepaste-velden-back-end-uitzien.jpg\" alt=\"Hoe aangepaste velden er in de back-end uitzien\" width=\"768\" height=\"432\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aangepaste-velden-back-end-uitzien.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aangepaste-velden-back-end-uitzien-300x169.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30320\" class=\"wp-caption-text\">Hoe aangepaste velden er in de back-end uitzien<\/figcaption><\/figure>\n<h3>Aangepaste taxonomie maken<\/h3>\n<p>We gebruiken aangepaste <a href=\"https:\/\/kinsta.com\/blog\/what-is-taxonomy\/\">taxonomie\u00ebn<\/a> om onze content te categoriseren. Ter illustratie, als we restaurants gaan verzamelen, dan kunnen we een taxonomie gebruiken om onderscheid aan te brengen in de cuisine van de restaurants. We hebben dan bijvoorbeeld taxonomie\u00ebn voor <strong>Indiaas<\/strong>, <strong>Italiaans<\/strong>, <strong>Chinees<\/strong>, <strong>hamburgers<\/strong>, noem het maar op.<\/p>\n<p>In het voorbeeld van mijn website voor klassieke auto&#8217;s heb ik taxonomie\u00ebn voor verschillende typen auto&#8217;s gemaakt. Dit zijn de categorie\u00ebn die verschijnen als ik een van mijn <strong>Listings-artikelen<\/strong> bewerk:<\/p>\n<figure id=\"attachment_30321\" aria-describedby=\"caption-attachment-30321\" style=\"width: 420px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30321\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aangepaste-taxonomieen.jpg\" alt=\"Aangepaste taxonomie\u00ebn\" width=\"420\" height=\"475\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aangepaste-taxonomieen.jpg 420w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aangepaste-taxonomieen-265x300.jpg 265w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><figcaption id=\"caption-attachment-30321\" class=\"wp-caption-text\">Aangepaste taxonomie\u00ebn<\/figcaption><\/figure>\n<p>Zo heb ik dat gedaan:<\/p>\n<p>1. In het <strong>Toolset dashboard<\/strong> klik je op<strong> Add custom taxonomy<\/strong><\/p>\n<p>2. Vul een naam voor je taxonomie in onder <strong>Name and description<\/strong>:<\/p>\n<figure id=\"attachment_30322\" aria-describedby=\"caption-attachment-30322\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30322\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/toevoegen-eigen-taxonomie.jpg\" alt=\"Het toevoegen van een eigen taxonomie\" width=\"768\" height=\"126\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/toevoegen-eigen-taxonomie.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/toevoegen-eigen-taxonomie-300x49.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30322\" class=\"wp-caption-text\">Het toevoegen van een eigen taxonomie<\/figcaption><\/figure>\n<p>3. In de volgende sectie, genaamd <strong>Taxonomy type<\/strong> kies je of je een <strong>Hierarchical<\/strong> of <strong>Flat<\/strong> taxonomie wilt. Een hi\u00ebrarchische taxonomie bestaat uit een parent-taxonomie (zoals Italiaans eten) en een aantal child-taxonomie\u00ebn (zoals pizza, pasta, ijs). Een platte taxonomie daarentegen is gewoon een aantal categorie\u00ebn.<\/p>\n<p>4. Selecteer welk artikeltype je wilt toewijzen aan deze taxonomie\u00ebn. In mijn voorbeeld heb ik ze toegewezen aan het type <strong>Listings<\/strong>.<\/p>\n<figure id=\"attachment_30323\" aria-describedby=\"caption-attachment-30323\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30323\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/instellingen-taxonomie.jpg\" alt=\"Instellingen van een taxonomie\" width=\"768\" height=\"432\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/instellingen-taxonomie.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/instellingen-taxonomie-300x169.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30323\" class=\"wp-caption-text\">Instellingen van een taxonomie<\/figcaption><\/figure>\n<p>5. Klik<strong> Save taxonomy<\/strong><\/p>\n<p>6. Ga terug naar je <strong>Listings<\/strong> artikeltype, als je nu \u00e9\u00e9n van deze artikeltypen aanpast of een nieuwe maakt, kun je de taxonomie-termen meteen toevoegen.<\/p>\n<p>7. Onder <strong>[Naam taxonomie] categories <\/strong>klik je op<strong> Add New [Naam taxonomie] category<\/strong>.<\/p>\n<p>8. Vul de naam van de nieuwe categorie in. Hier kun je ook aangeven of het een parent-categorie moet zijn als je taxonomie hi\u00ebrarchisch is.<\/p>\n<figure id=\"attachment_30324\" aria-describedby=\"caption-attachment-30324\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30324\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/taxonomie-termen-toegevoegd-advertenties.jpg\" alt=\"Taxonomie-termen toegevoegd aan advertenties\" width=\"768\" height=\"432\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/taxonomie-termen-toegevoegd-advertenties.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/taxonomie-termen-toegevoegd-advertenties-300x169.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30324\" class=\"wp-caption-text\">Taxonomie-termen toegevoegd aan advertenties<\/figcaption><\/figure>\n<p>Je kunt nu kiezen welke taxonomie-termen je wilt toevoegen aan je advertenties.<\/p>\n<h3>Een sjabloon om elk item weer te geven<\/h3>\n<p>Nu we de aangepaste artikeltypen hebben toegevoegd, is de volgende vraag hoe we die willen laten zien aan de bezoeker. We kunnen dit doen door een sjabloon voor elke advertentie te maken.<\/p>\n<p>Dit is hoe mijn sjabloon er voor de bezoeker uitziet voor mijn klassieke auto&#8217;s:<\/p>\n<figure id=\"attachment_30325\" aria-describedby=\"caption-attachment-30325\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30325\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-sjabloon-advertenties.jpg\" alt=\"Voorbeeld van een sjabloon voor advertenties\" width=\"768\" height=\"829\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-sjabloon-advertenties.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-sjabloon-advertenties-278x300.jpg 278w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30325\" class=\"wp-caption-text\">Voorbeeld van een sjabloon voor advertenties<\/figcaption><\/figure>\n<p>1. Ga naar het <strong>Toolset dashboard<\/strong> en klik op <strong>Create template<\/strong> naast je eigen nieuwe artikeltype. Dit opent de Toolset Layouts waar je elementen kan toevoegen door ze te slepen, zodat we precies kunnen bepalen hoe het er straks uitziet.<\/p>\n<p>Voordat we verder gaan, even een snelle uitleg hoe Layouts werkt en welke cellen we nodig gaan hebben.<\/p>\n<p>Toolset Layout is gebaseerd op de <a href=\"https:\/\/getbootstrap.com\/docs\/3.4\/\">Bootstrap grid<\/a> die je pagina weergeeft in rijen met 12 kolommen. Dit betekent bijvoorbeeld dat als je een afbeelding wilt weergeven aan de linkerkant van de pagina, dat je daarvoor de eerste zes kolommen aan de linkerkant moet selecteren.<\/p>\n<figure id=\"attachment_30326\" aria-describedby=\"caption-attachment-30326\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30326\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/instellen-layouts.jpg\" alt=\"Het instellen van layouts\" width=\"768\" height=\"432\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/instellen-layouts.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/instellen-layouts-300x169.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30326\" class=\"wp-caption-text\">Het instellen van layouts<\/figcaption><\/figure>\n<p>Je kunt de + knop gebruiken om meer rijen aan je sjabloon toe te voegen.<\/p>\n<p>Wanneer je de cellen wil selecteren waarin je je content wil laten zien, zijn er twee typen cellen die daar relevant voor zijn.<\/p>\n<ul>\n<li><strong>De visuele editor<\/strong> &#8211; Hiermee voeg je helemaal nieuwe tekst toe of voeg je <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-shortcodes\/\">shortcodes<\/a> in voor je aangepaste velden en eigen taxonomie\u00ebn. Deze zou je gebruiken als je de aparte typen wilt gebruiken die we eerder hebben gemaakt.<\/li>\n<li><strong>De content van een artikel<\/strong> &#8211; om content toe te voegen aan het hoofddeel van het artikel. In mijn artikeltype voor klassieke auto&#8217;s bijvoorbeeld, voeg ik deze cel in om de omschrijving van elke auto die ik toegevoegd heb te laten zien.<\/li>\n<\/ul>\n<figure id=\"attachment_30327\" aria-describedby=\"caption-attachment-30327\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30327\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/celtypen-voor-layouts.jpg\" alt=\"Celtypen voor layouts\" width=\"768\" height=\"619\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/celtypen-voor-layouts.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/celtypen-voor-layouts-300x242.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30327\" class=\"wp-caption-text\">Celtypen voor layouts<\/figcaption><\/figure>\n<p>Nu kunnen we verdergaan. Eerst laat ik zien hoe ik een aangepast veld heb weergegeven voor <strong>Production year<\/strong>:<\/p>\n<figure id=\"attachment_30328\" aria-describedby=\"caption-attachment-30328\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30328\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/weergeven-aangepaste-velden-visual-editor.jpg\" alt=\"Het weergeven van aangepaste velden met de Visual Editor\" width=\"768\" height=\"432\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/weergeven-aangepaste-velden-visual-editor.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/weergeven-aangepaste-velden-visual-editor-300x169.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30328\" class=\"wp-caption-text\">Het weergeven van aangepaste velden met de Visual Editor<\/figcaption><\/figure>\n<p>2. Selecteer het aantal kolommen dat de cel moet innemen &#8211; in mijn geval waren dat er vier.<\/p>\n<p>3. Je zult nu een lijst met Layout celtypen zien die je inmiddels kent. Selecteer de <strong>Visual Editor<\/strong>.<\/p>\n<p>4. Klik op <strong>Fields and Views<\/strong> vanaf waar je de lijst met shortcodes te zien krijgt. Scrol totdat je de naam van je lijst met aangepaste velden ziet (in mijn geval Field group for listings) en selecteer <strong>Production year<\/strong>.<\/p>\n<figure id=\"attachment_30329\" aria-describedby=\"caption-attachment-30329\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30329\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/velden-layouts-shortcodes.jpg\" alt=\"Velden en layouts shortcodes\" width=\"768\" height=\"540\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/velden-layouts-shortcodes.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/velden-layouts-shortcodes-300x211.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30329\" class=\"wp-caption-text\">Velden en layouts shortcodes<\/figcaption><\/figure>\n<p>5. Klik op <strong>Insert shortcode<\/strong>.<\/p>\n<p>6. Nu kunnen we de shortcode zien in de cel van de editor. Dit betekent dat gebruikers nu het bouwjaar van hun geselecteerde auto kunnen zien. Maar we moeten ook nog een titel toevoegen zodat gebruikers weten wat dat jaar betekent. Ik heb <strong>Production year<\/strong> en een beetje HTML toegevoegd. Ik heb de shortcode in een box gezet zodat je kunt zien hoe het eruit ziet:<\/p>\n<figure id=\"attachment_30330\" aria-describedby=\"caption-attachment-30330\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30330\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/production-toegevoegd-shortcode-html.jpg\" alt=\"Production year toegevoegd met de shortcode en wat HTML\" width=\"768\" height=\"646\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/production-toegevoegd-shortcode-html.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/production-toegevoegd-shortcode-html-300x252.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30330\" class=\"wp-caption-text\">Production year toegevoegd met de shortcode en wat HTML<\/figcaption><\/figure>\n<p>7. Klik op <strong>Apply<\/strong> en dan is de cel klaar.<\/p>\n<p>Zo ziet dat aangepaste veld eruit aan de front-end na een beetje CSS-styling:<\/p>\n<figure id=\"attachment_30331\" aria-describedby=\"caption-attachment-30331\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30331\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/veld-eruitziet-front-end.jpg\" alt=\"Hoe het veld eruitziet aan de front-end\" width=\"768\" height=\"432\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/veld-eruitziet-front-end.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/veld-eruitziet-front-end-300x169.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30331\" class=\"wp-caption-text\">Hoe het veld eruitziet aan de front-end<\/figcaption><\/figure>\n<h3>Toevoegen van een zoekbalk<\/h3>\n<p>We kunnen een zoektool met verschillende filters maken waarmee gebruikers precies de advertenties kunnen vinden die ze zoeken.<\/p>\n<p>Dit is de zoektool die ik toegevoegd heb aan mijn directory website met klassieke auto&#8217;s. Ik heb zes filters die je bovenin de zoekbalk kunt zien:<\/p>\n<figure id=\"attachment_30332\" aria-describedby=\"caption-attachment-30332\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30332\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/zoekfeature-filters.jpg\" alt=\"Zoekfeature met filters\" width=\"768\" height=\"557\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/zoekfeature-filters.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/zoekfeature-filters-300x218.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30332\" class=\"wp-caption-text\">Zoekfeature met filters<\/figcaption><\/figure>\n<p>Allereerst, waar wil je dat je zoekopdracht te zien is? We kunnen het op de homepagina zetten, op een eigen pagina, in een widget of in een archief.<\/p>\n<p>Ik heb mijn zoektool toegevoegd aan de startpagina. Dat deed ik zo:<\/p>\n<p>1. Onder <strong>Toolset &gt; Layouts<\/strong> heb ik een nieuw sjabloon gemaakt en geklikt om een nieuwe cel toe te voegen.<\/p>\n<p>2. Selecteer de <strong>View<\/strong> cel<\/p>\n<figure id=\"attachment_30333\" aria-describedby=\"caption-attachment-30333\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30333\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/layout-zoekresultaten.jpg\" alt=\"Layout van zoekresultaten\" width=\"768\" height=\"810\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/layout-zoekresultaten.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/layout-zoekresultaten-284x300.jpg 284w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30333\" class=\"wp-caption-text\">Layout van zoekresultaten<\/figcaption><\/figure>\n<p>3. Op de volgende pagina selecteer je <strong>Display the results as a custom search <\/strong>en klik je op Create.<\/p>\n<p>4. Onder <strong>Content selection<\/strong> kies je welke content je wilt laten doorzoeken. In mijn voorbeeld heb ik alleen het artikeltype <strong>Listings<\/strong> geselecteerd.<\/p>\n<p>5. Onder <strong>Custom Search Settings<\/strong> kies je hoe de zoekopdracht de resultaten bijwerkt. Zo kun je kiezen voor AJAX-updates (bijwerken zonder de pagina opnieuw te laden) en andere mogelijkheden.<\/p>\n<figure id=\"attachment_30334\" aria-describedby=\"caption-attachment-30334\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30334\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aangepaste-zoekinstellingen.jpg\" alt=\"Aangepaste zoekinstellingen\" width=\"768\" height=\"669\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aangepaste-zoekinstellingen.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/aangepaste-zoekinstellingen-300x261.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30334\" class=\"wp-caption-text\">Aangepaste zoekinstellingen<\/figcaption><\/figure>\n<p>6. Onder <strong>Search and Pagination<\/strong> kun je filters aan de zoekfunctie toevoegen waarmee gebruikers hun resultaten kunnen verfijnen. Dit kunnen bijvoorbeeld velden, taxonomie\u00ebn en artikelrelaties zijn. Ik heb bijvoorbeeld mijn apart <strong>Price<\/strong> veld gebruikt om een <strong>Minimum price<\/strong> en<strong> Maximum Price<\/strong> filter toe te voegen aan mijn zoekfunctie. Klik op <strong>New Filter<\/strong> en zoek op de aangepaste velden die je wilt filteren (in mijn geval Price).<\/p>\n<figure id=\"attachment_30335\" aria-describedby=\"caption-attachment-30335\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30335\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voeg-nieuwe-zoekfilters-shortcodes.jpg\" alt=\"Voeg nieuwe zoekfilters toe via shortcodes\" width=\"768\" height=\"590\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voeg-nieuwe-zoekfilters-shortcodes.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voeg-nieuwe-zoekfilters-shortcodes-300x230.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30335\" class=\"wp-caption-text\">Voeg nieuwe zoekfilters toe via shortcodes<\/figcaption><\/figure>\n<p>7. Op de volgende pagina kun je opties bekijken en klikken op <strong>Insert shortcode<\/strong>. Dit is hoe mijn <strong>Search and Pagination<\/strong> eruitziet nadat ik mijn filters heb toegevoegd. De filters zien er direct goed uit, maar ik heb nog wat HTML en CSS toegevoegd voor de juiste styling.<\/p>\n<figure id=\"attachment_30336\" aria-describedby=\"caption-attachment-30336\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30336\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/search-pagination-filters-html.jpg\" alt=\"Search and Pagination met filters en HTML\" width=\"768\" height=\"432\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/search-pagination-filters-html.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/search-pagination-filters-html-300x169.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30336\" class=\"wp-caption-text\">Search and Pagination met filters en HTML<\/figcaption><\/figure>\n<p>8. Klik op <strong>Submit button<\/strong> om de knop te kiezen waar gebruikers op moeten klikken voor de resultaten.<\/p>\n<p>9. Klik op <strong>Reset button<\/strong> op een knop te kiezen waarmee gebruikers hun filters kunnen resetten.<\/p>\n<p>Onze zoekfunctie is er nu helemaal klaar voor. Het enige wat we nog moeten doen is de resultaten vormgeven.<\/p>\n<h3>Vormgeven van de zoekresultaten<\/h3>\n<p>We hebben nu onze zoekfunctie helemaal op maat gemaakt, maar we moeten nog wel beslissen hoe onze resultaten worden weergegeven. We kunnen dit op dezelfde pagina doen als waar we de zoekfunctie hebben gemaakt.<\/p>\n<p>Onder <strong>Search and Pagination<\/strong> vinden we namelijk nog een sectie met de naam <strong>Loop Editor<\/strong> waar we de resultaten kunnen vormgeven.<\/p>\n<figure id=\"attachment_30337\" aria-describedby=\"caption-attachment-30337\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30337\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/loop-editor.jpg\" alt=\"De loop editor\" width=\"768\" height=\"593\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/loop-editor.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/loop-editor-300x232.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30337\" class=\"wp-caption-text\">De loop editor<\/figcaption><\/figure>\n<p>1. Klik op <strong>Loop Wizard<\/strong> en selecteer hoe je de loop wilt weergeven. Voor mijn directory website met klassieke auto&#8217;s heb ik de <strong>Bootstrap Grid<\/strong> gebruiken met vier kolommen voor de resultaten.<\/p>\n<figure id=\"attachment_30338\" aria-describedby=\"caption-attachment-30338\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30338\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/venster-loop-wizard.jpg\" alt=\"Het venster met de loop wizard\" width=\"768\" height=\"418\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/venster-loop-wizard.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/venster-loop-wizard-300x163.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30338\" class=\"wp-caption-text\">Het venster met de loop wizard<\/figcaption><\/figure>\n<p>2. Op de volgende pagina kunnen we filters toevoegen die worden weergegeven bij de resultaten. Hieronder staan de filters die ik voor mijn directory website heb toegevoegd.<\/p>\n<figure id=\"attachment_30339\" aria-describedby=\"caption-attachment-30339\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30339\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/instellen-filters-zoekresultaten.jpg\" alt=\"Instellen van de filters voor de zoekresultaten\" width=\"768\" height=\"570\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/instellen-filters-zoekresultaten.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/instellen-filters-zoekresultaten-300x223.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30339\" class=\"wp-caption-text\">Instellen van de filters voor de zoekresultaten<\/figcaption><\/figure>\n<p>3. Klik op <strong>Finish<\/strong>. Nu zou je de velden moeten kunnen zien binnen de <strong>Loop Editor<\/strong>.<\/p>\n<figure id=\"attachment_30340\" aria-describedby=\"caption-attachment-30340\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30340\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/ziet-loop-editor-velden.jpg\" alt=\"Zo ziet de loop editor eruit met velden\" width=\"768\" height=\"331\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/ziet-loop-editor-velden.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/ziet-loop-editor-velden-300x129.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30340\" class=\"wp-caption-text\">Zo ziet de loop editor eruit met velden<\/figcaption><\/figure>\n<p>4. Klik op <strong>Save View<\/strong> onderaan de pagina.<\/p>\n<p>5. Klik op <strong>Save<\/strong> bij je layout, en dan is dit nu klaar voor de front-end.<\/p>\n<p>Dit is zoals die van mij er nu uitziet:<\/p>\n<figure id=\"attachment_30341\" aria-describedby=\"caption-attachment-30341\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30341\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-zoekresultaten.jpg\" alt=\"Voorbeeld van zoekresultaten\" width=\"768\" height=\"586\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-zoekresultaten.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-zoekresultaten-300x229.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30341\" class=\"wp-caption-text\">Voorbeeld van zoekresultaten<\/figcaption><\/figure>\n<h3>Maak een front-end formulier<\/h3>\n<p>Front-end formulieren zijn een handige manier waarop je gebruikers hun eigen advertenties kunnen toevoegen aan je website, met de styling en het format dat jij wilt. Het enige wat ze moeten doen is het formulieren invullen en dan komt het op de front-end te staan.<\/p>\n<p>Hier is een voorbeeld van een formulier dat ik gemaakt heb voor mijn verzamelsite over klassieke auto&#8217;s:<\/p>\n<figure id=\"attachment_30342\" aria-describedby=\"caption-attachment-30342\" style=\"width: 657px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30342\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-front-end-formulier.jpg\" alt=\"Voorbeeld van een front-end formulier\" width=\"657\" height=\"1474\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-front-end-formulier.jpg 657w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-front-end-formulier-134x300.jpg 134w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-front-end-formulier-456x1024.jpg 456w\" sizes=\"auto, (max-width: 657px) 100vw, 657px\" \/><figcaption id=\"caption-attachment-30342\" class=\"wp-caption-text\">Voorbeeld van een front-end formulier<\/figcaption><\/figure>\n<p>Als een gebruiker dit ingevuld heeft, ziet de advertentie er aan de front-end zo uit:<\/p>\n<figure id=\"attachment_30343\" aria-describedby=\"caption-attachment-30343\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30343\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-advertentie-auto.jpg\" alt=\"Voorbeeld van een advertentie voor een auto\" width=\"768\" height=\"909\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-advertentie-auto.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/voorbeeld-advertentie-auto-253x300.jpg 253w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30343\" class=\"wp-caption-text\">Voorbeeld van een advertentie voor een auto<\/figcaption><\/figure>\n<p>Zo heb ik dat gedaan:<\/p>\n<p>1. Ga naar <strong>Toolset &gt; Post<\/strong> Forms en klik op <strong>Add New<\/strong>.<\/p>\n<p>2. Je ziet dan de Toolset Wizard Klik op <strong>Continue<\/strong> en vul een titel voor je formulier in.<\/p>\n<p>3. In de <strong>Settings<\/strong> sectie vul je alle gegevens in die nodig zijn voor je formulier. Hier kun je beslissen welke pagina gebruikers zien nadat ze een formulier verstuurd hebben, of de advertentie direct online staat of alleen als concept, en of de advertentie een vervaldatum heeft. Ik heb dat zo ingesteld:<\/p>\n<figure id=\"attachment_30344\" aria-describedby=\"caption-attachment-30344\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30344\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/weergave-opties-front-end-formulier.jpg\" alt=\"Weergave-opties voor je front-end formulier\" width=\"768\" height=\"399\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/weergave-opties-front-end-formulier.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/weergave-opties-front-end-formulier-300x156.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30344\" class=\"wp-caption-text\">Weergave-opties voor je front-end formulierWeergave-opties voor je front-end formulier<\/figcaption><\/figure>\n<p>4. Gebruik de sleep-editor van Toolset om te beslissen welke velden je gebruikers in moeten vullen. Je kunt ook extra elementen en <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-css\/\">styling toevoegen via CSS<\/a>. Dit is zoals die van mij er nu uitziet:<\/p>\n<figure id=\"attachment_30345\" aria-describedby=\"caption-attachment-30345\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30345\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/velden-form-editor.jpg\" alt=\"Velden in de form editor\" width=\"768\" height=\"391\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/velden-form-editor.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/velden-form-editor-300x153.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30345\" class=\"wp-caption-text\">Velden in de form editor<\/figcaption><\/figure>\n<p>5. De laatste stap laat je de e-mail aanpassen die gebruikers en beheerders van de directory website krijgen als er een formulier wordt verstuurd. Hieronder is een voorbeeld te zien van wat ik heb gemaakt, dat de gebruiker wordt ge\u00efnformeerd wanneer hun advertentie goedgekeurd is en online komt.<\/p>\n<figure id=\"attachment_30346\" aria-describedby=\"caption-attachment-30346\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-30346\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/instellingen-emailnotificaties.jpg\" alt=\"Instellingen voor e-mailnotificaties\" width=\"768\" height=\"432\" srcset=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/instellingen-emailnotificaties.jpg 768w, https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/instellingen-emailnotificaties-300x169.jpg 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-30346\" class=\"wp-caption-text\">Instellingen voor e-mailnotificaties<\/figcaption><\/figure>\n<p>Je kunt natuurlijk eventueel extra mails toevoegen &#8211; naar andere mensen &#8211; indien noodzakelijk.<\/p>\n<p>6. Nu moet je het formulier op de front-end laten zien. Net als met de andere content, voeg ik het toe als een cel in \u00e9\u00e9n van mijn Layouts. Ga naar <strong>Toolset &gt; Layouts<\/strong>, maak een nieuwe Layout en klik om een cel toe te voegen.<\/p>\n<p>7. Klik op <strong>Post Form<\/strong> en klik daarna op <strong>Create Cell<\/strong>.<\/p>\n<p><strong>Save<\/strong> je layout, en daarmee is je formulier aan de front-end te zien.<\/p>\n<h2>Samenvatting<\/h2>\n<p>Zoals ik al eerder zei zijn er nog veel meer features, zoals kaarten, een ledengedeelte, en gerelateerde advertenties die je kunt toevoegen aan een directory website. Maar die ik hier beschreven heb zijn de belangrijkste die je nodig hebt om direct te beginnen.<\/p>\n<p>Heb jij nog meer tips voor het maken van een directory website? Tweet naar <a href=\"https:\/\/twitter.com\/kinsta\">@Kinsta<\/a> en dan delen we de beste inzichten! Of laat het hieronder in de reacties horen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Je hebt vast wel eens gehoord van de meeste populaire directory websites, ook wel verzamelsites of webportalen genoemd. Denk bijvoorbeeld aan Facebook, Yahoo, eBay, Marktplaats, Bing, &#8230;<\/p>\n","protected":false},"author":100,"featured_media":24785,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[75,28],"topic":[892],"class_list":["post-24713","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-cms","tag-wordpress","topic-wordpress-ontwikkeling"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Maak jouw directory website met WordPress (handleiding)<\/title>\n<meta name=\"description\" content=\"Wil je online geld verdienen? Maak een directory-website met WordPress! Alles wat je moet weten in deze GRATIS 4.000+ woorden tellende gids.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"De ultieme stapsgewijze handleiding voor het maken van een directory website met WordPress\" \/>\n<meta property=\"og:description\" content=\"Wil je online geld verdienen? Maak een directory-website met WordPress! Alles wat je moet weten in deze GRATIS 4.000+ woorden tellende gids.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-29T04:16:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-10T05:50:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/directory-website-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Joseph Lobo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Wil je online geld verdienen? Maak een directory-website met WordPress! Alles wat je moet weten in deze GRATIS 4.000+ woorden tellende gids.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/directory-website-wordpress.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joseph Lobo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"29 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/\"},\"author\":{\"name\":\"Joseph Lobo\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/6a9cb4363730109f08d54bf1aa69eaef\"},\"headline\":\"De ultieme stapsgewijze handleiding voor het maken van een directory website met WordPress\",\"datePublished\":\"2019-07-29T04:16:30+00:00\",\"dateModified\":\"2023-08-10T05:50:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/\"},\"wordCount\":4814,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/directory-website-wordpress.png\",\"keywords\":[\"CMS\",\"WordPress\"],\"articleSection\":[\"WordPress handleidingen\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/\",\"name\":\"Maak jouw directory website met WordPress (handleiding)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/directory-website-wordpress.png\",\"datePublished\":\"2019-07-29T04:16:30+00:00\",\"dateModified\":\"2023-08-10T05:50:17+00:00\",\"description\":\"Wil je online geld verdienen? Maak een directory-website met WordPress! Alles wat je moet weten in deze GRATIS 4.000+ woorden tellende gids.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/directory-website-wordpress.png\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/directory-website-wordpress.png\",\"width\":1460,\"height\":730,\"caption\":\"directory-website WordPress!\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress ontwikkeling\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-ontwikkeling\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"De ultieme stapsgewijze handleiding voor het maken van een directory website met WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/nl\/#website\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/6a9cb4363730109f08d54bf1aa69eaef\",\"name\":\"Joseph Lobo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/111e6604cf3a666f44b33d8f6e2ac8d1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/111e6604cf3a666f44b33d8f6e2ac8d1?s=96&d=mm&r=g\",\"caption\":\"Joseph Lobo\"},\"description\":\"Joe is a content creator for Toolset who enjoys exploring WordPress online and countries around the world offline. You can follow him on Twitter: @joeclobo\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/josephlobo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Maak jouw directory website met WordPress (handleiding)","description":"Wil je online geld verdienen? Maak een directory-website met WordPress! Alles wat je moet weten in deze GRATIS 4.000+ woorden tellende gids.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/","og_locale":"nl_NL","og_type":"article","og_title":"De ultieme stapsgewijze handleiding voor het maken van een directory website met WordPress","og_description":"Wil je online geld verdienen? Maak een directory-website met WordPress! Alles wat je moet weten in deze GRATIS 4.000+ woorden tellende gids.","og_url":"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2019-07-29T04:16:30+00:00","article_modified_time":"2023-08-10T05:50:17+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/directory-website-wordpress.png","type":"image\/png"}],"author":"Joseph Lobo","twitter_card":"summary_large_image","twitter_description":"Wil je online geld verdienen? Maak een directory-website met WordPress! Alles wat je moet weten in deze GRATIS 4.000+ woorden tellende gids.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/directory-website-wordpress.png","twitter_creator":"@Kinsta_NL","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Joseph Lobo","Geschatte leestijd":"29 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/"},"author":{"name":"Joseph Lobo","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/6a9cb4363730109f08d54bf1aa69eaef"},"headline":"De ultieme stapsgewijze handleiding voor het maken van een directory website met WordPress","datePublished":"2019-07-29T04:16:30+00:00","dateModified":"2023-08-10T05:50:17+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/"},"wordCount":4814,"commentCount":1,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/directory-website-wordpress.png","keywords":["CMS","WordPress"],"articleSection":["WordPress handleidingen"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/","url":"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/","name":"Maak jouw directory website met WordPress (handleiding)","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/directory-website-wordpress.png","datePublished":"2019-07-29T04:16:30+00:00","dateModified":"2023-08-10T05:50:17+00:00","description":"Wil je online geld verdienen? Maak een directory-website met WordPress! Alles wat je moet weten in deze GRATIS 4.000+ woorden tellende gids.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/directory-website-wordpress.png","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/07\/directory-website-wordpress.png","width":1460,"height":730,"caption":"directory-website WordPress!"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/directory-website-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"WordPress ontwikkeling","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-ontwikkeling\/"},{"@type":"ListItem","position":3,"name":"De ultieme stapsgewijze handleiding voor het maken van een directory website met WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/nl\/#website","url":"https:\/\/kinsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/6a9cb4363730109f08d54bf1aa69eaef","name":"Joseph Lobo","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/111e6604cf3a666f44b33d8f6e2ac8d1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/111e6604cf3a666f44b33d8f6e2ac8d1?s=96&d=mm&r=g","caption":"Joseph Lobo"},"description":"Joe is a content creator for Toolset who enjoys exploring WordPress online and countries around the world offline. You can follow him on Twitter: @joeclobo","url":"https:\/\/kinsta.com\/nl\/blog\/author\/josephlobo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/24713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/users\/100"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=24713"}],"version-history":[{"count":16,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/24713\/revisions"}],"predecessor-version":[{"id":54837,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/24713\/revisions\/54837"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/24713\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/24713\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/24713\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/24713\/translations\/it"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/24713\/translations\/nl"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/24713\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/24713\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/24713\/translations\/se"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/24713\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/24785"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=24713"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=24713"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=24713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}