Witryny, które używają wielu kategorii do organizowania wielu treści, wymagają wyszukiwania wielowymiarowego. Bez sposobu na filtrowanie przez tę górę treści i dokładne określenie tego, czego szukają, odwiedzający mogą stać się sfrustrowani i szukać innych opcji online.

witryny eCommerce są oczywistą aplikacją do wyszukiwania fasetowanego. Ebay, Amazon, Zappos, Etsy i praktycznie każda inna udana witryna eCommerce opracowała potężne narzędzie wyszukiwania.

Jednak e-commerce nie jest jedynym miejscem, w którym można zobaczyć wyszukiwanie w akcji. Sieci społecznościowe, Duże blogi i katalogi – tak naprawdę każda strona, która ma wiele treści, które można ściśle skategoryzować – może korzystać z przemyślanej funkcji wyszukiwania.

Istnieje kilka różnych aspektów wtyczek wyszukiwania dostępnych dla WordPress, i rozmawialiśmy o nich wcześniej więcej niż jeden raz. Ale co, jeśli żadna z dostępnych wtyczek nie może tego zrobić dokładnie. co chcesz, żeby zrobili?

Budowanie całkowicie niestandardowego rozwiązania wyszukiwania od podstaw dla większości z nas to nie wchodzi w grę. Jednak WP Advanced Search to darmowy framework, który zrobi dla ciebie ciężką robotę, dzięki czemu możesz zbudować całkowicie niestandardowe i potężne narzędzie wyszukiwania, nawet jeśli nie jesteś pełnoprawnym programistą WordPress.

Faceted search at Amazon can be as broad or as specific as you need it to be.
Wyszukiwanie w Amazon może być tak szerokie lub tak szczegółowe, jak tego potrzebujesz.

Kto może korzystać z Zaawansowanego Wyszukiwania WP?

WP Advanced Search (WPAS) to framework PHP.

Czekaj! Nie odchodź!

Ten samouczek i wpas framework są w zasięgu zarówno dla programistów WordPress, jak i wdrożeniowców. Oczywiście, programiści będą mieli łatwiejsze przejście na początku korzystania z WPAS, ale wdrożeniowcy, którzy trochę bawili się PHP i którzy rozumieją, jak działa WordPress, mogą również nauczyć się efektywnie korzystać z tego frameworka.

Czym tak naprawdę jest wyszukiwanie zaawansowane WP?

To, co robi WPAS, zabiera cały ciężar tworzenia niestandardowego narzędzia wyszukiwania. Wszystkie funkcje, które zasilają aspekty i funkcję wyszukiwania, są tam. Wszystko, co musisz zrobić, to zebrać kawałki razem.

Wystarczy zbudować formularz wyszukiwania i utworzyć szablon lub dwa, aby wyświetlić formularz wyszukiwania i wyniki, a otrzymasz fasetowaną funkcję wyszukiwania, która jest dokładnie. czego szukasz.

Nadal brzmi groźnie? Naprawdę nie jest.

Może to zająć trochę czasu, aby wszystko skonfigurować i działać, ale dostępna dokumentacja jest doskonała i w tym samouczku przeprowadzę Cię przez proces krok po kroku.

Mówiąc o dokumentacji, naprawdę powinieneś iść do przodu i zapoznać się ze stroną dokumentacji WPAS. Ten samouczek i formularze wyszukiwania demo, które są dostępne na stronie dokumentacji, wystarczy dotknąć czubka góry lodowej tego, co można zrobić z WPAS. Jeśli utkniesz lub chcesz wdrożyć aspekt wyszukiwania, który nie jest objęty tym samouczkiem, dokumentacja prawdopodobnie będzie zawierać informacje potrzebne do ukończenia zadania.

The WP Advanced Search Website.
Strona wyszukiwania zaawansowanego WP.

Zakładanie witryny deweloperskiej

Po pierwsze, musisz założyć stronę programistyczną.

