Dodawanie paska wyszukiwania do Menu WordPress

Czy chcesz dodać pasek wyszukiwania do menu nawigacyjnego WordPress?

Domyślnie WordPress pozwala dodać wyszukiwanie do paska bocznego witryny, stopki i innych obszarów gotowych do widżetów. Jednak wielu użytkowników woli mieć pole wyszukiwania WordPress w menu nawigacyjnym, ponieważ jest łatwo zauważalne na górze.

W tym artykule pokażemy, jak łatwo dodać pasek wyszukiwania do menu WordPress bez wiedzy o kodowaniu.

Adding a Search Bar to WordPress Menu

Dlaczego warto dodać pasek wyszukiwania do menu nawigacji WordPress

Pasek wyszukiwania ułatwia użytkownikom znalezienie tego, czego szukają bez opuszczania witryny WordPress. Pomaga poprawić wrażenia użytkownika w witrynie i zwiększa zaangażowanie.

Dlatego większość ekspertów od użyteczności zaleca dodanie opcji wyszukiwania w menu nawigacyjnym, aby użytkownicy mogli ją łatwo znaleźć. Jednak domyślny widżet wyszukiwania WordPress jest ograniczony tylko do obszarów gotowych do widżetów.

Na szczęście istnieje wiele różnych wtyczek wyszukiwania WordPress, które pozwalają dodać pasek wyszukiwania do różnych lokalizacji w witrynie, w tym menu.

W tym samouczku użyjemy darmowego formularza wyszukiwania modalnego SearchWP. Jest łatwy w użyciu, świetnie wygląda z dowolnym motywem i nie ma negatywnego wpływu na wydajność Twojej witryny.

Mając to na uwadze, przyjrzyjmy się, jak dodać pasek wyszukiwania do menu nawigacyjnego WordPress.

Dodawanie paska wyszukiwania do menu nawigacji WordPress

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę SearchWP Modal Search Form. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić Wygląd ” Menu aby dodać stronę wyszukiwania do menu WordPress. Tam upewnij się, że Menu Główne jest zaznaczone.

Make Sure the Primary Menu Is Selected

Następnie kliknij formularze wyszukiwania modalnego SearchWP, aby wyświetlić ustawienia pozycji menu. Zauważ, że wtyczka automatycznie dodała domyślny szablon wyszukiwania. Należy go wybrać, a następnie kliknąć przycisk „Dodaj do menu”.

Click the 'Add to Menu' Button

Nowa pozycja menu natywnego formularza wyszukiwania modalnego WordPress zostanie dodana do prawej kolumny. Musisz go kliknąć, aby rozwinąć jego ustawienia.

Musisz zmienić nazwę etykiety nawigacyjnej na „szukaj”, a następnie kliknąć przycisk Zapisz Menu, aby zapisać ustawienia.

Rename the Navigation Label to 'Search'

Możesz zobaczyć nową pozycję menu wyszukiwania, odwiedzając witrynę WordPress. Wyskakujące okno wyszukiwania automatycznie przyjmie wygląd Twojego motywu, jak widać na tych dwóch zrzutach ekranu z naszej strony testowej.

Search Preview

Możemy uczynić nasz formularz wyszukiwania jeszcze bardziej przyjaznym dla użytkownika, dodając wyniki wyszukiwania na żywo za pomocą technologii Ajax. Spowoduje to automatyczną aktualizację wyników wyszukiwania w miarę wpisywania zapytań przez odwiedzających.

Najpierw musisz zainstalować i aktywować wtyczkę Searchwp Live Ajax Search. Zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji wtyczka natychmiast zacznie działać. Automatycznie doda wyniki wyszukiwania na żywo do wszystkich formularzy wyszukiwania.

Aby zobaczyć go w akcji, po prostu odwiedź swoją witrynę WordPress i wpisz zapytanie. Wyniki wyszukiwania pojawią się podczas pisania.

Live Search Preview

Aby jeszcze bardziej dostosować swoje wyszukiwanie, zobacz nasz kompletny przewodnik dotyczący ulepszania wyszukiwania WordPress za pomocą SearchWP.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać pasek wyszukiwania do menu WordPress. Możesz również dowiedzieć się, jak wybrać najlepszy hosting WordPress lub zobaczyć naszą listę przydatnych wskazówek, aby przyspieszyć WordPress i zwiększyć wydajność.

Jeśli podoba Ci się ten przewodnik, rozważ subskrypcję naszego kanału YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak stworzyć katalog stron w WordPress (krok po kroku)

W artykule: Co To jest katalog stron www?Metoda 1: Tworzenie katalogu WordPress…

Jak dodać stronę HTML Sitemap w WordPress (2 sposoby)

W artykule: Jaka jest różnica między mapami witryn XML i HTML?Metoda 1.…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

13 darmowych wtyczek do zarządzania użytkownikami dla WordPress (2021)

W artykule: Dlaczego potrzebujesz wtyczki do zarządzania użytkownikami w WordPress?1. Członkowie2. WPForms3.…