Przedstawiamy blok zaawansowanego wyszukiwania PostX

Opublikowany: 2023-08-14

Blok wyszukiwania to potężne narzędzie, które może pomóc poprawić wrażenia użytkownika w Twojej witrynie. Pozwala odwiedzającym szybko i łatwo znaleźć treści, których szukają, co prowadzi do zwiększenia zaangażowania i satysfakcji.

Dlatego wprowadzamy blok wyszukiwania zaawansowanego PostX dla WordPress. Omówimy, dlaczego potrzebujesz zaawansowanego bloku wyszukiwania dla swojej witryny, jak korzystać z bloku wyszukiwania PostX i zbadamy jego ustawienia i opcje dostosowywania.

Więc bez dalszych ceregieli, zaczynajmy.

Zawartość ukryj
1 Dlaczego potrzebujesz niestandardowego bloku wyszukiwania dla swojej witryny?
2 Jak korzystać z bloku wyszukiwania PostX
3 Ustawienia i opcje
3.1 Predefiniowane wzorce
3.2 Ustawienie struktury
3.2.1 Wyszukiwanie AJAX
3.2.2 Styl formularza wyszukiwania
3.2.3 Tekst Nie znaleziono wyniku
3.2.4 Włącz wyskakujące okienko wyszukiwania
3.3 Przycisk wyszukiwania
3.3.1 Kliknij, aby przejść do strony wyników wyszukiwania
3.3.2 Włącz tekst/ikonę
3.4 Formularz wyszukiwania
3.4.1 Przycisk wyszukiwania do tyłu
3.4.2 Symbol zastępczy wprowadzania
3.4.3 Wyszukiwanie szerokości formularza / wysokości wprowadzania
3.5 Wynik wyszukiwania
3.6 Więcej wyników
4 Jak dodać blok wyszukiwania PostX w nagłówku/pasku menu
4.1 Krok 1: Włącz dodatek do zapisanego szablonu PostX i utwórz zapisany szablon
4.2 Krok 2: Wklej krótki kod w nagłówku motywu z elementem HTML
5 zasobów, które pokochasz
6 Wniosek

Dlaczego potrzebujesz niestandardowego bloku wyszukiwania dla swojej witryny?

Blok wyszukiwania WordPress to sposób na umożliwienie odwiedzającym znajdowania treści w Twojej witrynie, ale oferuje tylko niewielką elastyczność. Dzięki zaawansowanemu blokowi wyszukiwania PostX możesz zapewnić odwiedzającym większą kontrolę nad wynikami wyszukiwania. Może to być ogromną pomocą dla odwiedzających szukających dokładnych informacji.

Poprawia jakość wyszukiwania: niestandardowy blok wyszukiwania może poprawić jakość wyszukiwania dla odwiedzających witrynę, zapewniając im dokładniejsze wyniki. Dzieje się tak, ponieważ niestandardowy blok wyszukiwania można lepiej dopasować do Twojej witryny i jej zawartości.

Zapewnia lepsze trafne wyniki: niestandardowy blok wyszukiwania może zapewnić dokładniejsze dopasowanie wyników niż domyślny blok wyszukiwania WordPress, ponieważ może dokładniej indeksować zawartość Twojej witryny. Oznacza to, że gdy odwiedzający szukają czegoś w Twojej witrynie, jest bardziej prawdopodobne, że znajdą informacje, których szukają.

Poprawia UX dla odwiedzających: niestandardowy blok wyszukiwania może poprawić UX dla odwiedzających, ułatwiając im znajdowanie informacji, których szukają. Dzieje się tak, ponieważ niestandardowy blok wyszukiwania można zaprojektować tak, aby był przyjazny dla użytkownika i łatwy w użyciu.

Szybsze wykrywanie treści: niestandardowy blok wyszukiwania może przyspieszyć wykrywanie treści, ponieważ indeksuje całą zawartość witryny.

Teraz sprawdźmy, jak korzystać z bloku PostX Search.

Jak korzystać z bloku wyszukiwania PostX

Blok wyszukiwania PostX jest bardzo łatwy w użyciu. Wystarczy zainstalować i aktywować PostX i użyć bloku na swojej stronie/nagłówku.

Aby użyć bloku wyszukiwania PostX:

  • Przejdź do swojej strony/postu.
  • Kliknij ikonę „+” i poszukaj bloku „Wyszukaj – PostX”.
  • Kliknij go lub przeciągnij i upuść, aby dodać blok wyszukiwania.
Adding Search Block to  Page
Dodawanie bloku wyszukiwania do strony

