Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak utworzyć zaawansowany formularz wyszukiwania w WordPress dla własnych typów treści?

Jeśli korzystasz z niestandardowych typów postów, możesz utworzyć formularz, który pozwoli klientom przeszukiwać tylko te treści. Może to pomóc ludziom znaleźć to, czego szukają i zatrzymać ich w witrynie na dłużej.

Przez lata używaliśmy niestandardowych typów postów w kilku naszych witrynach, aby poprawić organizację treści. Ponadto dodaliśmy formularze wyszukiwania specjalnie dla tych typów postów, co doprowadziło do zauważalnego wzrostu liczby wyświetleń tych postów i ogłoszeń.

Wcześniej posty te były trudniejsze do znalezienia, ale teraz, dzięki funkcji wyszukiwania, stały się znacznie łatwiejsze do znalezienia, pomagając większej liczbie użytkowników zaangażować się w treść.

W tym artykule pokażemy, jak krok po kroku łatwo utworzyć zaawansowany formularz wyszukiwania dla własnych typów treści w WordPress.

How to create advanced search form in WordPress for custom oost types

Po co tworzyć zaawansowany formularz wyszukiwania dla własnych typów treści?

Własne typy treści pozwalają wyjść poza wpisy i strony i tworzyć różne typy treści dla twojej witryny internetowej. Na przykład, używamy niestandardowych typów treści tutaj w WPBeginner, aby zorganizować nasze sekcje Deals i Glossary.

Jednak WordPress domyślnie nie uwzględnia własnych typów treści w wynikach wyszukiwania. W rezultacie importerzy mogą przegapić ważne treści, a Ty stracisz liczbę odsłon.

Na szczęście możesz uwzględnić własne typy treści w wynikach wyszukiwania za pomocą wtyczki wyszukiwania WordPress. Możesz nawet pójść o krok dalej i utworzyć zaawansowany formularz, który przeszukuje tylko własne typy treści.

Na przykład w WPBeginner stworzyliśmy własne formularze wyszukiwania typu treści na naszych stronach Oferty i Słowniczek.

An example of a custom search form on the WPBeginner website

Często tego rodzaju zaawansowany formularz wyszukiwania pomaga odwiedzającym szybciej znaleźć to, czego szukają, co poprawia wrażenia odwiedzających i zmniejsza współczynnik odrzuceń.

Najpierw zapoznaj się z naszym przewodnikiem na temat tworzenia niestandardowych typów postów w WordPress. Następnie możesz przejść do naszego poradnika na temat tworzenia zaawansowanego formularza wyszukiwania WordPress dla niestandardowych typów postów poniżej.

Stwórz nowy algorytm wyszukiwania WordPress za pomocą wtyczki WordPress

Najprostszym sposobem na utworzenie zaawansowanego formularza wyszukiwania dla własnych typów treści jest użycie wtyczki SearchWP. Jest to najlepsza wtyczka do wyszukiwania i umożliwia wyszukiwanie treści, które WordPress domyślnie ignoruje.

Możesz na przykład umożliwić przeszukiwanie komentarzy na blogu i dodać indeksowanie i wyszukiwanie plików PDF do twojej witryny internetowej.

Jak skonfigurować SearchWP

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

Po włączaniu należy przejść do SearchWP ” Ustawienia i kliknąć kartę „Ogólne”.

Enter SearchWP license key

Teraz musisz wpisz swoją licencję w polu „Klucz licencyjny”. Informacje te można znaleźć na twoim koncie w witrynie SearchWP.

Po zakończeniu upewnij się, że kliknąłeś przycisk „Zweryfikuj klucz”.

Tworzenie własnego algorytmu wyszukiwania

Twoim kolejnym zadaniem jest stworzenie własnego algorytmu wyszukiwania. Umożliwia on określenie treści, które SearchWP uwzględnia w wynikach wyszukiwania, takich jak strony, wpisy, multimedia i wszelkie niestandardowe typy treści.

Aby rozpocząć, musisz przejść do SearchWP „ Algorithm w twoim kokpicie administracyjnym WordPress.

Creating a search algorithm using SearchWP

Tutaj zobaczysz sekcję dla każdego rodzaju treści, które SearchWP uwzględnia w swoich wynikach wyszukiwania.

Aby dodać własny typ treści, wystarczy kliknąć przycisk „Źródła i ustawienia”.

How to add custom post types to a WordPress search engine

W wyświetlonym okienku zaznacz pole obok każdego niestandardowego typu treści, który chcesz uwzględnić w wynikach wyszukiwania.

Następnie kliknij przycisk „Gotowe”.

Creating a WordPress search form for custom post types

