{"id":29957,"date":"2021-05-18T11:43:10","date_gmt":"2021-05-18T09:43:10","guid":{"rendered":"https:\/\/www.strato.nl\/blog\/?p=29957"},"modified":"2025-01-13T14:20:59","modified_gmt":"2025-01-13T13:20:59","slug":"wordpress-zoekfunctie-navigatie","status":"publish","type":"post","link":"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/","title":{"rendered":"Een zoekfunctie toevoegen aan de WordPress navigatiebalk"},"content":{"rendered":"\n<p class=\"has-normal-font-size\"><strong>Hoewel een zoekfunctie in de navigatiebalk op vrijwel elke website standaard is, ontbreekt deze in veel WordPress thema&#8217;s. Gelukkig kun je de functie gemakkelijk toevoegen aan je navigatiemenu. In dit blog lees je hoe.<\/strong><\/p>\n\n\n\n<p>Er zijn drie manieren om de zoekfunctie aan het hoofdmenu toe te voegen, elk met voor- en nadelen:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>De plug-in Ivory Search<\/strong><\/li>\n\n\n\n<li><strong>Zoekfunctie direct in het WordPress menu invoegen<\/strong><\/li>\n\n\n\n<li><strong>Zoekfunctie via de <em>functions.php<\/em> van het child-theme invoegen<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Methodes nr. 2 en 3 vereisen kennis van HTML, CSS en PHP. Heb je die kennis niet? Dan kun je een plug-in als <a href=\"https:\/\/nl.wordpress.org\/plugins\/add-search-to-menu\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Ivory Search<\/a> gebruiken. Maar ons doel is altijd om <a href=\"https:\/\/www.strato.nl\/blog\/plug-ins-of-niet-tips-voor-een-gezond-blog\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress met zo weinig mogelijk plug-ins<\/a> te gebruiken. Voor een zoekfunctie in de navigatiebalk is het toevoegen van een plug-in niet echt nodig. Met weinig moeite kun je een zoekformulier via <em>Weergave &#8211; Menu&#8217;s<\/em> in WordPress ook direct in een navigatiemenu zetten. Als je een child-theme gebruikt, bestaat de elegantste oplossing uit een paar regels code die je toevoegt aan de <em>functions.php<\/em> van je child-theme. In beide gevallen moet je het uiterlijk van de zoekfunctie <a href=\"https:\/\/www.strato.nl\/blog\/css-voor-beginners-eerste-stappen\/\" target=\"_blank\" rel=\"noreferrer noopener\">via CSS<\/a> aanpassen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-1-zoekfunctie-in-het-navigatiemenu-per-plug-in\">1. <strong>Zoekfunctie in <strong>het navigatiemenu<\/strong><\/strong> <strong>per plug-in<\/strong><\/h2>\n\n\n\n<p>Met de plug-in <a href=\"https:\/\/nl.wordpress.org\/plugins\/add-search-to-menu\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Ivory Search<\/a> kun je vrij vlot een zoekfunctie aan je navigatiemenu toevoegen. Dit is de handigste manier als het gaat om design, maar het vergt ook de meeste resources.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Ivory-Search-Menu-search1-1024x467.jpg\" alt=\"WordPress plug-in Ivory Search: kies de locatie van het zoekveld\" class=\"wp-image-30605\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Ivory-Search-Menu-search1-1024x467.jpg 1024w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Ivory-Search-Menu-search1-300x137.jpg 300w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Ivory-Search-Menu-search1-768x351.jpg 768w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Ivory-Search-Menu-search1.jpg 1139w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>In Ivory Search kies je simpelweg het menu waaraan je een zoekfunctie wilt toevoegen &#8211; klaar.<\/em><\/figcaption><\/figure>\n\n\n\n<p>Ivory Search wordt geleverd met een standaardzoekformulier dat je kunt aanpassen met de WordPress Customizer:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"436\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Ivory-Search-widget-min.jpg\" alt=\"WordPress plug-in Ivory Search: het zoekformulier-widget aanpassen in de WP Customizer\" class=\"wp-image-30606\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Ivory-Search-widget-min.jpg 728w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Ivory-Search-widget-min-300x180.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><figcaption class=\"wp-element-caption\"><em>Aanpassen van het zoekformulier Ivory Search via de WordPress Customizer.<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Daarnaast zijn er voorgedefinieerde soorten zoekfuncties beschikbaar in de <em>Menu Search-<\/em>opties van Ivory Search:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"557\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Ivory-Search-search-menu-settings-min.jpg\" alt=\"WordPress plug-in Ivory Search: opties voor de weergave van het zoekformulier\" class=\"wp-image-30607\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Ivory-Search-search-menu-settings-min.jpg 728w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Ivory-Search-search-menu-settings-min-300x230.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><figcaption class=\"wp-element-caption\"><em>Opties voor de weergave van het zoekformulier<\/em> (Standaard, Dropdown, Sliding, Full Width, Popup).<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"h-2-zoekfunctie-direct-in-het-wordpress-menu-invoegen\">2. <strong>Zoekfunctie direct in het WordPress menu invoegen<\/strong><\/h2>\n\n\n\n<p>Gewoonlijk heeft elk WordPress theme al een kant-en-klaar zoekformulier dat je bijvoorbeeld in zijbalk-widgets kunt invoegen. Maar met een klein trucje kun je ditzelfde formulier ook voor de navigatiebalk gebruiken. Want bij het maken of bewerken van een menu via <em>Weergave &#8211; Menu&#8217;s<\/em> kun je niet alleen pagina&#8217;s of berichten koppelen, maar ook HTML-code invoegen.<\/p>\n\n\n\n<p>Om dit te doen kies je het onderdeel <em>Aangepaste links <\/em>onder <em>Menuoptie invoegen<\/em>. In het URL-vak vul je dan gewoon een hashtag # in, want we willen hier immers niets linken.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"454\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-zoekveld-via-Menu-invoegen-min.jpg\" alt=\"WordPress costumizer: in &quot;menu's&quot; &quot;aangepaste links&quot; gebruiken\" class=\"wp-image-30609\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-zoekveld-via-Menu-invoegen-min.jpg 728w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-zoekveld-via-Menu-invoegen-min-300x187.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><figcaption class=\"wp-element-caption\"><em>Een menu-optie voor <\/em>aangepaste links<em> gebruiken<\/em>.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>In het vak <em>Linktekst<\/em> voeg je de HTML-code voor de zoekfunctie in. Je kopieert deze code hiervoor uit de HTML-broncode van een van je pagina&#8217;s waarop een zoekfunctie staat, bijvoorbeeld in een zijbalk-widget of in de footer van je site:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"449\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-zoekwidget-in-de-footer-toevoegen-min.jpg\" alt=\"WordPress customizer: zoekfunctie tijdelijk in een widget invoegen\" class=\"wp-image-30612\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-zoekwidget-in-de-footer-toevoegen-min.jpg 728w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-zoekwidget-in-de-footer-toevoegen-min-300x185.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><figcaption class=\"wp-element-caption\">Je kunt de standaard zoekwidget ergens op je site plaatsen om de HTML-code over te nemen.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Vervolgens kopieer je de code uit de HTML-bron van de pagina:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"196\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-zoekformulier-html-knippen-en-plakken-min.jpg\" alt=\"Tools voor webontwikkelaars: de broncode voor het zoekveld kopi\u00ebren \" class=\"wp-image-30614\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-zoekformulier-html-knippen-en-plakken-min.jpg 728w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-zoekformulier-html-knippen-en-plakken-min-300x81.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><figcaption class=\"wp-element-caption\"><em>Het formulier in de HTML-broncode zoeken en het hele gebied (<em>&lt;form \u2026&gt; \u2026 &lt;\/form&gt;<\/em>) kopi\u00ebren<\/em>.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Nu plak je de HTML-code voor het zoekformulier in het vak <em>Linktekst<\/em> van de menuoptie <em>Aangepaste links<\/em>. Klik vervolgens op de knop <em>Aan menu toevoegen<\/em> en dan op <em>Menu opslaan<\/em>, zodat het zoekveld in de navigatiebalk verschijnt.<\/p>\n\n\n\n<p>De bijbehorende menuoptie ziet er nu ongeveer zo uit &#8230;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"730\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-aangepaste-links-zoekformulier-min-1024x730.jpg\" alt=\"WordPress customizer: zoekveld toevoegen via &quot;aangepaste links&quot;\" class=\"wp-image-30615\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-aangepaste-links-zoekformulier-min-1024x730.jpg 1024w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-aangepaste-links-zoekformulier-min-300x214.jpg 300w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-aangepaste-links-zoekformulier-min-768x548.jpg 768w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-aangepaste-links-zoekformulier-min.jpg 1171w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>&#8230; en zorgt ervoor dat de zoekfunctie rechtsboven in het hoofdmenu verschijnt:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"666\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-voorbeeld-zoekveld-in-hoofdmenu-min.jpg\" alt=\"WordPress: de zoekfunctie als &quot;aangepaste link&quot; in het hoofdmenu\" class=\"wp-image-30616\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-voorbeeld-zoekveld-in-hoofdmenu-min.jpg 728w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-voorbeeld-zoekveld-in-hoofdmenu-min-300x274.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><figcaption class=\"wp-element-caption\"><em>Zoekfunctie direct ge\u00efntegreerd via het WordPress menu.<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Afhankelijk van het gebruikte thema zul je de zoekfunctie optisch nog iets moeten verfijnen met behulp van CSS. Daarom vergt deze methode iets meer handwerk, maar het is ook de meest minimalistische oplossing.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-3-zoekfunctie-via-de-functions-php-van-het-child-theme-invoegen\">3. <strong>Zoekfunctie via de <em>functions.php<\/em> van het child-theme invoegen<\/strong><\/h2>\n\n\n\n<p>Als je toch een child-theme gebruikt, kun je de zoekfunctie ook integreren via een paar regels PHP in <em>functions.php<\/em>.<\/p>\n\n\n\n<p>Met een zogenaamde hook kun je elk navigatiemenu in WordPress afzonderlijk uitbreiden. Het voert te ver om hier precies te beschrijven wat zo\u2019n hook is. Het komt erop neer dat je WordPress met een hook precies kunt vertellen waar in de code veranderingen moeten worden doorgevoerd. Of in dit geval: extra inhoud moet worden ingevoegd.<\/p>\n\n\n\n<p>Om dit te doen, definieer je een filter in <em>functions.php<\/em> dat de zoekfunctie met behulp van de juiste hook integreert in de navigatie. De PHP-code die je in <em>functions.php<\/em> moet invoegen, ziet er als volgt uit:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function add_search_box( $items, $args ) {\n    $items .= '&lt;li&gt;' . get_search_form( false ) . '&lt;\/li&gt;';\n    return $items;\n}\nadd_filter( 'wp_nav_menu_MENUNAME_items','add_search_box', 10, 2 );<\/code><\/pre>\n\n\n\n<p>Je vervangt <em>MENUNAME<\/em> door de naam (slug) van het navigatiemenu. Deze naam wordt in de WordPress backend getoond onder <em>Weergave &#8211; Menu&#8217;s &#8211; Menustructuur<\/em> in het vak <em>Menunaam<\/em> en kan daar ook bewerkt worden. <\/p>\n\n\n\n<p>Nu zijn er nog een paar optische wijzigingen nodig, net als bij het direct invoegen van de HTML-code van het zoekformulier. Dit kun je via CSS doen. Je kunt natuurlijk ook <em>get_search_form(false)<\/em> in de PHP-code vervangen door je eigen HTML-code en je eigen zoekformulier gebruiken. Dit komt dan in de plaats van het door WordPress gegenereerde formulier, dat wordt uitgevoerd door die WordPress functie <em>get_search_form(false)<\/em>.<\/p>\n\n\n\n<p>Als je het standaardzoekformulier gebruikt, is het resultaat visueel identiek aan de HTML-integratie via het menu:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"666\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-voorbeeld-zoekveld-in-hoofdmenu-min.jpg\" alt=\"WordPress: het zoekveld integreren via PHP\" class=\"wp-image-30616\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-voorbeeld-zoekveld-in-hoofdmenu-min.jpg 728w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WP-voorbeeld-zoekveld-in-hoofdmenu-min-300x274.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><figcaption class=\"wp-element-caption\"><em>Een zoekformulier ge\u00efntegreerd via <\/em>functions.php.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Welke van de drie methodes je kiest om een zoekfunctie in de menubalk te integreren, is een kwestie van smaak. Als je CSS, HTML en PHP-kennis hebt, heeft de variant zonder plug-in de voorkeur. Die gebruikt namelijk minder resources op de webserver. Ook heb je dan \u00e9\u00e9n plug-in minder, wat betekent dat er ook een potenti\u00eble bron van fouten in je WordPress installatie minder is.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-heb-je-nog-geen-wordpress\">Heb je nog geen WordPress?<\/h2>\n\n\n<a href=\"https:\/\/www.strato.nl\/hosting\/wordpress-hosting\/?utm_source=Blogartikel&#038;utm_medium=Blogartikel&#038;utm_campaign=wordpress-zoekfunctie-navigatie&#038;campaign=strato.nl\/blog\/Artikel\/wordpress-zoekfunctie-navigatie&#038;swtssa=nedsc0000000000000000tffc\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-strato-blue strato-c2a\">Naar de WordPress pakketten\ufeff<\/a>","protected":false},"excerpt":{"rendered":"<p>Hoewel een zoekfunctie in de navigatiebalk op vrijwel elke website standaard is, ontbreekt deze in veel WordPress thema&#8217;s. Gelukkig kun je de functie gemakkelijk toevoegen aan je navigatiemenu. In dit blog lees je hoe. Er zijn drie manieren om de zoekfunctie aan het hoofdmenu toe te voegen, elk met voor- en nadelen: Methodes nr. 2 [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":30598,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[415],"tags":[460,163],"class_list":["post-29957","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-css","tag-website"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Zoekveld toevoegen aan je WordPress menu - STRATO blogt<\/title>\n<meta name=\"description\" content=\"Een zoekfunctie toevoegen aan het menu van je WordPress site? In dit blog zetten we drie opties op een rij.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zoekveld toevoegen aan je WordPress menu - STRATO blogt\" \/>\n<meta property=\"og:description\" content=\"Een zoekfunctie toevoegen aan het menu van je WordPress site? In dit blog zetten we drie opties op een rij.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO blogt\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-18T09:43:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-13T13:20:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/03\/Beitragsbild-WP-Suchfeld.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"728\" \/>\n\t<meta property=\"og:image:height\" content=\"409\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Franz Neumeier\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Franz Neumeier\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/\"},\"author\":{\"name\":\"Franz Neumeier\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/373693d0ed46f90f144b785753c77481\"},\"headline\":\"Een zoekfunctie toevoegen aan de WordPress navigatiebalk\",\"datePublished\":\"2021-05-18T09:43:10+00:00\",\"dateModified\":\"2025-01-13T13:20:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/\"},\"wordCount\":903,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/03\/Beitragsbild-WP-Suchfeld.jpg\",\"keywords\":[\"CSS\",\"Website\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/\",\"url\":\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/\",\"name\":\"Zoekveld toevoegen aan je WordPress menu - STRATO blogt\",\"isPartOf\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/03\/Beitragsbild-WP-Suchfeld.jpg\",\"datePublished\":\"2021-05-18T09:43:10+00:00\",\"dateModified\":\"2025-01-13T13:20:59+00:00\",\"description\":\"Een zoekfunctie toevoegen aan het menu van je WordPress site? In dit blog zetten we drie opties op een rij.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#primaryimage\",\"url\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/03\/Beitragsbild-WP-Suchfeld.jpg\",\"contentUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/03\/Beitragsbild-WP-Suchfeld.jpg\",\"width\":728,\"height\":409,\"caption\":\"WordPress zoekveld\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.strato.nl\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Een zoekfunctie toevoegen aan de WordPress navigatiebalk\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#website\",\"url\":\"https:\/\/www.strato.nl\/blog\/\",\"name\":\"STRATO blogt\",\"description\":\"Nieuws en tips over webhosting!\",\"publisher\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.strato.nl\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#organization\",\"name\":\"STRATO blogt\",\"url\":\"https:\/\/www.strato.nl\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png\",\"contentUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png\",\"width\":259,\"height\":42,\"caption\":\"STRATO blogt\"},\"image\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/373693d0ed46f90f144b785753c77481\",\"name\":\"Franz Neumeier\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bbbb301a12a8cb3a3f9f2a89694e51c19477f3b6eb45207b5af5c333303a055a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bbbb301a12a8cb3a3f9f2a89694e51c19477f3b6eb45207b5af5c333303a055a?s=96&d=mm&r=g\",\"caption\":\"Franz Neumeier\"},\"description\":\"Ich bin Franz Neumeier, war jahrelang Chefredakteur bei IT-Zeitschriften wie PC Professionell, Internet Professionell und Internet Magazin. Inzwischen habe ich mich als freier Autor vor allem auf Kreuzfahrt-Themen spezialisiert, betreibe mehrere Websites und schreibe aus diesen Praxiserfahrungen heraus weiterhin auch \u00fcber Webhosting- und Webpublishing-Themen.\",\"url\":\"https:\/\/www.strato.nl\/blog\/author\/neumeier\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Zoekveld toevoegen aan je WordPress menu - STRATO blogt","description":"Een zoekfunctie toevoegen aan het menu van je WordPress site? In dit blog zetten we drie opties op een rij.","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:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/","og_locale":"nl_NL","og_type":"article","og_title":"Zoekveld toevoegen aan je WordPress menu - STRATO blogt","og_description":"Een zoekfunctie toevoegen aan het menu van je WordPress site? In dit blog zetten we drie opties op een rij.","og_url":"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/","og_site_name":"STRATO blogt","article_published_time":"2021-05-18T09:43:10+00:00","article_modified_time":"2025-01-13T13:20:59+00:00","og_image":[{"width":728,"height":409,"url":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/03\/Beitragsbild-WP-Suchfeld.jpg","type":"image\/jpeg"}],"author":"Franz Neumeier","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Franz Neumeier","Geschatte leestijd":"7 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#article","isPartOf":{"@id":"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/"},"author":{"name":"Franz Neumeier","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/373693d0ed46f90f144b785753c77481"},"headline":"Een zoekfunctie toevoegen aan de WordPress navigatiebalk","datePublished":"2021-05-18T09:43:10+00:00","dateModified":"2025-01-13T13:20:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/"},"wordCount":903,"commentCount":0,"publisher":{"@id":"https:\/\/www.strato.nl\/blog\/#organization"},"image":{"@id":"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#primaryimage"},"thumbnailUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/03\/Beitragsbild-WP-Suchfeld.jpg","keywords":["CSS","Website"],"articleSection":["WordPress"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/","url":"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/","name":"Zoekveld toevoegen aan je WordPress menu - STRATO blogt","isPartOf":{"@id":"https:\/\/www.strato.nl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#primaryimage"},"image":{"@id":"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#primaryimage"},"thumbnailUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/03\/Beitragsbild-WP-Suchfeld.jpg","datePublished":"2021-05-18T09:43:10+00:00","dateModified":"2025-01-13T13:20:59+00:00","description":"Een zoekfunctie toevoegen aan het menu van je WordPress site? In dit blog zetten we drie opties op een rij.","breadcrumb":{"@id":"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#primaryimage","url":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/03\/Beitragsbild-WP-Suchfeld.jpg","contentUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/03\/Beitragsbild-WP-Suchfeld.jpg","width":728,"height":409,"caption":"WordPress zoekveld"},{"@type":"BreadcrumbList","@id":"https:\/\/www.strato.nl\/blog\/wordpress-zoekfunctie-navigatie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.strato.nl\/blog\/"},{"@type":"ListItem","position":2,"name":"Een zoekfunctie toevoegen aan de WordPress navigatiebalk"}]},{"@type":"WebSite","@id":"https:\/\/www.strato.nl\/blog\/#website","url":"https:\/\/www.strato.nl\/blog\/","name":"STRATO blogt","description":"Nieuws en tips over webhosting!","publisher":{"@id":"https:\/\/www.strato.nl\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.strato.nl\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/www.strato.nl\/blog\/#organization","name":"STRATO blogt","url":"https:\/\/www.strato.nl\/blog\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png","contentUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png","width":259,"height":42,"caption":"STRATO blogt"},"image":{"@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/373693d0ed46f90f144b785753c77481","name":"Franz Neumeier","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bbbb301a12a8cb3a3f9f2a89694e51c19477f3b6eb45207b5af5c333303a055a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bbbb301a12a8cb3a3f9f2a89694e51c19477f3b6eb45207b5af5c333303a055a?s=96&d=mm&r=g","caption":"Franz Neumeier"},"description":"Ich bin Franz Neumeier, war jahrelang Chefredakteur bei IT-Zeitschriften wie PC Professionell, Internet Professionell und Internet Magazin. Inzwischen habe ich mich als freier Autor vor allem auf Kreuzfahrt-Themen spezialisiert, betreibe mehrere Websites und schreibe aus diesen Praxiserfahrungen heraus weiterhin auch \u00fcber Webhosting- und Webpublishing-Themen.","url":"https:\/\/www.strato.nl\/blog\/author\/neumeier\/"}]}},"_links":{"self":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts\/29957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/comments?post=29957"}],"version-history":[{"count":24,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts\/29957\/revisions"}],"predecessor-version":[{"id":37479,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts\/29957\/revisions\/37479"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/media\/30598"}],"wp:attachment":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/media?parent=29957"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/categories?post=29957"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/tags?post=29957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}