Korzystanie z WPAS wymaga edycji plików motywów, więc naprawdę nie powinieneś próbować wdrażać tego narzędzia w witrynie NA ŻYWO. Zamiast tego, oto, co powinieneś zrobić:

  • Zidentyfikuj witrynę, w której chcesz dodać wyszukiwanie fasetowane i przenieś kopię witryny do prywatnego środowiska programistycznego, aby nie można było przypadkowo zepsuć działającej witryny produkcyjnej.
  • Zaimplementuj WPAS w swojej witrynie programistycznej i skonfiguruj i uruchom formularz wyszukiwania.
  • Utwórz kompletną kopię zapasową swojej bieżącej witryny produkcyjnej.
  • Skopiuj odpowiednie pliki motywów z witryny deweloperskiej do witryny produkcyjnej.
  • Zaimplementuj nowe narzędzie wyszukiwania w zakładzie produkcyjnym.

Uwaga: nie próbuj wdrażać tego narzędzia w miejscu produkcji na żywo, z oczywistych powodów. Graj bezpiecznie i wypróbuj to narzędzie, w którym nic nie złamiesz.

The WP Advanced Search Github page.
The WP Advanced Search Github page.

Pobierz Framework

WPAS jest hostowany na Github. Możesz pobrać najnowszą wersję tutaj.

Framework został zaprojektowany do instalacji bezpośrednio w aktywnym motywie. Jeśli aktywny motyw nie jest motywem potomnym, skonfiguruj i Aktywuj motyw potomny teraz.

Aby zainstalować framework rozpakuj plik zip pobrany z Github bezpośrednio do aktywnego katalogu motywu. Następnie zmień nazwę wyodrębnionego pliku wp-Zaawansowane-wyszukiwanie. Po zakończeniu katalog motywów podrzędnych powinien wyglądać mniej więcej tak.

Screenshot of windows explorer with faceted search installed

Ostatnim krokiem w procesie instalacji frameworka jest dodanie jednej linii PHP do motywu funkcje.php plik. Oto linia:

Ładowanie gist 482cec9b28abaabe98e4111a3dd070e6

Po prostu upuść tę linijkę kodu w funkcje.php zaraz po otwarciu znacznika PHP na górze pliku. Kiedy skończysz, funkcje.php powinno wyglądać tak.

Require once

WPAS jest teraz zainstalowany i gotowy do użycia.

Jak działa wyszukiwanie zaawansowane WP

Istnieją cztery ruchome części, które muszą się ze sobą połączyć, aby narzędzie wyszukiwania faceted wpas działało:

  • Framework WPAS musi być zainstalowany na aktywnym temacie. Szach.
  • Formularz wyszukiwania musi zostać utworzony i dodany do aktywnego motywu funkcje.php plik.
  • Formularz wyszukiwania musi być wyświetlany za pomocą szablonu strony wyszukiwania.
  • Aby wyświetlić wyniki wyszukiwania, musi być dostępny szablon wyników wyszukiwania.

Krok pierwszy, instalacja WPAS framework, jest wykonywana. Przejdź do kroku drugiego: Tworzenie formularza wyszukiwania.

Moving on to creating a search form...
Przejście do tworzenia formularza wyszukiwania…

Tworzenie formularza wyszukiwania

Formularze wyszukiwania są tworzone przez napisanie funkcji wyszukiwania i upuszczenie jej do aktywnego motywu funkcje.php plik. Może to zabrzmieć onieśmielająco, ale nie martw się, nie musisz samodzielnie wymyślać tego kroku. Podstawowe funkcje formularza wyszukiwania są gotowe i czekają na ciebie.

Masz kilka różnych opcji, jeśli chodzi o tworzenie pierwszego formularza wyszukiwania. Istnieje bardzo podstawowy formularz wyszukiwania zawarty w instrukcji konfiguracji na stronie dokumentacji WPAS, ale zalecam całkowite pominięcie go. Zamiast tego, spójrz na trzy różne dema na żywo.

  • Standardowe Demo wyszukiwania wyświetla wyniki na stronie wyszukiwania, ale wymaga odświeżenia strony, aby przetworzyć wyniki wyszukiwania i wyświetlić wyniki.
  • Demo wyszukiwania AJAX wygląda jak standardowe demo, ale ładuje wyniki bez konieczności odświeżania strony.
  • Wyniki na osobnej stronie Demo wyświetla formularz wyszukiwania na jednej stronie i ładuje wyniki wyszukiwania na osobnej stronie.

