Jak dodać formularz wyszukiwania we wpisie WordPress?

Może to brzmieć niekonwencjonalnie, ale jednym z najskuteczniejszych sposobów na zwiększenie zaangażowania w posty WordPress jest dodanie do nich formularza wyszukiwania.

Na początku też byliśmy sceptyczni – w końcu czy pasek wyszukiwania nie jest zwykle umieszczany w nagłówku lub na pasku bocznym? Ale jeśli sprawisz, że będzie on naturalny i nie będzie przeszkadzał w czytaniu, możesz pomóc użytkownikom odkryć nowe treści po przeczytaniu artykułu, który im się podobał.

W tym artykule podzielimy się naszymi metodami dodawania formularza wyszukiwania do postów WordPress.

Po co dodawać formularz wyszukiwania do postów WordPress?

Jeśli odwiedzający polubią wpis na twojej witrynie internetowej 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órymi są zainteresowani.

W ten sposób możesz zwiększyć liczbę twoich odsłon i zmniejszyć współczynnik odrzuceń.

Im dłużej odwiedzający pozostają na twojej witrynie internetowej, tym większa szansa, że dołączą do twojej listy mailingowej, zostawią komentarz, dokonają zakupu, będą śledzić cię w mediach społecznościowych lub podejmą inne pozytywne działania.

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

Powiedziawszy to, przyjrzyjmy się, jak łatwo dodać formularz wyszukiwania we wpisie WordPress. Skorzystaj z poniższych odnośników, aby przejść bezpośrednio do wybranej metody:

Metoda 1. Dodanie formularza wyszukiwania we wpisie WordPress (działa z każdym motywem)

Najprostszym sposobem na dodanie formularza wyszukiwania do postów jest użycie wbudowanego bloku wyszukiwania.

W tym przewodniku pokażemy, jak dodać blok do wpisu, ale można go również dodać do dowolnej strony lub obszaru Twojej witryny przystosowanego do widżetów.

Zalecamy również dodanie go na dole posta, aby uniknąć zakłóceń w czytaniu.

Aby rozpocząć, wystarczy otworzyć stronę, na której chcesz dodać formularz wyszukiwania. W edytorze treści WordPress kliknij ikonkę +.

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

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

Na przykład, jeśli dodajesz pasek wyszukiwania do bloga WordPress, możesz użyć opcji „Wyszukaj ostatnie wpisy na blogu” lub podobnej.

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

Na przykład, jeśli utworzyłeś sklep internetowy, możesz użyć czegoś takiego jak „Znajdź więcej świetnych ofert” lub „Wyszukaj podobne oferty” w formularzu wyszukiwania produktu.

Możesz również dodać tekst zastępczy. Tekst ten zniknie automatycznie, gdy użytkownik zacznie wpisywać rodzaj tekstu.

Aby dodać symbol zastępczy, wystarczy kliknąć „Opcjonalny symbol zastępczy…”, a następnie rozpocząć wpisywanie rodzaju tekstu.

Domyślnie WordPress użyje twojego motywu do stylizacji paska wyszukiwania.

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

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

Możesz dodać formularz wyszukiwania do większej liczby wpisów i stron WordPress, postępując zgodnie z tym samym procesem powyżej. Aby uzyskać szczegółowe instrukcje dotyczące dodawania paska wyszukiwania do panelu bocznego lub podobnej sekcji, zapoznaj się z naszym przewodnikiem na temat dodawania i używania widżetów w WordPress.

Metoda 2. Dodanie formularza wyszukiwania do wszystkich wpisów WordPress(motywy blokowe)

Jeśli korzystasz z motywu opartego na blokach, takiego jak ThemeIsle Hestia Pro, możesz dodać pasek wyszukiwania do szablonu używanego przez WordPress dla wszystkich wpisów na twoim blogu.

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

Aby otworzyć edytor pełnej witryny, przejdź do Motywy „ Edytor w kokpicie WordPress.