Następnie skonfiguruj ustawienia zgodnie ze swoimi potrzebami. Możesz także ograniczyć liczbę wyświetlanych wyników. Po skonfigurowaniu ustawień możesz opublikować swoją stronę lub post, a odwiedzający mogą korzystać z bloku wyszukiwania.

Przyjrzyjmy się ustawieniom i opcjom dostosowywania, jakie zapewnia blok PostX Search.

Ustawienia i opcje

Blok wyszukiwania PostX oferuje różnorodne ustawienia i opcje dostosowywania. Możesz zmienić wygląd i sposób działania bloku, a także sposób jego działania.

Predefiniowane wzorce

PostX Search Predefined Patterns
Predefiniowane wzorce wyszukiwania PostX

Podobnie jak inne bloki PostX, nowy blok wyszukiwania ma swoje własne „predefiniowane wzorce”. Możesz wybierać spośród odmian i importować je jednym kliknięciem, aby uniknąć kłopotów z dostosowywaniem.

PostX Search 1-click Pattern Import
Wyszukiwanie PostX Import wzorców jednym kliknięciem

Ustawienie struktury

Zabawa z dostosowywaniem zaczyna się od tego ustawienia. Zobaczysz tutaj ustawienia strukturalne bloków wyszukiwania.

Wyszukiwanie AJAX

Ten pasek przełączania umożliwia AJAX wyszukiwanie czytelników. Oznacza to, że jeśli jest włączona za każdym razem, gdy czytelnik/użytkownik wyszukuje zapytanie w pasku wyszukiwania, wyniki będą wyświetlane bezpośrednio tam, bez przechodzenia do strony wyników wyszukiwania.

Search Block AJAX Search
Wyszukiwanie Zablokuj wyszukiwanie AJAX

Wyszukaj styl formularza

Ta opcja pozwala wybrać styl formularza wyszukiwania/pola wyszukiwania spośród 3 różnych odmian.

PostX Search Form Style
Styl formularza wyszukiwania PostX

Brak wyników wyszukiwania Tekst

Gdy użytkownicy wyszukują zapytanie, które nie ma podobnych lub odpowiednich treści/postów do wyświetlenia, widzą tekst „Nie znaleziono wyników”. W tym ustawieniu możesz modyfikować teksty, aby wyświetlać żądane teksty użytkownikom.

Search No Results Found
Szukaj Nie znaleziono wyników

Włącz wyskakujące okienko wyszukiwania

To ustawienie jest dla Ciebie, jeśli chcesz ukryć pełny pasek wyszukiwania z ikoną wyszukiwania. Włączenie tej opcji spowoduje wyświetlenie tylko ikony wyszukiwania. Gdy użytkownicy klikną ikonę, otrzymają wyskakujący pasek wyszukiwania.

Enable Search Popup
Włącz wyskakujące okienko wyszukiwania

Po włączeniu tej opcji możesz również wybrać jedną z 3 odmian ikony w menu rozwijanym „Wybierz styl ikony wyskakującego okienka”.

przycisk wyszukiwania

W tej sekcji ustawień zobaczysz ustawienia związane z przyciskiem wyszukiwania. Od włączania/wyłączania ikon/tekstu po kolory ikon i ustawienia związane z wypełnieniem można znaleźć tutaj.

Kliknij, aby przejść do strony wyników wyszukiwania

Włączenie tej opcji spowoduje utworzenie efektu wyzwalającego w ikonie/tekście wyszukiwania. Tak więc, gdy użytkownicy go klikną, przejdą bezpośrednio do strony wyników wyszukiwania i zobaczą wyniki na podstawie podanego zapytania.

Click to Go to Search Result Page
Kliknij, aby przejść do strony wyników wyszukiwania

Włącz tekst/ikonę

Ten pasek przełączania działa tak, jak sugeruje jego nazwa. Ikonę wyszukiwania można włączać i wyłączać za pomocą pasków przełączania.

Search Block Enable Text

Możesz zrobić to samo dla ikony bloku wyszukiwania.

Search Block Enable Icon
Ikona włączania bloku wyszukiwania

Otrzymasz również następujące ustawienia. Nazwa ustawień odzwierciedla ich działanie, więc zaoszczędzimy Twój cenny czas, nie wyjaśniając ich.

Search Button Typography Settings
Ustawienia typografii przycisku wyszukiwania
  • Rozmiar ikony
  • Kolor ikony (normalny + najechanie kursorem)
  • Kolor tła (normalny + najechanie)
  • Wyściółka
  • Promień granicy

Formularz wyszukiwania

