kulturbanause blog


Hier findest Du Artikel, Tutorials, Downloads, Tipps, Hacks, Snippets und aktuelle Szene-News rund um illustratives Webdesign, Social Media und digitale Bildbearbeitung.



Suchfeld automatisch zum WordPress-Menü hinzufügen

wordpress-nav-menu

Seit der WordPress Version 3.0 haben wir die Möglichkeit über das Backend individuelle Navigationsmenüs zu erstellen. Dieses Feature erleichtert nicht nur das Anlegen von Navigationen sondern vor allem auch die spätere Pflege seitens des Kunden oder des Webdesigners.
Nachdem die Unterstützung für diese Menüs im Theme aktiviert ist kann die Navigation entweder per Template-Tag oder per Widget im Theme anzeigen werden. Um diesem Menü nun automatisch auch noch ein Suchfeld hinzuzufügen reicht es die functions.php ein wenig anzupassen.

Trainings von kulturbanause

In individuellen Workshops und Seminaren machen wir dich fit für die Zukunft. Webdesign, Photoshop CS6, WordPress …

Jetzt informieren

Suchfunktion automatisch hinzufügen

Um Menüs im Theme verwenden zu können müssen diese zunächst aktiviert werden. Wie das geht erfahrt Ihr im WordPress-Codex:

wordpress-nav-menu

Jetzt kann mit folgendem Code der Navigationleiste das Suchfeld hinzugefügt werden. Öffnet die function.php und fügt folgenden Code ein. Anschließend erscheint das Suchfeld automatisch als Listenpunkt nach dem Menü.

/* automatisch ein Suchfeld zum wp-nav-menu hinzufügen. */

add_filter('wp_nav_menu_items','add_search_box', 10, 2);
function add_search_box($items, $args) {

        ob_start();
        get_search_form();
        $searchform = ob_get_contents();
        ob_end_clean();

        $items .= '<li>' . $searchform . '</li>';

    return $items;
}
wordpress-nav-menu

via: WP Recipes