SearchWP utworzy nową sekcję dla każdego niestandardowego typu treści. Każda sekcja zawiera wszystkie atrybuty, które SearchWP uwzględni w swoich wyszukiwaniach, takie jak tytuł, uproszczona nazwa i zajawka.

Jeśli chcesz dodać lub usuwać atrybuty, po prostu kliknij „Dodaj/Usuń atrybuty”.

Creating a search form for custom post types

W wyskakującym okienku zaznacz pole obok każdego atrybutu, który chcesz uwzględnić w wynikach wyszukiwania.

Aby usunąć atrybut, można odznaczyć jego pole wyboru.

Adding attributes to the SearchWP search algorithm

W tym wyskakującym okienku można również ustawić możliwość wyszukiwania pól własnych w WordPress.

Gdy będziesz zadowolony z wprowadzonych zmian, kliknij przycisk „Gotowe”.

Zauważysz, że każdy atrybut ma również pokaz slajdów Application Attribute Relevance. Kontroluje on sposób, w jaki SearchWP szereguje treść podczas budowania strony wyników wyszukiwania w WordPress.

Jeśli atrybut ma wysoką trafność, będzie miał większy wpływ na wyniki wyszukiwania. Natomiast treść, która pasuje do atrybutu o mniejszej trafności, pojawi się niżej w wynikach wyszukiwania.

Na przykład, jeśli przesuniesz suwak „Tytuł” w prawo, a suwak „Treść” w lewo, wówczas tytuł wpisu będzie miał większą wagę niż jego treść.

Creating a custom search form for your WordPress blog or website

Każda witryna WordPress jest wyjątkowa, więc możesz wypróbować różne ustawienia trafności, aby zobaczyć, co daje najbardziej dokładne i pomocne wyniki wyszukiwania.

Na przykład, jeśli utworzyłeś niestandardowy typ treści „opinie klientów” dla twojego sklepu internetowego, to jest to ważna treść, więc możesz chcieć nadać jej wysoką istotność.

Gdy jesteś zadowolony z konfiguracji funkcji wyszukiwania, po prostu przewiń do góry ekranu i kliknij przycisk „Zapisz”.

Saving the custom post type search algorithm

SearchWP odbuduje teraz indeks automatycznie. W zależności od szybkości twojego połączenia internetowego i dostawcy hostingu WordPress, może to potrwać kilka minut.

Gdy tylko zobaczysz „Status indeksu 100%”, będziesz wiedział, że SearchWP dodał twoje własne typy treści do indeksu wyszukiwania.

Rebuilding the WordPress search index

Twój blog WordPress, strona internetowa lub sklep internetowy będą teraz uwzględniać niestandardowe typy postów w wynikach wyszukiwania.

Tworzenie zaawansowanego formularza wyszukiwania dla własnych typów treści

Po wykonaniu tej czynności możesz utworzyć zaawansowany formularz, który przeszukuje tylko twoje własne typy treści.

Aby rozpocząć, przejdź do SearchWP Formularze wyszukiwania i kliknij przycisk „Utwórz nowy”.

Creating a new custom search form

Spowoduje to utworzenie nowego formularza, gotowego do dostosowania do własnych potrzeb.

Aby nadać temu formularzowi unikatową nazwę, kliknij małą ikonkę ołówka obok „Search Form 1”.

Renaming the custom search form using SearchWP

Można teraz wpisać rodzaj nazwy dla własnego formularza wyszukiwania.

To jest tylko dla twojego odniesienia, więc możesz użyć czegokolwiek, co pomoże ci zidentyfikować formularz w twoim kokpicie WordPress. Jest to szczególnie ważne, jeśli planujesz utworzyć wiele formularzy wyszukiwania w WordPress.

Creating an advanced search form using SearchWP

Następnie możesz wybrać układ, którego chcesz użyć, korzystając z miniaturek „Motyw układu”.

Wystarczy kliknąć na poszczególne motywy, aby zobaczyć podgląd tego, jak dany styl będzie wyglądał na twojej witrynie internetowej WordPress.

Choosing a theme for the custom search form

Aby utworzyć formularz wyszukiwania dla niestandardowych typów postów, zazwyczaj należy użyć opcji „Podstawowe” lub „Szybkie wyszukiwanie”.

Style te nie pozwalają klientom na wyszukiwanie według kategorii, co pomaga im skupić się na własnych typach treści.

Creating a quick search form for your WordPress website or blog

Po podjęciu twojej decyzji, przewiń do sekcji „Własny konfigurator”.

Ustawienia, które zobaczysz, mogą się różnić w zależności od twojego układu motywu. Na przykład, jeśli wybrano opcję „Szybkie wyszukiwanie”, to ustawienie „Szybkie wyszukiwanie” będzie włączone domyślnie.