To ustawienie dotyczy sekcji formularza wyszukiwania. Dostaniesz tutaj wiele opcji dostosowywania.

Przycisk wyszukiwania do tyłu

To jest pasek przełączania, aby odwrócić przycisk wyszukiwania w formularzu wyszukiwania. Domyślnie przycisk wyszukiwania znajduje się po prawej stronie formularza wyszukiwania. Włączenie tej opcji spowoduje przesunięcie przycisku w lewo.

Search Button Reverse
Przycisk wyszukiwania do tyłu

Wprowadź symbol zastępczy

Możesz zmienić tekst zastępczy (Tekst wyświetlany w formularzu wyszukiwania w tle). Dodaj lub zmodyfikuj wszystko, co chcesz pokazać użytkownikom w polu tekstowym.

Search Input Placeholder
Wyszukaj symbol zastępczy danych wejściowych

Wyszukaj szerokość formularza / wysokość wejściową

Jest to suwak, który można przeciągać, aby dostosować szerokość formularza wyszukiwania. Możesz dostosować pomiar poziomy (⇔) pola wyszukiwania.

Search Form Width and Height Settings
Wyszukaj ustawienia szerokości i wysokości formularza

Jest to suwak, który można przeciągać, aby dostosować wysokość formularza wyszukiwania. Możesz dostosować pionowy (⇕) wymiar pola wyszukiwania.

Ustawienia Typografii wprowadzania wyszukiwania to ustawienie typograficzne dla pola wyszukiwania (tekst, który użytkownicy wpisują tutaj dla zapytania). Możesz dostosować rozmiar, czcionkę, grubość czcionki, wysokość, odstępy, dekorację, styl i wielkość liter (tytuł, wielkie litery, małe litery).

Otrzymasz również następujące ustawienia formularza wyszukiwania.

Search Form Typography Settings
Ustawienia typografii formularza wyszukiwania
  • Kolor wejściowy (dostosuj kolor tekstu wpisywanego zapytania w polu wyszukiwania)
  • Wprowadź tło (dostosuj kolor tła formularza wyszukiwania)
  • Wprowadź obramowanie fokusu (wybierz kolor obramowania, gdy użytkownicy klikną pole wyszukiwania)
  • Obramowanie wejściowe (wybierz ogólne obramowanie pola wyszukiwania)
  • Wypełnienie wejściowe
  • Promień wejściowy
  • Wyszukaj Wyczyść pozycję ikony (Dostosuj wyczyść ikonę, ikonę „X” w polu wyszukiwania)

Wynik wyszukiwania

Ta sekcja zawiera ustawienia dostosowywania wyświetlanych wyników wyszukiwania w polu wyszukiwania.

Możesz dostosować kolumnę wyników (do 3 treści). Jeśli wybierzesz 1, pole wyszukiwania wyświetli zawartość pionowo (⇕). Jeśli wybierzesz 2/3, pole wyszukiwania pokaże zawartość 2/3 poziomo (⇔) w wynikach wyszukiwania.

Search Result Settings
Ustawienia wyników wyszukiwania

W wynikach wyszukiwania możesz również dostosować następujące opcje:

  • włączyć/wyłączyć fragmenty (treści),
  • pokaż/ukryj kategorię,
  • pokaż/ukryj nazwisko autora,
  • pokaż/ukryj datę publikacji
  • włączać/wyłączać obrazy treści.

Jeśli włączysz obraz w wynikach wyszukiwania, możesz dostosować rozmiar obrazu, promień i odstęp (odstęp między obrazem a treścią).

Znajdziesz tu również wszystkie niezbędne ustawienia typograficzne, takie jak kolor, odstępy, wysokość, szerokość, dopełnienie, separator, cień ramki itp.

Więcej wyników

Jeśli ograniczysz wyniki wyszukiwania, a na Twojej stronie będzie więcej trafnych treści/postów, użytkownicy zobaczą przycisk Wyświetl więcej na końcu wyników wyszukiwania. To są ustawienia dostosowywania dla części Wyświetl więcej wyników w sekcji wyników wyszukiwania.

View More Results Text Setting
Wyświetl więcej wyników Ustawienie tekstu

Możesz włączyć lub wyłączyć sekcję „więcej wyników”, jeśli Twoi użytkownicy nie chcą jej widzieć.

More Results Toggle Bar
Więcej wyników Pasek przełączania

Będziesz mieć również ustawienia typograficzne.

More Results Typography Settings
Więcej ustawień typografii wyników

Otrzymasz także ustawienia Typografia, Kolor i Kolor po najechaniu kursorem, aby wyświetlić więcej tekstu wyników.

