X

Ajouter un formulaire de recherche à un menu wp_nav_menu spécifique

Snippets by IsItWP

Le plus souvent, un formulaire de recherche fait partie de l’en-tête du site web. Vous pouvez personnaliser le menu de navigation et y ajouter un formulaire de recherche.

Instructions : Ajoutez le code suivant au fichier functions.php de votre thème WordPress pour ajouter un formulaire de recherche à un menu wp_nav_menu spécifique. Si vous avez plusieurs menus, remplacez MENU-NAME par le nom du menu dans lequel vous souhaitez ajouter le formulaire de recherche.

add_filter('wp_nav_menu_items', 'add_search_form', 10, 2);
function add_search_form($items, $args) {
if( $args->theme_location == 'MENU-NAME' )
        $items .= '<li class="search"><form role="search" method="get" id="searchform" action="'.home_url( '/' ).'"><input type="text" value="search" name="s" id="s" /><input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" /></form></li>';
        return $items;
}

Vous pouvez aussi vous amuser à limiter le nombre d’éléments de menu dans WordPress.

Commentaires   laisser une réponse

  1. Hi,

    there is a way to avoid close menu after first click in the input? is happening in my case.

    thank you

    1. You may want check to see if it is an issue with the theme.

  2. I’m trying to figure out how to order the search form within a nav menu. For example a standard menu with Home About Services Contact Us – could I put the search form after Services and before the Contact Us? Or after Home and before About?

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre privacy policy, et que tous les liens sont en nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

WordPress Launch Checklist

L'ultime liste de contrôle pour le lancement de WordPress

Nous avons rassemblé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi le gratuit !