Jak dodać formularz wyszukiwania do wpisu w WordPressie

Chcesz zwiększyć zaangażowanie na swoim blogu WordPress?

Dodanie formularza wyszukiwania do swoich wpisów może wydawać się nietypowe, ale jest zaskakująco skuteczne, zwłaszcza w przypadku stron bogatych w treści, takich jak magazyny internetowe.

Zamiast polegać wyłącznie na pasku wyszukiwania w nagłówku lub pasku bocznym, umieszczenie go w treści zachęca czytelników do dalszego eksplorowania. To niewielka zmiana, która może prowadzić do dłuższych sesji i większej liczby wyświetleń stron.

W tym przewodniku pokażemy krok po kroku, jak dodać formularz wyszukiwania do swojego wpisu na WordPressie, niezależnie od używanego motywu. Zacznijmy!

Dlaczego dodać formularz wyszukiwania do swoich wpisów na WordPressie?

Jeśli odwiedzający polubią wpis na Twojej stronie WordPress, prawdopodobnie będą chcieli przeczytać więcej. Dodając formularz wyszukiwania do wpisu, możesz pomóc odwiedzającym znaleźć więcej blogów, które ich interesują.

W ten sposób możesz zwiększyć liczbę wyświetleń stron i zmniejszyć współczynnik odrzuceń.

Im dłużej odwiedzający przebywają na Twojej stronie, tym większa szansa, że dołączą do Twojej listy e-mail, zostawią komentarz, dokonają zakupu, zaczną Cię obserwować w mediach społecznościowych lub podejmą inne pozytywne działania.

W tym przewodniku pokażemy Ci, jak dodać standardowy formularz wyszukiwania WordPress do swoich wpisów. Jeśli chcesz zamiast tego użyć niestandardowego formularza, zapoznaj się z naszym przewodnikiem krok po kroku jak utworzyć niestandardowy formularz wyszukiwania WordPress.

Mając to na uwadze, przedstawimy trzy metody dodawania formularza wyszukiwania do wpisu na WordPressie. Po prostu użyj poniższych szybkich linków, aby przejść bezpośrednio do wybranej metody:

• Metoda 1. Dodaj formularz wyszukiwania do wpisu WordPress (działa z każdym motywem)
• Metoda 2. Dodaj formularz wyszukiwania do wszystkich postów WordPress (motywy oparte na blokach)
• Method 3. Add a Search Bar to All WordPress Posts With Code (Works With Any Theme)
• Często zadawane pytania dotyczące dodawania formularza wyszukiwania w WordPress

Zacznijmy.

Metoda 1. Dodaj formularz wyszukiwania do wpisu WordPress (działa z każdym motywem)

Najprostszym sposobem dodania formularza wyszukiwania do Twoich wpisów jest użycie wbudowanego bloku Wyszukiwanie.

W tym przewodniku pokażemy Ci, jak dodać blok do wpisu, ale możesz go również dodać do dowolnej strony lub obszaru gotowego na widżety na swojej stronie.

Zalecamy również dodanie tego na dole posta, aby uniknąć zakłócania doświadczenia czytania.

Aby rozpocząć, po prostu otwórz stronę, na której chcesz dodać formularz wyszukiwania. W edytorze bloków WordPress kliknij ikonę +.

W wyskakującym okienku wpisz „Search”. Gdy pojawi się odpowiedni blok, kliknij, aby dodać go do strony.

Domyślnie blok używa „Szukaj” zarówno dla etykiety, jak i tekstu przycisku. Ten tekst będzie widoczny dla odwiedzających, więc możesz chcieć zastąpić go czymś bardziej opisowym.

Na przykład, jeśli dodajesz pasek wyszukiwania do bloga WordPress, możesz chcieć użyć opcji „Szukaj ostatnich postów na blogu” lub podobnej.

Możesz nawet użyć tekstu etykiety i przycisku, aby zmotywować swoich odwiedzających.

Na przykład, jeśli utworzyłeś sklep internetowy, możesz użyć czegoś w stylu „Znajdź więcej świetnych ofert” lub „Szukaj podobnych ofert” dla swojego formularza wyszukiwania produktów.

Możesz również dodać tekst zastępczy. Ten tekst zniknie automatycznie, gdy odwiedzający zacznie pisać.

Aby dodać tekst zastępczy, po prostu kliknij „Opcjonalny tekst zastępczy…” i zacznij pisać.

Domyślnie WordPress będzie używał Twojego motywu do stylizacji paska wyszukiwania.

Możesz jednak zmienić tło przycisku i kolor tekstu za pomocą ustawień „Kolor” w menu po prawej stronie. Pomoże to Twojemu paskowi wyszukiwania wyróżnić się na tle reszty Twojej witryny.

