Jak dodać pole wyszukiwarki do menu?
Chcę dodać ikonkę lupy albo pole wyszukiwarki bezpośrednio w menu nawigacyjnym. Na telefonie ma się otwierać po kliknięciu ikonki, na deskopie może być widoczne od razu. Jak to zrobić w WordPress?
1 Odpowiedź
Hej!
Wyszukiwarka w menu to wygodny element UX – użytkownik nie musi szukać gdzie szukać. I da się to zrobić na kilka sposobów.
Przez functions.php – dodaj formularz do menu
add_filter('wp_nav_menu_items', 'dodaj_wyszukiwarke_do_menu', 10, 2);
function dodaj_wyszukiwarke_do_menu($items, $args) {
if ($args->theme_location === 'primary') {
$items .= '<li class="menu-item menu-search">'
. get_search_form(false)
. '</li>';
}
return $items;
}
Podmień primary na nazwę lokalizacji Twojego menu.
Przez Customizer – jeśli motyw obsługuje
Część motywów (Astra, GeneratePress, Kadence) ma wbudowaną opcję wyszukiwarki w menu przez Wygląd – Dostosuj – Nagłówek. Sprawdź ustawienia swojego motywu zanim sięgniesz po kod.
Przez Elementor Pro
Elementor Pro ma wbudowany widget Search Form w kreatorze nagłówka. Możesz go stylować dowolnie i dodać animację rozwijania. 😊
