{"id":95404,"date":"2021-03-24T13:47:56","date_gmt":"2021-03-24T12:47:56","guid":{"rendered":"https:\/\/strato.de\/blog\/?p=95404"},"modified":"2021-03-24T13:47:57","modified_gmt":"2021-03-24T12:47:57","slug":"wordpress-suchfeld-navigation","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-suchfeld-navigation\/","title":{"rendered":"WordPress-Navigationsleiste mit Suchfeld erg\u00e4nzen"},"content":{"rendered":"\n<p>Obwohl eine Suchfunktion in der Navigationsleiste zum Standard jeder Website geh\u00f6rt, fehlt sie in vielen WordPress-Themes. Wie Du die Suche dennoch einfach ins Navigationsmen\u00fc integrierst, zeigt dieser Workshop.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Drei Wege f\u00fchren zum Ziel, mit unterschiedlichen Vor- und Nachteilen sowie Anforderungen an Deine HTML-, CSS- und PHP-Kenntnisse. Ohne Scriptkenntnisse ereichst Du es mit entsprechenden Plugins wie beispielsweise <a href=\"https:\/\/de.wordpress.org\/plugins\/add-search-to-menu\/ aus\" target=\"_blank\" rel=\"noreferrer noopener\">Ivory Search<\/a>. Allerdings sollte das Ziel sein, in WordPress mit m\u00f6glichst wenigen Plugins auszukommen. Nur, um ein Suchfeld in die Navigationsleiste einzuf\u00fcgen, muss man nicht gleich ein Plugin installieren. Mit wenig Aufwand kannst Du n\u00e4mlich ein Suchformular \u00fcber <em>Design \u2013 Men\u00fcs<\/em> in WordPress auch direkt in ein Navigationsmen\u00fc einf\u00fcgen. Setzt Du ein <a href=\"https:\/\/strato.de\/blog\/child-themes-individuelles-wordpress-design-ganz-einfach\/\" target=\"_blank\" rel=\"noreferrer noopener\">Child-Theme<\/a> ein, ist der eleganteste Weg aber der \u00fcber ein paar Code-Zeilen in der <em>functions.php<\/em> Deines Child-Themes. In beiden F\u00e4llen wirst Du allerdings die Optik des Suchfeldes noch \u00fcber CSS anpassen m\u00fcssen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Suche im Navigationsmen\u00fcs per Plugin<\/h2>\n\n\n\n<p>Das Such-Plugin <a href=\"https:\/\/de.wordpress.org\/plugins\/add-search-to-menu\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ivory Search<\/a> bietet eine direkte Option, ein Suchfeld in Deine Navigationsmen\u00fcs einzuf\u00fcgen. Das ist auch in Hinblick auf das Design des Formulars der bequemste Weg, daf\u00fcr aber auch der ressourcenhungrigste. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"705\" height=\"378\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/ivory-01.jpg\" alt=\"\" class=\"wp-image-95409\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/ivory-01.jpg 705w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/ivory-01-160x86.jpg 160w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/><figcaption>In Ivory Search w\u00e4hlst Du einfach das Men\u00fc aus, dem ein Suchfeld hinzugef\u00fcgt werden soll \u2013 fertig. <\/figcaption><\/figure>\n\n\n\n<p>Ein Standard-Suchformular bringt Ivory Search schon mit, das Du \u00fcber den Customizer von WordPress optisch anpassen kannst:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"411\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/ivory-02.jpg\" alt=\"\" class=\"wp-image-95414\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/ivory-02.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/ivory-02-160x90.jpg 160w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption>Anpassungen des Ivory-Search-Suchformulars \u00fcber den WordPress-Customizer<\/figcaption><\/figure>\n\n\n\n<p>In den <em>Menu Search-<\/em>Optionen\nvon Ivory Search stehen au\u00dferdem einige vordefinierte Arten von Suchfeldern zur\nVerf\u00fcgung:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"368\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/ivory-03.jpg\" alt=\"\" class=\"wp-image-95419\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/ivory-03.jpg 683w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/ivory-03-160x86.jpg 160w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/><figcaption>Optionen f\u00fcr die Darstellung des Suchformulars<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Suchfunktion direkt im WordPress-Men\u00fc einf\u00fcgen<\/h2>\n\n\n\n<p>Typischerweise gibt es in jedem WordPress-Theme bereits ein fertiges Suchformular, das Du beispielsweise in Seitenleisten-Widgets einf\u00fcgen kannst. Mit einem kleinen Trick benutzt Du genau dieses Formular aber auch f\u00fcr die Navigationsleiste. Denn beim Anlegen oder Bearbeiten eines Men\u00fcs \u00fcber <em>Design \u2013 Men\u00fcs<\/em> kannst Du nicht nur Seiten oder Beitr\u00e4ge verlinken, sondern auch HTML-Code einf\u00fcgen.<\/p>\n\n\n\n<p>Dazu w\u00e4hlst Du unter <em>Men\u00fceintr\u00e4ge hinzuf\u00fcgen<\/em> den Bereich <em>Individuelle Links<\/em>. In das <em>URL<\/em>-Feld gibst Du lediglich einen Hashtag <em>#<\/em> ein, denn wir wollen an dieser Stelle ja nichts verlinken.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"285\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/menu-00.jpg\" alt=\"\" class=\"wp-image-95424\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/menu-00.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/menu-00-160x63.jpg 160w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption>Zweckentfremdeter Men\u00fceintrag f\u00fcr Individuelle Links<\/figcaption><\/figure>\n\n\n\n<p>In das <em>Link-Text-<\/em>Feld f\u00fcgst Du den HTML-Code f\u00fcr das Suchfeld ein. Diesen Code kopierst Du Dir aus dem HTML-Quelltext einer Deiner Seiten, auf denen ein Suchfeld beispielsweise in einem Seitenleisten-Widget vorkommt. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"261\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/menu-01.jpg\" alt=\"\" class=\"wp-image-95429\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/menu-01.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/menu-01-160x57.jpg 160w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption>Suchfeld vor\u00fcbergehend in ein Widget einf\u00fcgen<\/figcaption><\/figure>\n\n\n\n<p>Falls nirgendwo ein Suchfeld vorkommt, f\u00fcgst Du das <em>Suche-<\/em>Widget\u00a0einfach vor\u00fcbergehend in einen Seiten- oder Footer-Bereich ein und kopierst den Code dann aus dem HTML-Quelltext der Seite. Anschlie\u00dfend kannst Du das Such-Widget nat\u00fcrlich wieder aus der Seitenleiste entfernen. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"717\" height=\"123\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/menu-02.jpg\" alt=\"\" class=\"wp-image-95434\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/menu-02.jpg 717w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/menu-02-160x27.jpg 160w\" sizes=\"(max-width: 717px) 100vw, 717px\" \/><figcaption>Das Formular im HTML-Quelltext suchen und den gesamten Bereich <br> &lt;form \u2026> &#8230; &lt;\/form> kopieren<\/figcaption><\/figure>\n\n\n\n<p>Nun f\u00fcgst Du also den HTML-Code f\u00fcr das Suchformular in das Feld <em>Link-Text<\/em> des <em>Individuelle Links-<\/em>Men\u00fceintrags ein, klickst auf den <em>Zum Men\u00fc hinzuf\u00fcgen-<\/em>Button und anschlie\u00dfend auf <em>Men\u00fc speichern.<\/em><\/p>\n\n\n\n<p>Der entsprechende Men\u00fceintrag sieht nun in etwa so aus:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"456\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/menu-03.jpg\" alt=\"\" class=\"wp-image-95439\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/menu-03.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/menu-03-160x100.jpg 160w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/figure>\n\n\n\n<p>\u2026und bewirkt, dass in Deiner Navigationsleiste das Suchfeld angezeigt wird:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"331\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/menu-04.jpg\" alt=\"\" class=\"wp-image-95444\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/menu-04.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/menu-04-160x73.jpg 160w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption>Suchfeld, direkt \u00fcber das WordPress-Men\u00fc integriert<\/figcaption><\/figure>\n\n\n\n<p>Je nach verwendetem Theme musst Du mit Hilfe entsprechender CSS-Anweisungen das Suchfeld optisch oder in der Gr\u00f6\u00dfe anpassen. Insofern erfordert diese Einbindungsmethode ein wenig mehr Handarbeit, ist daf\u00fcr aber auch die minimalistische L\u00f6sung.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Suchfunktion \u00fcber die <em>functions.php<\/em>\nDeines Child-Themes einf\u00fcgen<\/h2>\n\n\n\n<p>Falls Du ohnehin ein <a href=\"https:\/\/strato.de\/blog\/child-themes-individuelles-wordpress-design-ganz-einfach\/\" target=\"_blank\" rel=\"noreferrer noopener\">Child-Theme<\/a> verwendest, bietet sich die Einbindung des Suchfeldes \u00fcber ein paar PHP-Codezeilen in der <em>functions.php<\/em> an.<\/p>\n\n\n\n<p>\u00dcber einen sogenannten Hook kannst Du n\u00e4mlich jedes Navigationsmen\u00fc in WordPress individuell erweitern. Eine Beschreibung, was ein Hook genau ist, w\u00fcrde hier zu weit f\u00fchren. Vereinfacht ausgedr\u00fcckt kann man WordPress dar\u00fcber mitteilen, an exakt welcher Stelle im Code es Ver\u00e4nderungen vornehmen oder in diesem Fall zus\u00e4tzliche Inhalte einf\u00fcgen soll.<\/p>\n\n\n\n<p>Dazu definierst Du in der <em>functions.php<\/em> einen Filter, der das Suchfeld mit Hilfe des\npassenden Hooks in die Navigation integriert. Der fertige PHP-Code, den Du dazu\nin der <em>functions.php<\/em> einf\u00fcgen musst,\nsieht so aus:<\/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><em>MENUNAME<\/em> ersetzt Du mit der Bezeichnung (slug) des Navigationsmen\u00fcs. Diese Bezeichnung wird im WordPress-Backend unter <em>Design \u2013 Men\u00fcs \u2013 Men\u00fc-Struktur<\/em> im Feld <em>Name des Men\u00fcs<\/em> angezeigt und kann dort auch bearbeitet werden \u2013 denn Umlaute d\u00fcrfen hier beispielsweise nicht enthalten sein.<\/p>\n\n\n\n<p>Wie schon beim direkten Einf\u00fcgen des Suchformular-HTML-Codes im Men\u00fc sind nun noch optische Anpassungen n\u00f6tig, die Du gegebenenfalls via CSS vornimmst. Ebenso kannst Du nat\u00fcrlich im PHP-Code <em>get_search_form(false)<\/em> durch eigenen HTML-Code ersetzen und ein individuell aufgebautes Suchformular verwenden, statt das von WordPress generierte einzusetzen, das mit der WordPress-Funktion <em>get_search_form(false)<\/em> ausgegeben wird.<\/p>\n\n\n\n<p>Verwendest Du das Standard-Suchformular, ist das Ergebnis\noptisch identisch mit der HTML-Integration \u00fcber das Men\u00fc.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"331\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2021\/01\/menu-04-1.jpg\" alt=\"\" class=\"wp-image-95449\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/menu-04-1.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/01\/menu-04-1-160x73.jpg 160w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption>\u00dcber die functions.php eingebundenes Suchformular<\/figcaption><\/figure>\n\n\n\n<p>F\u00fcr welche der drei beschriebenen Methoden zur Einbindung eines Suchfelds in der Men\u00fcleiste Du Dich entscheidest, ist Geschmackssache. Verf\u00fcgst Du \u00fcber CSS-, HTML- und PHP-Kenntnisse, ist die Variante ohne Plugin zu bevorzugen \u2013 einfach, weil sie weniger Ressourcen am Webserver verbraucht und ein Plugin weniger auch bedeutet, eine potenzielle Fehlerquelle weniger in Deiner WordPress-Installation zu haben.<\/p>\n\n\n\n<p>Du suchst noch ein passendes Hosting f\u00fcr Dein WordPress-Projekt?<\/p>\n\n\n<a href=\"https:\/\/www.strato.de\/hosting\/wordpress-hosting\/?utm_source=Blogartikel&#038;utm_medium=Blogartikel&#038;utm_campaign=wordpress-suchfeld-navigation&#038;campaign=strato.de\/blog\/Artikel\/wordpress-suchfeld-navigation&#038;swtssa=&amp;swtssa=gersc0000000000000000tffc\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-strato-blue strato-c2a\">Zu unseren WordPress-Angeboten<\/a>","protected":false},"excerpt":{"rendered":"<p>Obwohl eine Suchfunktion in der Navigationsleiste zum Standard jeder Website geh\u00f6rt, fehlt sie in vielen WordPress-Themes. Wie Du die Suche dennoch einfach ins Navigationsmen\u00fc integrierst, zeigt dieser Workshop.<\/p>\n","protected":false},"author":20,"featured_media":96793,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[440,490],"tags":[51,55,261],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WordPress-Navigationsleiste mit Suchfeld erg\u00e4nzen<\/title>\n<meta name=\"description\" content=\"Eine Suchfunktion in der Navigationsleiste geh\u00f6rt zum Standard, fehlt aber in vielen Wordpress-Themes. So integrierst Du das Suchfeld ganz einfach.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress-Navigationsleiste mit Suchfeld erg\u00e4nzen\" \/>\n<meta property=\"og:description\" content=\"Eine Suchfunktion in der Navigationsleiste geh\u00f6rt zum Standard, fehlt aber in vielen Wordpress-Themes. So integrierst Du das Suchfeld ganz einfach.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-suchfeld-navigation\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO Blog DE Staging\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/strato\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-24T12:47:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-24T12:47:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/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=\"xxxxxxxx\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:site\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"xxxxxxxx\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-suchfeld-navigation\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-suchfeld-navigation\/\",\"name\":\"WordPress-Navigationsleiste mit Suchfeld erg\u00e4nzen\",\"isPartOf\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\"},\"datePublished\":\"2021-03-24T12:47:56+00:00\",\"dateModified\":\"2021-03-24T12:47:57+00:00\",\"author\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1\"},\"description\":\"Eine Suchfunktion in der Navigationsleiste geh\u00f6rt zum Standard, fehlt aber in vielen Wordpress-Themes. So integrierst Du das Suchfeld ganz einfach.\",\"breadcrumb\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-suchfeld-navigation\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-suchfeld-navigation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-suchfeld-navigation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress-Navigationsleiste mit Suchfeld erg\u00e4nzen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\",\"name\":\"STRATO Blog DE Staging\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1\",\"name\":\"xxxxxxxx\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g\",\"caption\":\"xxxxxxxx\"},\"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:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress-Navigationsleiste mit Suchfeld erg\u00e4nzen","description":"Eine Suchfunktion in der Navigationsleiste geh\u00f6rt zum Standard, fehlt aber in vielen Wordpress-Themes. So integrierst Du das Suchfeld ganz einfach.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"WordPress-Navigationsleiste mit Suchfeld erg\u00e4nzen","og_description":"Eine Suchfunktion in der Navigationsleiste geh\u00f6rt zum Standard, fehlt aber in vielen Wordpress-Themes. So integrierst Du das Suchfeld ganz einfach.","og_url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-suchfeld-navigation\/","og_site_name":"STRATO Blog DE Staging","article_publisher":"https:\/\/www.facebook.com\/strato","article_published_time":"2021-03-24T12:47:56+00:00","article_modified_time":"2021-03-24T12:47:57+00:00","og_image":[{"width":728,"height":409,"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2021\/03\/Beitragsbild-WP-Suchfeld.jpg","type":"image\/jpeg"}],"author":"xxxxxxxx","twitter_card":"summary_large_image","twitter_creator":"@STRATO_AG","twitter_site":"@STRATO_AG","twitter_misc":{"Verfasst von":"xxxxxxxx","Gesch\u00e4tzte Lesezeit":"6 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-suchfeld-navigation\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-suchfeld-navigation\/","name":"WordPress-Navigationsleiste mit Suchfeld erg\u00e4nzen","isPartOf":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website"},"datePublished":"2021-03-24T12:47:56+00:00","dateModified":"2021-03-24T12:47:57+00:00","author":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1"},"description":"Eine Suchfunktion in der Navigationsleiste geh\u00f6rt zum Standard, fehlt aber in vielen Wordpress-Themes. So integrierst Du das Suchfeld ganz einfach.","breadcrumb":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-suchfeld-navigation\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-suchfeld-navigation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-suchfeld-navigation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress-Navigationsleiste mit Suchfeld erg\u00e4nzen"}]},{"@type":"WebSite","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/","name":"STRATO Blog DE Staging","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1","name":"xxxxxxxx","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g","caption":"xxxxxxxx"},"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:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/"}]}},"_links":{"self":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/95404"}],"collection":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/comments?post=95404"}],"version-history":[{"count":4,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/95404\/revisions"}],"predecessor-version":[{"id":96794,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/95404\/revisions\/96794"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media\/96793"}],"wp:attachment":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media?parent=95404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/categories?post=95404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/tags?post=95404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}