Gdy będziesz zadowolony z wyglądu bloku wyszukiwania, możesz opublikować lub zaktualizować wpis. Jeśli odwiedzisz swoją witrynę, zobaczysz teraz pasek wyszukiwania w treści wpisu.

Możesz dodać formularz wyszukiwania do większej liczby wpisów i stron WordPress, postępując zgodnie z powyższym procesem. Szczegółowe instrukcje dotyczące dodawania paska wyszukiwania do paska bocznego lub podobnej sekcji znajdziesz w naszym przewodniku jak dodawać i używać widżetów w WordPress.

Metoda 2. Dodaj formularz wyszukiwania do wszystkich wpisów WordPress (motywy oparte na blokach)

Jeśli używasz motywu opartego na blokach takiego jak ThemeIsle Hestia Pro, możesz dodać pasek wyszukiwania do szablonu, którego WordPress używa dla wszystkich Twoich wpisów na blogu.

W ten sposób możesz szybko i łatwo dodać pasek wyszukiwania do każdego pojedynczego wpisu na blogu na całej swojej witrynie WordPress.

Aby otworzyć edytor pełnej witryny, przejdź do Motywy » Edytor w panelu administracyjnym WordPress.

Domyślnie edytor pełnej witryny wyświetla szablon główny Twojego motywu.

Aby zobaczyć wszystkie dostępne opcje, wybierz „Szablony” z menu po lewej stronie.

Pokazuje to listę wszystkich szablonów, które składają się na Twój motyw WordPress.

Aby dostosować szablon bloga, kliknij „Pojedynczy”.

WordPress pokaże teraz podgląd układu bloga.

Aby edytować ten szablon, kliknij małą ikonę ołówka.

Teraz zobaczysz ten szablon w edytorze pełnej strony.

Aby dodać pasek wyszukiwania, kliknij niebieską ikonę „+”.

W pojawiającym się oknie dialogowym wpisz „Search”, aby znaleźć odpowiedni blok.

Teraz możesz przeciągnąć blok w miejsce, w którym chcesz wyświetlić pasek wyszukiwania.

Aby dostosować tytuł bloku lub tekst zastępczy, po prostu wpisz nową treść w bloku wyszukiwania.

Gdy będziesz zadowolony z wyglądu bloku, kliknij „Zapisz”, aby aktywować pasek wyszukiwania.

Teraz, jeśli odwiedzisz dowolny post na blogu na swojej stronie, zobaczysz pasek wyszukiwania.

Metoda 3. Dodaj pasek wyszukiwania do wszystkich postów WordPress za pomocą kodu (działa z każdym motywem)

Jeśli nie używasz motywu blokowego, ale nadal chcesz, aby pasek wyszukiwania pojawiał się we wszystkich Twoich postach, będziesz musiał użyć kodu.

Aby to zrobić, zalecamy użycie WPCode. Ta wtyczka fragmentów kodu sprawia, że bezpieczne i łatwe jest wstawianie niestandardowego kodu do plików motywu bez ich bezpośredniej edycji. W ten sposób możesz dodawać różne fragmenty kodu bez psucia witryny.

Niektóre z naszych marek partnerskich faktycznie używają WPCode do dodawania i zarządzania niestandardowymi fragmentami kodu. Przetestowaliśmy go również obszernie, a nasze wyniki można znaleźć w naszej szczegółowej recenzji WPCode.

To, co chcesz zrobić, to zainstalować wtyczkę WPCode w WordPressie. Możesz przeczytać nasz przewodnik krok po kroku na temat jak zainstalować wtyczkę WordPress, aby uzyskać więcej informacji.

Następnie przejdź do Fragmenty kodu » + Dodaj fragment. Wybierz „Dodaj własny kod (Nowy fragment)” i kliknij przycisk „Użyj fragmentu”.

Teraz nadaj swojemu nowemu niestandardowemu kodowi nazwę. Może to być coś prostego, jak „Pasek wyszukiwania w postach na blogu”.

Następnie zmień typ kodu na „Fragment PHP”.

Następnie w polu Podgląd kodu skopiuj i wklej poniższy fragment kodu:

// Define the button text and placeholder text. You can customize these values as needed.
$button_text = 'Search'; // The text displayed on the search button
$placeholder_text = 'What are you looking for?'; // The placeholder text in the search input field