Adding custom styling to a search bar in WordPress

Poszczególne opcje można wyłączać i włączać za pomocą przełączników.

Podgląd na żywo będzie aktualizowany automatycznie po wprowadzeniu zmian, dzięki czemu można wypróbować różne ustawienia, aby zobaczyć, co działa najlepiej.

Domyślnie formularz przeszukuje media, strony i posty i ignoruje niestandardowe typy postów. Aby uwzględnić niestandardowe typy postów, należy znaleźć pole „Typ wyszukiwania” i kliknąć je.

Searching posts, pages, media, and more using SearchWP

Możesz teraz wpisać nazwę każdego własnego typu wpisu.

Gdy pojawi się odpowiedni typ treści, kliknij go, aby dodać go do wyszukiwania.

Adding custom types to a WordPress search bar or form

Czy chcesz wyszukiwać tylko własne typy treści i ignorować wszystkie inne treści?

Następnie wystarczy kliknąć mały „X” obok „Media”, „Strony” i „Wpisy”.

Removing post types from a custom search algorithm

Po wykonaniu tej czynności formularz będzie przeszukiwał tylko twoje własne typy treści.

Gdy będziesz zadowolony z konfiguracji formularza, przejdź do sekcji „Styl formularza”. Tutaj możesz wybierać między różnymi stylami formularzy, dodawać obramowanie, zmieniać wielkość liter i nie tylko.

Changing the WordPress form style

W sekcji „Styl przycisku” można dostosować przycisk „Szukaj” wyświetlany w formularzu.

Gdy będziesz zadowolony z konfiguracji formularza, przewiń do góry ekranu i kliknij „Zapisz”, aby zapisać twoje ustawienia.

Saving the custom search settings on your website or blog

Jak dodać własne typy treści do WordPressa?

Teraz możesz dodać formularz wyszukiwania do WordPressa za pomocą krótkiego kodu lub bloku.

Najprostszą metodą jest użycie bloku, więc przejdź do strony lub wpisu, w którym chcesz dodać niestandardowy formularz typu treści.

Następnie możesz kliknąć ikonkę „+” i wpisać „Search Form”.

Adding a search block to your WordPress blog or website

Gdy pojawi się odpowiedni blok, kliknij go.

Następnie otwórz menu rozwijane „Wybierz formularz” i wybierz formularz wyszukiwania utworzony podczas tego poradnika.

Showing a custom search from in WordPress

Gdy będziesz gotowy do uruchomienia formularza wyszukiwania, po prostu kliknij „Aktualizuj” lub „Opublikuj”. Teraz możesz przejść na twoją witrynę internetową, aby zobaczyć formularz wyszukiwania w działaniu.

Inną opcją jest dodanie formularza wyszukiwania za pomocą krótkiego kodu.

Aby uzyskać krótki kod, musisz przejść do SearchWP Formularze wyszukiwania. Tutaj znajdź formularz wyszukiwania, który chcesz wyświetlić i skopiuj wartość w kolumnie „Krótki kod”.

Getting the shortcode for a custom search form

Teraz możesz dodać krótki kod do dowolnej strony, wpisu lub obszaru gotowego na widżet. Aby uzyskać instrukcje krok po kroku, jak to zrobić, zapoznaj się z naszym przewodnikiem na temat dodawania krótkiego kodu w WordPress.

Bonus: Dodaj własne typy treści do twojego kanału RSS

Teraz, gdy utworzyłeś formularz wyszukiwania dla własnych typów treści, możesz również dodać je do głównego kanału RSS. Ułatwi to użytkownikom odkrywanie większej ilości treści na twojej witrynie internetowej i subskrybowanie ich.

Ponadto zezwolenie na własne typy treści w głównym kanale RSS może zwiększyć SEO twojej witryny.

Aby to zrobić, będziesz musiał dodać następujący własny kod do pliku functions.php. Pamiętaj, że może to być nieco niebezpieczne, ponieważ najmniejszy z nich może zepsuć twoją witrynę internetową.

function myfeed_request($qv) {
if (isset($qv['feed']))
$qv['post_type'] = get_post_types();
return $qv;
}
add_filter('request', 'myfeed_request');

Dlatego zalecamy korzystanie z WPCode. Jest to najlepsza wtyczka do fragmentów kodu WordPress i najbezpieczniejszy sposób dodawania własnego kodu.

Po włączeniu wtyczki wystarczy przejść na stronę Code Snippets ” + Add Snippet i wybrać opcję „Add Your Custom Code (New Snippet)”.

addnewsnippet

Spowoduje to przekierowanie do strony „Create Custom Snippet”, gdzie należy dodać nazwę fragmentu kodu i wybrać „PHP Snippet” jako typ kodu.