Każde demo jest dostarczane z kompletnym kodem źródłowym. Tak więc łatwiej jest skonfigurować jedną z wersji demonstracyjnych, niż dowiedzieć się, jak skonfigurować podstawowy formularz wyszukiwania zawarty w instrukcji konfiguracji.

Niezależnie od tego, jakiego formularza wyszukiwania zdecydujesz się użyć, masz pełną kontrolę nad dostosowaniem go, odwołując się do dokumentacji. Więc nie zawiedź się zbytnio na tym, czy formularz wyszukiwania jest dokładnie tym, czego chcesz.

Zdecydowałem się na demo AJAX, a reszta tego samouczka pokazuje, jak zaimplementować to demo.

Korzystając z dostępnej dokumentacji, dokonałem kilku zmian w formularzu wyszukiwania, a następnie dodałem go do mojego motywu funkcje.php plik. Oto, co wynika funkcje.php na to wygląda.

Ładowanie gist 3befd36763804b96203f0bdf94f4a799

Jeśli przyjrzysz się bliżej oryginalnemu kodowi źródłowemu formularza wyszukiwania AJAX, zobaczysz, że zrobiłem dwie godne uwagi modyfikacje oryginalnego formularza wyszukiwania:

  1. Usunąłem pole oraz param od post_type w wp_query parametr i dodano post. Oryginalne strony formularza oraz dwa niestandardowe typy postów: pola i parametry. Chcę, aby formularz odpytywał tylko stare dobre posty i strony.
  2. Na dole formularza wyszukiwania dodałem Taksonomia pole, abym mógł filtrować wyniki według kategorii.

Wyświetlanie formularza wyszukiwania

Po ustaleniu formularza wyszukiwania musisz gdzieś go wyświetlić. Następnym krokiem jest stworzenie szablonu dla formularza wyszukiwania.

Wyświetlanie Wyszukiwania Z jest łatwe. Wszystko, co musisz zrobić, to użyć podstawowego szablonu strony, który pobiera nagłówek i stopkę witryny, a następnie wstawia formularz wyszukiwania między nimi. Jednym ze sposobów na uzyskanie podstawowego szablonu do pracy jest skopiowanie strona.php szablon z motywu nadrzędnego i usuń wszystko między get_header() oraz get_footer().

Ponieważ pracowałem z demo AJAX, użyłem kodu źródłowego z demo AJAX i upuścił go do podstawowego szablonu strony. Następnie zapisałem ten plik w katalogu głównym motywu potomnego, używając unikalnej i znaczącej nazwy

Oto jak wygląda mój szablon wyszukiwania.

Ładowanie gist 073bd95368f0d68c6f40a826bd9d2a8d

Czy zauważyłeś puste div na końcu szablonu? Ponieważ formularz wyszukiwania AJAX wyświetla zarówno formularz wyszukiwania, jak i wyniki na tej samej stronie, szablon formularza wyszukiwania musi zawierać miejsce wyświetlania wyników wyszukiwania. Że pusty div gdzie będą wyświetlane wyniki.

Tworzenie szablonu wyników wyszukiwania

Jeśli użyłeś standardowego Demo Wyszukiwania, masz tylko dwa pliki, którymi możesz się martwić: funkcje.php i szablon strony wyszukiwania. Gratulacje! Jesteś skończony! Po prostu utwórz nową stronę za pomocą szablonu strony wyszukiwania i przetestuj go.

Jeśli jednak pracujesz z wersją demonstracyjną AJAX lub wyświetlasz wyniki na osobnej stronie, musisz utworzyć jeszcze jeden plik: plik szablonu do zapętlania postów i wyświetlania wyników wyszukiwania. AJAX Demo zapewnia kod potrzebny do utworzenia pliku szablonu dla wyników wyszukiwania, ale wyniki na osobnej stronie Demo nie.

Jeśli korzystasz z wyników na osobnej stronie Demo i potrzebujesz szablonu do wyświetlania wyników wyszukiwania, Użyj szablonu wyników z demo AJAX i upuść go do podstawowego szablonu strony, który zawiera get_header() oraz get_footer(). Następnie ustaw tę stronę jako stronę docelową formularza wyszukiwania – musisz to zrobić, edytując kod formularza wyszukiwania w funkcje.php.