// Construct the search form HTML using the defined button text and placeholder text.
$search_form = '<form role="search" method="get" action="' . esc_url(home_url('/')) . '" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search">
                    <label class="wp-block-search__label" for="wp-block-search__input-2">' . esc_html($button_text) . '</label>
                    <div class="wp-block-search__inside-wrapper ">
                        <input class="wp-block-search__input" id="wp-block-search__input-2" placeholder="' . esc_attr($placeholder_text) . '" value="" type="search" name="s" required="">
                        <button aria-label="' . esc_attr($button_text) . '" class="wp-block-search__button wp-element-button" type="submit">' . esc_html($button_text) . '</button>
                    </div>
                </form>';

// Output the search form HTML.
echo $search_form;

Ten kod doda podstawowy pasek wyszukiwania podobny do bloku wyszukiwania. Możesz dostosować przycisk i tekst zastępczy według potrzeb.

Po zakończeniu przewiń w dół i upewnij się, że dla Metody wstawiania wybrano opcję „Automatyczne wstawianie”.

W przypadku Lokalizacji przejdź do zakładki „Specyficzne dla strony” i wybierz tę, która najlepiej odpowiada Twoim kryteriom. Dla przykładu wybraliśmy „Wstaw po treści”.

Po zakończeniu ustaw kod na „Aktywny” i kliknij „Zapisz fragment”.

Powinieneś teraz zobaczyć coś takiego:

Dodatkowe wskazówki: Odkryj wskazówki i triki, aby ulepszyć wyszukiwanie w WordPressie

Blok wyszukiwania wykorzystuje wbudowaną funkcję wyszukiwania WordPress. Jest ona jednak dość ograniczona i niezbyt dobrze pokazuje dokładne wyniki.

W niektórych przypadkach możesz chcieć, aby funkcja wyszukiwania w WordPress była bardziej zaawansowana. Być może chcesz dodać funkcję wyszukiwania według kategorii lub sprawić, aby komentarze do wpisów na blogu były przeszukiwalne.

Właśnie dlatego SearchWP jest tutaj. Ta niestandardowa wtyczka wyszukiwania daje Ci pełną kontrolę nad wyszukiwaniem w witrynie WordPress, dzięki czemu możesz dostarczać dokładniejsze wyniki swoim odwiedzającym.

SearchWP sprawia, że wszystkie części Twojej witryny są przeszukiwalne, w tym pliki PDF, pliki ACF, pliki tekstowe, niestandardowe pola WordPress i wiele innych. Możesz zapoznać się z naszą pełną recenzją SearchWP, aby poznać wszystkie jego funkcje.

Po utworzeniu niestandardowego formularza wyszukiwania możesz dodać go do dowolnej części swojej witryny, używając bloku lub krótkiego kodu.

Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem na temat ulepszania wyszukiwania w WordPressie za pomocą SearchWP.

Często zadawane pytania dotyczące dodawania formularza wyszukiwania w WordPress

Po zrozumieniu korzyści i różnych metod dodawania formularza wyszukiwania do wpisów WordPress, możesz mieć jeszcze kilka pytań. Poniżej odpowiadamy na niektóre częste zapytania, aby pomóc Ci w pełni wykorzystać tę strategię.

Dlaczego chciałbym dodać formularz wyszukiwania do wpisu na blogu?

Dodanie paska wyszukiwania bezpośrednio do Twoich wpisów ułatwia czytelnikom odkrywanie większej ilości Twoich treści, właśnie wtedy, gdy są najbardziej zaangażowani. To sprytny sposób na zwiększenie liczby wyświetleń stron i dłuższe utrzymanie użytkowników na Twojej witrynie.

Czy mogę sprawić, aby formularz wyszukiwania pasował do stylu mojej witryny?

Absolutnie! Większość wtyczek WordPress pozwala dostosować takie rzeczy jak kolory, tekst zastępczy i etykiety, dzięki czemu formularz idealnie wpasowuje się w Twój projekt.

Co jeśli nie używam edytora bloków?

Bez obaw. Jeśli Twój motyw nie obsługuje edycji opartej na blokach, nadal możesz dodać formularz wyszukiwania za pomocą niestandardowego kodu. Wtyczka taka jak WPCode ułatwia i bezpiecznie dodaje te fragmenty do Twojej witryny.

Jak mogę sprawdzić, czy mój formularz wyszukiwania faktycznie działa?

Możesz śledzić wydajność za pomocą narzędzi takich jak Google Analytics. Obserwuj wskaźniki, takie jak czas spędzony na stronie i liczba wyświetleń stron na sesję. Jeśli wzrosną, Twój formularz wyszukiwania w treści działa!

Mamy nadzieję, że ten samouczek pomógł Ci dowiedzieć się, jak dodać formularz wyszukiwania do posta WordPress. Możesz również dowiedzieć się, jak utworzyć formularz kontaktowy w WordPress lub zapoznać się z naszymi rekomendacjami najlepszych wtyczek logiki warunkowej dla 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.