Dodanie większej liczby linków do menu WordPress nie pomoże, jeśli odwiedzający nadal nie będą mogli znaleźć tego, czego szukają. A na urządzeniach mobilnych długie menu są szczególnie frustrujące w użyciu. Przechodzenie przez wiele linków jest powolne, a odwiedzający często rezygnują, zanim dotrą do właściwej strony.
Jest to częsty problem na stronach internetowych z dużą ilością treści i stale rosnących. Dlatego wielu użytkowników oczekuje paska wyszukiwania bezpośrednio w menu nawigacyjnym. Jest to szybsze, czystsze i znacznie ułatwia odwiedzającym znajdowanie treści.
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ń.
W tym przewodniku krok po kroku pokażemy, jak dodać pasek wyszukiwania do menu WordPress, korzystając z przyjaznych dla początkujących metod, które działają z większością motywów. 🔎
Dlaczego dodać pasek wyszukiwania do menu nawigacyjnego WordPress?
Pasek wyszukiwania pomaga użytkownikom znaleźć to, czego szukają, nie opuszczając witryny WordPress. Może to poprawić wrażenia użytkownika, zatrzymać odwiedzających na 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. Jeśli chodzi o użytkowników motywów blokowych, możesz po prostu użyć Edytora Pełnej Witryny (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
- FAQ: Jak dodać pasek wyszukiwania w WordPress
- Następne kroki: Ulepsz wyszukiwanie w WordPress
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.
W obszarze administracyjnym WordPress przejdź do Wtyczki » Dodaj nową wtyczkę.
Następnie możesz użyć paska wyszukiwania, aby szybko znaleźć wtyczkę.
Gdy ją znajdziesz, po prostu kliknij „Zainstaluj teraz”, a następnie „Aktywuj”, gdy się pojawi.
Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.
Po aktywacji wtyczki możesz dodać pasek wyszukiwania do swojego 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 Formularze wyszukiwania modalnego SearchWP po lewej stronie ekranu.
Zobaczysz, że wtyczka automatycznie dodała szablon wyszukiwania „Natywny WordPress”.
Kliknij przycisk „Dodaj do menu”.
WordPress doda teraz nowy element „Natywny WordPress” do Twojego menu.
Aby skonfigurować ten element, kliknij go, aby rozwinąć jego ustawienia. 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 swojego motywu.
Tutaj po prostu kliknij „Nawigacja”.
Następnie kliknij przycisk „Edytuj” (ikona ołówka) dla swojego menu nawigacyjnego.
To przekieruje Cię do edytora blokowego.
Na tym etapie kliknij przycisk „+ Dodaj blok” w swoim menu nawigacyjnym.
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 rodzaju „Czego szukasz?”
W panelu bocznego ustawień bloku możesz dowolnie dostosować wygląd paska wyszukiwania. A 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.
Jedną z opcji 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 uczynić swoją wyszukiwarkę jeszcze bardziej przyjazną dla użytkownika, dodając wyniki wyszukiwania na żywo za pomocą 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.
FAQ: Jak dodać pasek wyszukiwania w WordPress
Dodanie paska wyszukiwania do witryny WordPress jest zazwyczaj proste, ale po drodze pojawia się kilka typowych pytań. Poniżej przedstawimy szybkie odpowiedzi na najczęstsze problemy i powiązane funkcje, o które często pytają czytelnicy.
Dlaczego mój pasek wyszukiwania się nie wyświetla?
Dzieje się tak zazwyczaj z powodu Twojego motywu lub miejsca, w którym umieszczony jest widżet wyszukiwania. Niektóre motywy wyświetlają paski wyszukiwania tylko w określonych obszarach, takich jak nagłówek lub pasek boczny. Może być również ukryty przez niestandardowy kod CSS lub nie dodany do odpowiedniego menu lub obszaru widżetu.
Tymczasowe przełączenie na domyślny motyw WordPress może pomóc potwierdzić, czy problem dotyczy motywu. Jeśli używasz wtyczki, upewnij się, że jest ona aktywowana i prawidłowo połączona z ustawieniami menu lub nagłówka.
Jak dodać ikonę wyszukiwania do mojej witryny WordPress?
Wiele motywów WordPress zawiera wbudowaną opcję wyświetlania ikony wyszukiwania w nagłówku lub menu nawigacyjnym. Zazwyczaj można ją znaleźć w sekcji Wygląd » Dostosuj lub w ustawieniach nagłówka motywu.
Jeśli Twój motyw tego nie obsługuje, niektóre wtyczki mogą dodać klikalną ikonę wyszukiwania, która otwiera pasek wyszukiwania. Jest to popularna opcja pozwalająca utrzymać czystość menu, zwłaszcza na urządzeniach mobilnych.
Jak utworzyć przeszukiwalną tabelę w WordPress?
Aby utworzyć przeszukiwalną tabelę, potrzebujesz wtyczki do tabel, która zawiera wbudowaną funkcję wyszukiwania. Te wtyczki pozwalają odwiedzającym wpisywać tekst w polu wyszukiwania i natychmiast filtrować wiersze tabeli na podstawie słów kluczowych.
Jest to przydatne w przypadku tabel cenowych, list produktów, katalogów lub tabel porównawczych, gdzie użytkownicy potrzebują szybko znaleźć konkretne informacje.
Jak wyświetlić pasek wyszukiwania na stronie?
Najprostszym sposobem jest dodanie bloku wyszukiwania do strony za pomocą edytora bloków WordPress. Wystarczy wyszukać blok Wyszukiwanie i umieścić go tam, gdzie chcesz, aby się pojawił.
Niektóre wtyczki i motywy pozwalają również na wyświetlenie paska wyszukiwania za pomocą przycisku lub ikony, która rozwija się po kliknięciu, co dobrze sprawdza się na stronach docelowych lub w układach mobilnych.
Jak dodać pasek wyszukiwania w WordPressie bez wtyczek?
Możesz dodać podstawowy pasek wyszukiwania bez wtyczek, korzystając z wbudowanego bloku lub widżetu wyszukiwania WordPress. Po prostu umieść go na stronie, wpisie, pasku bocznym lub stopce, korzystając z edytora bloków lub ustawień widżetu.
W przypadku zaawansowanego umieszczania, na przykład dodawania wyszukiwania do menu lub nagłówka bez wtyczek, zazwyczaj trzeba będzie edytować pliki motywu lub dodać niestandardowy kod. Dlatego wielu początkujących woli używać wtyczek – jest to szybsze i bezpieczniejsze.
Następne kroki: Ulepsz wyszukiwanie w WordPress
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać pasek wyszukiwania do menu WordPress.
Jeśli chcesz dalej ulepszyć funkcję wyszukiwania swojej witryny WordPress, oto inne wskazówki i triki, które pomogą Ci zacząć:
- Jak używać wielu formularzy wyszukiwania w WordPress
- Jak dostosować stronę wyników wyszukiwania w WordPress
- Jak szukać według kategorii w WordPress
- Jak wykluczyć strony z wyników wyszukiwania WordPress
- Jak dodać wielojęzyczne wyszukiwanie 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://014.leahstevensyj.workers.dev/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://014.leahstevensyj.workers.dev/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://014.leahstevensyj.workers.dev/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.