W artykule:
Czy chcesz dodać formularz wyszukiwania do postu WordPress?
Dodanie formularza wyszukiwania do postu lub zawartości strony jest dobrym sposobem na zachęcenie odwiedzających do znalezienia większej ilości treści i dłuższego pozostania w witrynie.
W tym artykule pokażemy, jak dodać formularz wyszukiwania do swoich postów i stron za pomocą krótkiego kodu wyszukiwania WordPress.
Po co dodawać formularz wyszukiwania do swoich postów i stron?
Jeśli odwiedzający czytał post na Twoim blogu WordPress, prawdopodobnie będzie chciał przeczytać więcej. Oferowanie formularza wyszukiwania w poście pomoże im znaleźć więcej interesujących ich treści.
Gdy ułatwisz użytkownikom spędzanie więcej czasu na swojej stronie, możesz zwiększyć wyświetlanie stron i zmniejszyć współczynnik odrzuceń.
Odwiedzający są również bardziej skłonni do dołączenia do twojej listy e-mailowej, pozostawienia komentarza, dokonania zakupu i śledzenia Cię w mediach społecznościowych.
W tym samouczku pokażemy, jak dodać standardowy formularz wyszukiwania WordPress do swoich postów. Jeśli chcesz dodać niestandardowy formularz wyszukiwania, Zobacz nasz przewodnik krok po kroku, jak utworzyć niestandardowy formularz wyszukiwania WordPress.
Pokażemy Ci dwie metody dodawania formularza wyszukiwania do Twoich postów, a pierwsza jest najprostsza. Skorzystaj z poniższych linków, aby przejść do metody, której chcesz użyć.
- Metoda 1: dodanie formularza wyszukiwania z wtyczką
- Metoda 2: Dodanie formularza wyszukiwania przy użyciu kodu
Metoda 1: dodanie formularza wyszukiwania z wtyczką
Najprostszym sposobem na dodanie formularza wyszukiwania do swoich postów jest użycie wtyczki SearchWP. Jest to najlepsza wtyczka wyszukiwania dla WordPress używana przez ponad witryny 30,000.
Konfiguracja SearchWP
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji musisz odwiedzić Ustawienia ” SearchWP stronę, a następnie kliknij opcję menu „Licencja”.
Następnie musisz wprowadzić swój klucz licencyjny w polu Licencja. Informacje te można znaleźć na swoim koncie na stronie internetowej SearchWP. Następnie należy kliknąć przycisk Aktywuj.
Następnie musisz kliknąć opcję menu Silniki. To prowadzi do ekranu, gdzie można wybrać Ustawienia wyszukiwarki.
Tutaj musisz stworzyć wyszukiwarkę dla całej witryny. Możesz dostosować ustawienia wyszukiwarki, klikając listy rozwijane posty, strony i Media.
Suwaki trafności atrybutów w każdej sekcji dostosowują wartość i rangę treści wyszukiwarek. Na przykład, jeśli chcesz wycenić tytuł posta wyżej niż zawartość, możesz odpowiednio dostosować suwaki.
Po zakończeniu dostosowywania ustawień kliknij przycisk „Zapisz silniki”, aby zapisać domyślną wyszukiwarkę.
Dodawanie formularza wyszukiwania do Postu
Teraz musisz pobrać rozszerzenie searchwp shortcodes, aby łatwo dodać nowy niestandardowy formularz wyszukiwania postów do WordPress.
Musisz odwiedzić stronę Searchwp shortcodes Extension, a następnie kliknąć przycisk „Pobierz dostępne z aktywną licencją”.
Następnie musisz zainstalować i aktywować rozszerzenie w ten sam sposób, w jaki zainstalowałeś wtyczkę powyżej. Teraz możesz dodać formularz wyszukiwania w swoich postach.
Po prostu Edytuj post i umieść kursor w miejscu, w którym chcesz dodać formularz wyszukiwania. Następnie kliknij ikonę „Dodaj blok”, aby wyświetlić menu bloków.
Następnie wpisz „html” w polu wyszukiwania. Następnie wybierz blok „Niestandardowy HTML”.
Po dodaniu nowego bloku możesz dodać następujące skróty i kod HTML do swojej strony. Jeśli potrzebujesz więcej pomocy, zapoznaj się z naszym przewodnikiem, jak dodać shortcode w WordPress.
[searchwp_search_form] < div class = "search-results-wrapper"> [searchwp_search_results] <H2>[searchwp_search_result_link]< / H2> [searchwp_search_result_excerpt] [/searchwp_search_results] < / div> < div class = "no-search-results-found"> [searchwp_search_results_none] Nie znaleziono żadnych wyników, proszę wyszukać ponownie. [/searchwp_search_results_none] < / div> < div class = "search-results-pagination"> [searchwp_search_results_pagination direction = "prev" link_text = "Previous"] [searchwp_search_results_pagination direction = "next" link_text = "Next"] < / div>
Ten kod doda formularz wyszukiwania do posta, utworzy sekcję do wyświetlania wyników wyszukiwania, w razie potrzeby wyświetli komunikat o braku wyników i doda paginację, jeśli wyniki trafią na wiele stron.
Upewnij się, że klikniesz Publikuj lub Aktualizuj, aby zapisać swój post i wprowadzić go w życie.
Aby zobaczyć formularz wyszukiwania w akcji, po prostu Zobacz post na swojej stronie WordPress. Tak to wygląda na naszej stronie demo z motywem Twenty Twenty-One.
Aby uzyskać więcej wskazówek na temat dostosowywania wyszukiwania, Zobacz nasz przewodnik na temat ulepszania wyszukiwania WordPress za pomocą SearchWP.
Metoda 2: Dodanie formularza wyszukiwania przy użyciu kodu
Możesz również dodać formularz wyszukiwania do swoich postów WordPress za pomocą fragmentu kodu. Ta metoda nie jest zalecana dla początkujących, więc jeśli nie znasz kodu, powinieneś użyć metody 1.
W tej metodzie będziesz musiał edytować funkcje swojego motywu.plik php.
Jeśli nie edytowałeś funkcji.plik php przed, a następnie spojrzeć na nasz przewodnik dla początkujących na wklejanie fragmentów z sieci do WordPress.
Wszystko, co musisz zrobić, to otworzyć funkcje motywu.plik php lub wtyczkę site-specific i wklej poniższy kod:
add_shortcode ('wpbsearch', 'get_search_form');
Oto jak to wygląda na naszej stronie demonstracyjnej podczas korzystania z edytora motywów WordPress, aby dodać fragment do funkcji motywu Twenty Twenty-One.plik php.
Następnie po prostu dodaj shortcode [wpbsearch] do postu lub strony, na której ma się pojawić formularz wyszukiwania.
Spowoduje to wyświetlenie domyślnego formularza wyszukiwania. Aby zobaczyć formularz wyszukiwania, po prostu Zobacz post na swojej stronie WordPress.
Jeśli chcesz wyświetlić niestandardowy formularz wyszukiwania, powinieneś użyć tego kodu.
function wpbsearchform ($form ) {
$form = '<form role="search" method="get" id="searchform" action="' . home_url( '/' ) . '" >
<div > < label class = "screen-reader-text" for = "s">". __ ('Szukaj:'). "</label>
<input type = "text" value="". get_search_query() . '"name =" s "id = "s" / >
<input type = "submit" id = "searchsubmit" value="". esc_attr__('Szukaj') .'" />
< / div>
< / form>";
return $form;
}
add_shortcode ('wpbsearch', 'wpbsearchform');
Możesz zmodyfikować kod, aby dostosować formularz wyszukiwania, jak chcesz.
Mamy nadzieję, że ten samouczek pomógł Ci dowiedzieć się, jak dodać wyszukiwanie w swoim poście za pomocą krótkiego kodu wyszukiwania WordPress.
Możesz także dowiedzieć się, jak utworzyć bezpłatny biznesowy adres e-mail lub sprawdzić naszą listę powodów, dla których powinieneś używać WordPress dla swojej witryny.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