Domyślnie w pełnym edytorze witryny wyświetlany jest szablon główny twojego motywu.

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

Wyświetla listę wszystkich szablonów, które składają się na twój motyw WordPress.

Aby dostosować szablon bloga, kliknij „Pojedynczy”.

WordPress wyświetli teraz podgląd układu bloga.

Aby przejść dalej i edytować ten szablon, kliknij małą ikonkę ołówka.

Szablon ten będzie teraz widoczny w edytorze całej witryny.

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

W wyświetlonym oknie wpisz „Szukaj”, aby znaleźć odpowiedni blok.

Możesz teraz przeciągnąć blok do miejsca, w którym chcesz wyświetlić pasek wyszukiwania.

Aby dostosować tytuł bloku lub tekst zastępczy, wystarczy wpisać nową wiadomość w bloku wyszukiwania.

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

Teraz, jeśli przejdziesz do dowolnego wpisu na Twoim blogu w witrynie, zobaczysz pasek wyszukiwania.

Metoda 3. Dodanie paska wyszukiwania do wszystkich wpisów WordPress za pomocą kodu (działa z każdym motywem)

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

Aby to zrobić, zalecamy użycie WPCode. Ta wtyczka do fragmentów kodu umożliwia bezpieczne i łatwe wstawienie własnego kodu do plików twojego motywu bez konieczności ich bezpośredniej edycji. W ten sposób możesz dodawać różne fragmenty kodu bez uszkadzania twojej witryny internetowej.

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

Następnie przejdź do sekcji Fragmenty kodu „ + Dodaj fragment. Wybierz „Add Your Custom Code (New Snippet)” i kliknij przycisk „Use snippet”.

Teraz nadaj twojemu nowemu własnemu kodowi nazwę. Może to być coś prostego, jak „Pasek wyszukiwania we wpisach na blogu”.

Następnie zmień fragment kodu na „PHP Snippet”.

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. Przycisk i tekst zastępczy można dostosować do własnych potrzeb.

Po zakończeniu przewiń w dół i upewnij się, że jako metodę wstawiania wybierasz „Auto Insert”.

Jeśli chodzi o lokalizację, przejdź do karty „Specyficzne dla strony” i wybierz tę, która najlepiej spełnia twoje kryteria. Na potrzeby przykładu wybraliśmy opcję „Wstaw po treści”.

Po zakończeniu wystarczy włączyć kod i kliknąć „Zapisz fragment kodu”.

Powinieneś teraz zobaczyć coś takiego:

Odkryj porady i wskazówki, aby usprawnić wyszukiwanie w WordPress

Blok wyszukiwania korzysta z wbudowanej funkcji wyszukiwania WordPress. Jest ona jednak dość ograniczona i niezbyt dobra w wyświetlaniu dokładnych wyników.

W niektórych przypadkach możesz chcieć, aby twoja funkcja wyszukiwania WordPress była bardziej zaawansowana. Być może chcesz dodać funkcję wyszukiwania według kategorii lub umożliwić przeszukiwanie wpisów na Twoim blogu.

I tu z pomocą przychodzi SearchWP. Ta własna wtyczka wyszukiwania zapewnia pełną kontrolę nad wyszukiwaniem w witrynie WordPress, dzięki czemu możesz dostarczać dokładniejsze wyniki swoim klientom.

SearchWP umożliwia również przeszukiwanie wszystkich części Twojej witryny, w tym plików PDF, plików ACF, plików tekstowych, własnych pól WordPress i innych.

Po utworzeniu własnego formularza wyszukiwania możesz dodać go do dowolnej części twojej witryny internetowej za pomocą bloku lub krótkiego kodu.

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

Mamy nadzieję, że ten poradnik pomógł ci dowiedzieć się, jak dodać formularz wyszukiwania w poście WordPress. Możesz również dowiedzieć się, jak utworzyć formularz kontaktowy w WordPress lub sprawdzić nasze wybory ekspertów dotyczące najlepszych wtyczek logiki warunkowej dla WordPress.

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.