Jeśli zdecydowałeś się na demo AJAX, tak jak ja, szablon wyników wyszukiwania jest dla ciebie. Proszę bardzo.:

Ładowanie gist 4adda42ac1825a459a9308229f9e1c96

Ponieważ ten szablon będzie używany do zwracania i wyświetlania wyników bezpośrednio na stronie wyszukiwania, nie zawiera get_header() oraz get_footer(), tylko pętla, która wyświetli nasze wyniki wyszukiwania.

Nie wprowadziłem żadnych zmian w tym szablonie poza dostosowaniem komentarzy u góry pliku. Ten krok jest prostym ćwiczeniem Kopiuj i wklej. Upewnij się tylko, że nazwa szablonu wyników wyszukiwania jest poprawnie uwzględniona w funkcji formularza wyszukiwania w funkcje.php.

Make sure your search function targets your search results template.
Upewnij się, że funkcja wyszukiwania jest skierowana na szablon wyników wyszukiwania.

W tym momencie trochę zamieszania jest zrozumiałe. Aby wyjaśnić, oto spojrzenie na zawartość katalogu motywów potomnych.

Child theme files

Wszystkie trzy pliki, które przeglądaliśmy–funkcje.php, szablon formularza wyszukiwania, który nazwałem ajax-Zaawansowane-wyszukiwanie.php oraz szablon wyników wyszukiwania template-ajax-results.php– są po prostu upuszczone w prawo do katalogu motywów potomnych.

Mając te trzy pliki na miejscu, jesteśmy gotowi do wyświetlenia i wypróbowania nowej funkcji wyszukiwania.

Przetestuj i stylizuj swoją formę

Aby wyświetlić formularz wyszukiwania, Utwórz nową stronę za pomocą szablonu formularza wyszukiwania.

create-new-page

To, jak nazwiesz stronę i jakąkolwiek inną zawartość dodasz do strony, nie jest ważne, o ile wybierzesz odpowiedni szablon. Zrób to, a zakładając, że nie ma błędów w kodzie, zostanie wyświetlony formularz wyszukiwania. Teraz jest czas, aby wypróbować formularz wyszukiwania i dopracować go, odwołując się do dokumentacji. Testuj nowe pola, różne formaty pól i inne parametry pól, dopóki nie będziesz zadowolony.

Po skonfigurowaniu formularza i uruchomieniu będziesz chciał poświęcić trochę czasu na stylizowanie formularza wyszukiwania i wyników za pomocą szablonu podrzędnego styl.css plik lub Twoja ulubiona wtyczka CSS.

W końcu oto, jak okazało się, że mój fasetowany formularz wyszukiwania.

The AJAX search tool I created.
Narzędzie do wyszukiwania AJAX, które stworzyłem.

To dopiero początek

WPAS mogą być używane do budowania prawie każdego rodzaju szlifowanego narzędzia wyszukiwania.

WPAS gra przyjemnie z zaawansowanymi niestandardowymi polami, dzięki czemu możesz tworzyć złożone taksonomie, aby precyzyjnie filtrować wyniki. Albo wyobraź sobie, że połączysz podstawowe pole wyszukiwania tekstowego na stronie głównej swojej witryny z osobną stroną wyników, która zawierała faceted search form i aktualizacje oparte na Ajaxie – wtedy będziesz miał naprawdę imponujące narzędzie wyszukiwania, które nie zaśmiecało Twojej strony głównej, i to takie, które możesz zbudować sam.

To naprawdę dopiero początek tego, co możesz zrobić z WPAS.

Czy uruchomiłeś jedną z wersji demonstracyjnych na swojej stronie programistycznej? Jak możesz użyć tego narzędzia, aby ułatwić odwiedzającym Twoją witrynę znalezienie tego, czego szukają? Daj nam znać, co myślisz w komentarzach poniżej.

Tagi:

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd “nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

9 Najlepsze Darmowe Wtyczki WordPress Author Bio Box

W artykule: 1. Simple Author Box2. Branda3. Autor postu WP4. Author Bio…