Erklärung um in WP Remix die Suche mit ins Menü zu integrieren und neben dem RSS Feed zu platzieren. Ebenfalls kann man ganz einfach das RSS Feed durch die Searchbox ersetzen.

Hier nun der benötigte Code für die Suchfunktion in WP Remix:

<div id="search" style="[HIER KANN DIE POSITION PER CSS ANGEPASST WERDEN]">
   <?php get_search_form(); ?>
</div>

Dieser Code kann nun an die gewünschte Stelle im Menü eingesetzt werden.
Ihr könnt ihn auch in die Sidebar integrieren, aber jetzt zeige ich wie man die Suchfunktion ins Menü integriert.

1. Öffnet eure header.php Datei

Diese befindet sich auf eurem Webspace unter:

“/wordpress/wp-content/themes/wpremix3/includes/header”

2. Editieren der header.php

Scrollt nach unten zu dieser Stelle:

<!--Dropdown navigation -->
<div id="nav">
  <ul id="navmenu-h">
    <?php
        wp_list_pages('sort_column=menu_order&title_li=');
        ?>
 
 
        <?php
        wp_list_categories('title_li=&exclude=1');
        ?>
  </ul>
 
  <div class="rss"><a href="<?php bloginfo('rss2_url'); ?>">RSS FEED</a></div>
</div>
<!--Dropdown navigation #end -->
2.1 Wenn ihr nun die Suchbox vor das RSS Feed setzen wollt, fügt ihr den obrigen Code der Suchfunktion vor das RSS-Feed Div ein:

Hier sieht man jedoch, dass die Suchbox eine meiner Menüpunkte überdeckt. Darauf sollte also geachtet werden!

suchfunktion_rssfeed_menue

Der Code sieht dann so aus:

<!--Dropdown navigation -->
<div id="nav">
  <ul id="navmenu-h">
    <?php
        wp_list_pages('sort_column=menu_order&title_li=');
        ?>
 
 
        <?php
        wp_list_categories('title_li=&exclude=1');
        ?>
  </ul>
 
  <div id="search" style="position:absolute;right:90px;top:-19px;height:20px;"> <?php get_search_form(); ?></div>
  <div class="rss"><a href="<?php bloginfo('rss2_url'); ?>">RSS FEED</a></div>
</div>
<!--Dropdown navigation #end -->
2.2 Wenn ihr den RSS Feed durch die Searchbox ersetzen wollt, ersetzt ihr folglich einfach diesen Code Abschnitt.

Allerdings sollte die Suchbox per CSS an den Header angepasst werden. Ich habe hier die Suchfunktion über das Attribut “right:1px” möglichst weit nach rechts gesetzt. Das kann natürlich alles nach Wünschen angepasst werden.

suchbox_wpremix

Der Code sieht dann so aussehen:

<!--Dropdown navigation -->
<div id="nav">
  <ul id="navmenu-h">
    <?php
        wp_list_pages('sort_column=menu_order&title_li=');
        ?>
 
 
        <?php
        wp_list_categories('title_li=&exclude=1');
        ?>
  </ul>
 
 
  <div id="search" style="position:absolute;right:1px;top:-19px;height:20px;"> <?php get_search_form(); ?></div>
</div>
<!--Dropdown navigation #end -->

Für Verbesserungsvorschläge bin ich natürlich immer offen. Man kann ja nie genug wissen ;)

Related Posts Plugin for WordPress, Blogger...
ÜBER DEN AUTOR

Roman

PG Hey, willkommen auf meinem Blog! Ich bin 24 Jahre alt und studiere Fahrzeug und Flugzeugtechnik an der FH München. In meiner Freizeit betreibe ich diesen Blog und gehe gerne fotografieren. Um mehr über mich und diese Seite zu erfahren, oder Kontakt mit mir aufzunehmen, habe ich die "About-Seite" eingerichtet. Viele Grüße