{"id":374,"date":"2011-02-19T17:07:59","date_gmt":"2011-02-19T15:07:59","guid":{"rendered":"http:\/\/www.ratje-toe.nl\/wordpress\/?p=374"},"modified":"2011-02-26T18:15:22","modified_gmt":"2011-02-26T16:15:22","slug":"probleem-wordpress-met-theme-atahualpa-zoekveld-in-menubalk","status":"publish","type":"post","link":"https:\/\/www.ratje-toe.nl\/wordpress\/probleem-wordpress-met-theme-atahualpa-zoekveld-in-menubalk\/","title":{"rendered":"Probleem: WordPress met theme Atahualpa: zoekveld in menubalk"},"content":{"rendered":"<p>Beste allemaal,<br \/>\nAls je in WordPress, met als theme Atahualpa, in de theme options bij Style &amp; edit Header area bij &#8216;Show search box?&#8217; kiest voor &#8216;yes&#8217;, dan komt de search box te staan in de balk waar ook het logo en de titel van de site staan.<\/p>\n<p>Ik vond dat niet mooi, en wilde de search box liever in de menubalk hebben. (Een horizontaal menu met daarin links naar de pages, niet de posts.)<\/p>\n<p>V\u00f3\u00f3r ik het zoekveld toevoegde zag de menubalk er z\u00f3 uit:<br \/>\n<a href=\"http:\/\/www.ratje-toe.nl\/wordpress\/wp-content\/uploads\/balk-zonder-zoekveld.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-376\" title=\"balk-zonder-zoekveld\" src=\"http:\/\/www.ratje-toe.nl\/wordpress\/wp-content\/uploads\/balk-zonder-zoekveld-300x25.jpg\" alt=\"balk zonder zoekveld\" width=\"300\" height=\"25\" srcset=\"https:\/\/www.ratje-toe.nl\/wordpress\/wp-content\/uploads\/balk-zonder-zoekveld-300x25.jpg 300w, https:\/\/www.ratje-toe.nl\/wordpress\/wp-content\/uploads\/balk-zonder-zoekveld-1024x87.jpg 1024w, https:\/\/www.ratje-toe.nl\/wordpress\/wp-content\/uploads\/balk-zonder-zoekveld.jpg 1039w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Het toevoegen van het zoekveld aan de menubalk lukt, met enige moeite, maar ik hou een probleem over dat ik niet weet op te lossen.<\/p>\n<p>Z\u00f3 heb ik het gedaan:<br \/>\nIk heb het bestand atahualpa\\functions\\bfa_header_config.php als volgt aangepast:<\/p>\n<p>Zoek \u201c \/\/ Search box\u201d, en haal dat hele stukje weg.<br \/>\nZoek nu de regel \u201c\/\/ Close table if centered\u201d, en plak daarvoor:<\/p>\n<p>\/\/ Search box<br \/>\nif ( $bfa_ata[&#8216;show_search_box&#8217;] == &#8220;Yes&#8221; )<br \/>\n{<br \/>\necho &#8216;&lt;li style=&#8221;float:right; border-top: solid 1px #CCCCCC;\u201d&gt;<br \/>\n&lt;form method=&#8221;get&#8221; action=&#8221;&#8216; . home_url() . &#8216;\/&#8221;&gt;<br \/>\n&lt;div &gt;&#8217; .<br \/>\n\/\/ Check for WP 2.2 which doesn&#8217;t know get_search_query<br \/>\n( function_exists(&#8216;get_search_query&#8217;) ? &#8216;<br \/>\n&lt;input type=&#8221;text&#8221; onfocus=&#8221;this.value=\\&#8221; .<br \/>\n( get_search_query() ? get_search_query() : &#8221; ) . &#8216;\\'&#8221;<br \/>\nvalue=&#8221;&#8216; . ( get_search_query() ? get_search_query() : $bfa_ata[&#8216;searchbox_text&#8217;] ) .<br \/>\n&#8216;&#8221; onblur=&#8221;this.value=\\&#8221; . ( get_search_query() ? get_search_query() :<br \/>\n$bfa_ata[&#8216;searchbox_text&#8217;] ) . &#8216;\\'&#8221; name=&#8221;s&#8221; \/&gt;&#8217; :<br \/>\n&#8216;&lt;input type=&#8221;text&#8221; name=&#8221;s&#8221; \/&gt;&#8217;) .<br \/>\n&#8216;&lt;\/div&gt;<br \/>\n&lt;\/form&gt;<br \/>\n&lt;\/li&gt;<br \/>\n&#8216;;<br \/>\n}<\/p>\n<p>Dat is prima, dat werkt.<\/p>\n<p>Ik heb alleen nog een probleem: hierdoor wordt de menubalk vanzelf hoger. De menubalk en menu-items hebben een dun solid grijs randje, en nu zie je heel goed dat de menu-items minder hoog zijn dan de balk waar ze in zitten. Je kunt ook zien dat het zoekveld net iets te hoog is, waardoor het randje onder het zoekveld verdwijnt. (Randjes ingesteld in Atahualpa Theme Options &#8211; MENU 1 (Page Menu) &#8211; Border around all menu items: solid 1px #cccccc.)<br \/>\nHier zie je het voorbeeld:<\/p>\n<p><a href=\"http:\/\/www.ratje-toe.nl\/wordpress\/wp-content\/uploads\/balk-met-zoekveld.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-375\" title=\"balk-met-zoekveld\" src=\"http:\/\/www.ratje-toe.nl\/wordpress\/wp-content\/uploads\/balk-met-zoekveld-300x29.jpg\" alt=\"balk met zoekveld\" width=\"300\" height=\"29\" srcset=\"https:\/\/www.ratje-toe.nl\/wordpress\/wp-content\/uploads\/balk-met-zoekveld-300x29.jpg 300w, https:\/\/www.ratje-toe.nl\/wordpress\/wp-content\/uploads\/balk-met-zoekveld-1024x99.jpg 1024w, https:\/\/www.ratje-toe.nl\/wordpress\/wp-content\/uploads\/balk-met-zoekveld.jpg 1028w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Dat is niet mooi.<\/p>\n<p>Ik heb wel \u00e9\u00e9n oplossing gevonden, maar die geeft weer andere problemen.<br \/>\nAls ik in Atahualpa Theme Options &#8211; Style Forms &#8211; Form fields: Style dit regeltje toevoeg: &#8220;height: 11px;&#8221;, wordt de menubalk weer mooi. Maar als ik dan een formulier aan een pagina toevoeg met een meerregelig invulveld krijgt dat invulveld nog maar \u00e9\u00e9n regeltje van 11 px.<br \/>\nDaarom is dat toch geen goede oplossing.<\/p>\n<p>Kan iemand mij helpen, heeft iemand een idee?<\/p>\n<p>Dank, Laura<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Beste allemaal, Als je in WordPress, met als theme Atahualpa, in de theme options bij Style &amp; edit Header area bij &#8216;Show search box?&#8217; kiest voor &#8216;yes&#8217;, dan komt de search box te staan in de balk waar ook het logo en de titel van de site staan. Ik vond dat niet mooi, en wilde &hellip; <a href=\"https:\/\/www.ratje-toe.nl\/wordpress\/probleem-wordpress-met-theme-atahualpa-zoekveld-in-menubalk\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Probleem: WordPress met theme Atahualpa: zoekveld in menubalk<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,12],"tags":[],"class_list":["post-374","post","type-post","status-publish","format-standard","hentry","category-bloggen-en-computers-enzo","category-josepha-nl"],"_links":{"self":[{"href":"https:\/\/www.ratje-toe.nl\/wordpress\/wp-json\/wp\/v2\/posts\/374"}],"collection":[{"href":"https:\/\/www.ratje-toe.nl\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ratje-toe.nl\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ratje-toe.nl\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ratje-toe.nl\/wordpress\/wp-json\/wp\/v2\/comments?post=374"}],"version-history":[{"count":11,"href":"https:\/\/www.ratje-toe.nl\/wordpress\/wp-json\/wp\/v2\/posts\/374\/revisions"}],"predecessor-version":[{"id":384,"href":"https:\/\/www.ratje-toe.nl\/wordpress\/wp-json\/wp\/v2\/posts\/374\/revisions\/384"}],"wp:attachment":[{"href":"https:\/\/www.ratje-toe.nl\/wordpress\/wp-json\/wp\/v2\/media?parent=374"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ratje-toe.nl\/wordpress\/wp-json\/wp\/v2\/categories?post=374"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ratje-toe.nl\/wordpress\/wp-json\/wp\/v2\/tags?post=374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}