Jak dodać blok wyszukiwania PostX w nagłówku / pasku menu

W większości przypadków właściciele witryn chcą dodać blok wyszukiwania w nagłówku, znany również jako pasek menu. Możesz to łatwo zrobić za pomocą PostX.

Dodanie bloku wyszukiwania PostX w pasku menu wiąże się z motywami. Niektóre motywy mogą mieć sekcję widżetów dla nagłówka/paska menu, a niektóre motywy mogą nie.

Jeśli motyw ma panel widżetów na pasku menu/nagłówku, możesz bezpośrednio dodać blok wyszukiwania i dokonać wszystkich niezbędnych dostosowań. Następnie wystarczy zapisać zmiany, a użytkownicy będą mogli zobaczyć i używać pola wyszukiwania PostX w Twojej witrynie.

Jeśli jednak motyw nie ma panelu widżetów, nadal możesz dodać blok wyszukiwania w nagłówku/pasku menu.

Zobaczmy, jak to zrobić.

Krok 1: Włącz dodatek do zapisanego szablonu PostX i utwórz zapisany szablon

Najpierw musisz włączyć dodatek Zapisany szablon. Przejdź do PostX > Dodatki i włącz dodatek Zapisany szablon.

Saved Templates Addon Enabled
Dodatek zapisanych szablonów włączony

Następnie przejdź do PostX > Zapisany szablon > kliknij Dodaj nowy szablon. Teraz dodaj tutaj blok wyszukiwania i wprowadź niezbędne dostosowania. Następnie opublikuj szablon. I wróć do PostX> Zapisany szablon.

Create Saved Templates
Twórz zapisane szablony

Możesz zobaczyć „Shortcode” obok utworzonego zapisanego szablonu. Skopiuj to.

Copy Search Template Shortcode
Skopiuj krótki kod szablonu wyszukiwania

Krok 2: Wklej krótki kod w nagłówku motywów z elementem HTML

Używamy motywu Blocksy, aby pokazać, jak dodać element HTML w nagłówku.

Przejdź do Wygląd > Dostosuj > Nagłówek. Zobaczysz tutaj elementy dostosowywania nagłówka.

Go to Theme Customize
Przejdź do opcji Dostosuj motyw

Przeciągnij i upuść element HTML w żądanej pozycji nagłówka. Następnie kliknij element HTML. Teraz zobaczysz pole tekstowe. Wklej krótki kod skopiowany w kroku 1. I opublikuj stronę.

Adding Search Block with HTML
Dodawanie bloku wyszukiwania za pomocą kodu HTML

Zobaczysz blok wyszukiwania w nagłówku/pasku menu swojej witryny.

Zasoby, które pokochasz

Oto kilka artykułów, które mogą Ci się przydać:

  • Jak tworzyć punktory WordPress za pomocą zaawansowanego bloku list PostX
  • Przedstawiamy blok wierszy/kolumn PostX: perfekcyjnie pokaż zawartość
  • Jak dodać niestandardowe czcionki WordPress: przejmij pełną kontrolę nad typografią
  • Przedstawiamy dodatek PostX ChatGPT: generator treści AI WordPress
  • Filtr bloga WordPress: Jak dodać filtr na stronie bloga WordPress

Wniosek

Zaawansowany blok wyszukiwania PostX to potężne narzędzie, które może pomóc w poprawie komfortu użytkowania Twojej witryny. Pozwala odwiedzającym szybko i łatwo znaleźć treści, których szukają, co prowadzi do zwiększenia zaangażowania i satysfakcji.

Zaawansowany blok wyszukiwania PostX to świetna opcja do ulepszenia funkcji wyszukiwania w Twojej witrynie.

Możesz obejrzeć samouczki wideo WordPress na naszym kanale YouTube. Znajdź nas również na Facebooku i Twitterze, aby otrzymywać regularne aktualizacje!

Podoba Ci się ten artykuł? Rozgłosić
  • WordPress Christmas and Year-End Sales

    Najlepsze świąteczne i świąteczne wyprzedaże WordPress w 2022 r. – 23

  • How to Create Your Blog in 5 Minutes Using Premade Layouts 1

    Jak stworzyć swojego bloga w 5 minut, korzystając z gotowych układów

  • How to Show Blog Post Meta Data in WordPress

    Jak wyświetlić metadane postów na blogu w WordPress

  • Best WordPress Black Friday Deals

    Najlepsze oferty i rabaty WordPress w Czarny piątek: wydawaj mniej, kup więcej