Następnie można dodać kod i przełączyć przełącznik „Nieaktywny” na „Aktywny”.

Save Snippet for adding custom post type to WordPress RSS feed

Następnie kliknij przycisk „Zapisz fragment kodu”, aby zapisać twoje ustawienia. Twoje własne typy treści zostały teraz dodane do głównego kanału RSS WordPress.

Aby uzyskać szczegółowe informacje, zapoznaj się z naszym poradnikiem na temat dodawania własnych typów treści do głównego kanału RSS WordPress.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak utworzyć zaawansowany formularz wyszukiwania w WordPress dla niestandardowych typów postów. Możesz również zapoznać się z naszym poradnikiem na temat korzystania z wielu formularzy wyszukiwania w WordPressie i naszym przewodnikiem na temat wykluczania określonych stron, autorów i nie tylko z wyszukiwania w WordPressie.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

35 komentarzyZostaw odpowiedź

  1. tinhbeng

    Hi,
    How to me can add product post type in here?

    Thank,

  2. vijay

    Thanks for the information, I want to know whether there is any way I can have dropdown style of search forms, as I have large number of post types, it would make it look ugly if I put all of them below search bar.

  3. Penguin

    Hi, Thanks a lot. This works pretty good for me. I am using dropdown instead of checkbox. But how can I style it to make it smilar to the one in LinkedIn header search section? Does that requires javascript? Do I use font icons for that? I am using fontawesome in my header. But I don’t know how to integrate this with fontawesome in a dropdown.

  4. mayur

    Sir.. can you plz attach screenshot with tutorials afterwords?? i think it’s more helpful for us..

  5. Brad

    How could I use this to search a custom table of data. This is for a sports team site, and basically, I need a search box where someone can „Search by”: Last name, First name, or Team.

    So how can I search by a field name?

  6. Darren

    This is an awesome tutorial, thank you.

    Is there a way that I could mix this with categories? So that I could have both custom post types and categories selectable?

    Thanks again :).

  7. ONEEEZY

    Dang.. still nothing. . .

  8. Marie

    Hi, there isn’t a way to tell the engine to automatically list all terms or tags or custom field? thanks

  9. Elliott

    Nice tutorial… Am designing a custom search for my new site at the moment.

    Curious why you don’t think searching on pages is a good idea?

    • Editorial Staff

      You can search pages except in most cases your about page, contact page, legal page, privacy policy page are mostly irrelevant.

      Administrator

  10. Fakeuser

    I’m getting this error after changing the name of the input fields to s[]

    Warning: stripslashes() expects parameter 1 to be string, array given in wp-includes\query.php on line 2179

    I’ve changed the call to stripslashes() call to stripslashes_deep() but it broke other thigs… any sugestions?

  11. Benjamin Wilde

    I’m looking for a way to have a form with separate controls for location AND category, both in dropdown boxes. Obviously I can do this, but I have no idea how to do a multiple-query search in Wordpress. Any ideas?

  12. Aldo Valverde

    Do you think is it possible to do the same but including Post Type Categories as well….

    …I mean, the same Post Type checkboxes and when user select an specific checkbox that appear-down other checkboxes but as categories and filter even more the Search of Wordpress ?

  13. Rocky Ouprasith

    Awesome! thanks for the help!
    there is one thing though…

    my post types are all styled differently.
    how can I assign the template of a post type with the correct post types?

    thanks!

    • Editorial Staff

      Use CSS classes. Each post outputs its own post classes i.e categories, post types etc.

      Administrator

  14. SDesign

    Great tutorial! One question though: What would the syntax be for making the checkboxes in the form use taxonomies rather than post types?

    Would something like this work?:

    Perhaps this is worthy of another tutorial. Any additional help is greatly appreciated.

    • Thad

      Ever come across anything that explains this?

      • SDESIGN

        No, I decided to go with custom post types instead.

        If anyone has any insight, on this it would be greatly appreciated.

        The specific question is how to make something like this work using taxonomies instead of post types?

  15. CathieHeart

    Hi, you wouldn’t happen to also have a section to add maybe for those of us wanting to a dropdown menu search form interface rather than checkboxes? 
    Thanks.

  16. mainaPlus

    Does this work with a buddypress enabled site?

  17. Robin

    Would this be able to work with a buddypress enabled site?

  18. Herny Louis

    Thanks Syed and David. Need to test it on one of my websites. Definitely this kind of categorization will help visitors to do narrow search.

  19. zachshallbetter1

    I would love to see a way to do this with custom fields as well.

    • oneeezy

      Yes!
      What Zach said…

      It would be ideal to have this „Advanced Form” be able to search through custom fields. You could make the ultimate search form this way. Any takers??? C’mon WP Beginner!!

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.