Jak dodać Live Ajax Search do WordPressa bez wtyczki?

Szukasz sposobu na dodanie na żywo wyszukiwania Ajax do swojej witryny WordPress bez wtyczki?

Umożliwi to natychmiastowe dostarczanie wyników wyszukiwania odwiedzającym i poprawianie ich komfortu użytkowania.

W tym przewodniku porozmawiamy o tym, jak dodać wyszukiwanie na żywo do swojej witryny bez wtyczki oraz o wadach tej metody.

Oto spis treści ułatwiający nawigację:

• Dlaczego warto dodać wyszukiwanie na żywo do swojej witryny
• Wady dodawania Live Search Ajax bez wtyczki
• Najłatwiejsza metoda dodania Live Ajax Search do Twojej witryny
• Jak dodać Live Ajax Search do WordPressa bez wtyczki?

Zaczynajmy!

Dlaczego warto dodać wyszukiwanie na żywo do swojej witryny

Dodanie wyszukiwania na żywo do witryny jest przydatne z kilku powodów.

Po pierwsze, o wiele wygodniej jest dla odwiedzających uzyskać natychmiastowe wyniki wyszukiwania, niż wyświetlać je na nowej oddzielnej stronie, na której WordPress domyślnie pokazuje je.

Pozwala im to zaoszczędzić czas i szybciej dowiedzieć się, czy treść, której szukają, znajduje się w Twojej witrynie, czy nie.

Po drugie, pomaga zwiększyć liczbę odsłon, ponieważ użytkownicy, którzy mieli pozytywne doświadczenia związane z wyszukiwaniem w Twojej witrynie, częściej korzystają z niej ponownie.

To także świetny sposób na przyciągnięcie większego ruchu z wyszukiwarek, ponieważ Google przywiązuje dużą wagę do średniego czasu trwania sesji w witrynie.

Jednak dodanie wyszukiwania na żywo bez wtyczki może być trudnym celem. Przyjrzyjmy się bliżej, dlaczego nie jest to najlepsza opcja.

Wady dodawania Live Search Ajax bez wtyczki

Głównym problemem związanym z dodawaniem wyszukiwania na żywo do witryny bez wtyczki jest to, że wiąże się to z edycją kodu motywu.

Takie podejście ma kilka poważnych wad, o których powinieneś wiedzieć:

• Wymaga umiejętności kodowania . Aby pomyślnie edytować kod motywu, musisz mieć doświadczenie w kodowaniu i głębokie zrozumienie działania WordPressa.
• To zajmuje więcej czasu . W przeciwieństwie do korzystania z wtyczki, edytowanie kodu motywu zajmuje sporo czasu, aby dowiedzieć się, jakie zmiany należy wprowadzić i gdzie je umieścić.
• To nie jest wiarygodne . Możesz łatwo stracić wszystkie dostosowania kodu, jeśli zaktualizujesz motyw lub wersję WordPress.
• To nie jest wygodne . Wtyczka zapewnia znacznie większą elastyczność, ponieważ możesz szybko włączać i wyłączać potrzebne funkcje zgodnie z własnymi potrzebami.

Tak więc, jeśli nie jesteś doświadczonym użytkownikiem WordPressa lub programistą internetowym, lepiej skorzystaj z innego sposobu dodania wyszukiwania na żywo do swojej witryny.

Gdy już to wyjaśnimy, zobaczmy, jak możesz dodać wyszukiwanie na żywo do swojej witryny bez edytowania plików motywu za pomocą wtyczki.

Najłatwiejsza metoda dodania Live Ajax Search do Twojej witryny

Najłatwiejszym sposobem dodania na żywo wyszukiwania Ajax do Twojej witryny jest użycie wtyczki, takiej jak SearchWP.

SearchWP to najlepsza wtyczka do wyszukiwania WordPress na rynku, z ponad 30 000 aktywnych instalacji.

Dzięki niemu możesz włączać i wyłączać wyszukiwanie na żywo w swojej witrynie za pomocą zaledwie kilku kliknięć, bez konieczności kodowania.

A to tylko jedna z wielu innych funkcji SearchWP. Głównym celem tej wtyczki jest zapewnienie pełnej kontroli nad wyszukiwaniem w Twojej witrynie.

Na przykład, używając go, możesz zmienić kolejność wyników wyszukiwania, umożliwić przeszukiwanie tagów postów, kategorii i niestandardowych pól, tworzyć niestandardowe formularze wyszukiwania i wiele więcej.

Oto kilka innych funkcji SearchWP, które pomogą rozwinąć Twoją firmę:

• Włącz wyszukiwanie rozmyte . W ten sposób odwiedzający mogą znaleźć właściwe wyniki wyszukiwania, nawet jeśli popełnią literówkę w zapytaniu.
• Śledź wyszukiwania użytkowników . Zbierz wyczerpujące dane o aktywności wyszukiwania w Twojej witrynie, w tym o najpopularniejszych wyszukiwaniach, liczbie kliknięć i nie tylko.
• Wyklucz określone strony z wyników wyszukiwania . Ukryj niepotrzebne strony w wynikach wyszukiwania w swojej witrynie, aby ułatwić odwiedzającym znalezienie treści, której szukają szybciej.
• Dołącz pliki PDF do wyników wyszukiwania . Pozwól odwiedzającym znajdować pliki PDF i dokumenty biurowe za pomocą paska wyszukiwania w Twojej witrynie.

Dzięki temu zobaczmy, jak włączyć wyszukiwanie na żywo w swojej witrynie za pomocą SearchWP.

Krok 1: Zainstaluj i aktywuj SearchWP w swojej witrynie

Aby rozpocząć, musisz pobrać swoją kopię SearchWP.

Po zakończeniu przejdź do pulpitu nawigacyjnego SearchWP i kliknij Pobrane .

Następnie naciśnij przycisk Pobierz SearchWP i zapisz plik ZIP wtyczki na swoim komputerze.

Po pobraniu skopiuj klucz licencyjny SearchWP na tej samej stronie. Będziesz go dalej potrzebować, aby aktywować wtyczkę w swojej witrynie.

Teraz musisz przesłać plik SearchWP ZIP do swojej witryny i zainstalować wtyczkę. Sprawdź, jak zainstalować samouczek wtyczki WordPress, jeśli potrzebujesz przypomnienia, jak to zrobić,

Po instalacji SearchWP musisz aktywować kopię wtyczki za pomocą swojego klucza licencyjnego.

Aby to zrobić, najedź kursorem na przycisk SearchWP w górnym panelu pulpitu WordPress i kliknij Aktywuj licencję .

Po przejściu do strony Licencja wklej klucz licencyjny SearchWP w polu Licencja i kliknij Aktywuj .

Po aktywacji licencji możesz przejść do następnego kroku i zainstalować rozszerzenie Live Search.

Krok 2: Zainstaluj rozszerzenie SearchWP Live Search

Zainstalowanie tego rozszerzenia SearchWP umożliwia włączenie wyszukiwania Ajax na żywo w Twojej witrynie za pomocą kilku kliknięć bez pisania ani jednego wiersza kodu.

Aby rozpocząć, przejdź do SearchWP » Rozszerzenia po lewej stronie pulpitu WordPress.

Następnie znajdź rozszerzenie Live Search i kliknij Zainstaluj w jego sekcji.

Otóż ​​to. Właśnie pomyślnie dodałeś do swojej witryny wyszukiwarkę Ajax na żywo.

Zobaczmy, jak to działa.

Krok 3: Przetestuj swoje nowe wyszukiwanie

Aby to zrobić, przejdź do swojej witryny i przeprowadź wyszukiwanie.

Na przykład, oto jak wygląda wyszukiwanie na żywo SearchWP Ajax w naszej witrynie testowej:

Zobaczmy teraz, jak możesz dodać wyszukiwanie na żywo do swojej witryny bez wtyczki.

Jak dodać Live Ajax Search do WordPressa bez wtyczki?

Aby dodać wyszukiwarkę Ajax na żywo do swojej witryny bez użycia wtyczki, musisz wprowadzić zmiany w plikach motywu.

Aby rozpocząć, utwórz motyw podrzędny bieżącego motywu, którego używasz w swojej witrynie.

Pozwoli Ci to szybko przełączyć się na motyw nadrzędny, jeśli zrobisz coś nie tak i spowoduje awarię witryny.

Dobrą praktyką jest również utworzenie kopii zapasowej witryny przed rozpoczęciem edycji, na wszelki wypadek.

Możesz zapoznać się z tym samouczkiem, jak utworzyć motyw potomny WordPress, jeśli potrzebujesz w tym pomocy.

Po utworzeniu motywu podrzędnego przejdź do pulpitu WordPress i przejdź do Wygląd » Edytor plików motywu .

Następnie znajdź plik functions.php i kliknij go, aby otworzyć go w edytorze plików.

Następnie wklej następujący kod do pliku functions.php :

<?php 
/*
 ==================
 Ajax Search
======================	 
*/
// add the ajax fetch js
add_action( 'wp_footer', 'ajax_fetch' );
function ajax_fetch() {
?>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%0Afunction%20fetch()%7B%0A%0A%20%20%20%20jQuery.ajax(%7B%0A%20%20%20%20%20%20%20%20url%3A%20'%3C%3Fphp%20echo%20admin_url('admin-ajax.php')%3B%20%3F%3E'%2C%0A%20%20%20%20%20%20%20%20type%3A%20'post'%2C%0A%20%20%20%20%20%20%20%20data%3A%20%7B%20action%3A%20'data_fetch'%2C%20keyword%3A%20jQuery('%23keyword').val()%20%7D%2C%0A%20%20%20%20%20%20%20%20success%3A%20function(data)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20jQuery('%23datafetch').html(%20data%20)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D)%3B%0A%0A%7D%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />

<?php
}

// the ajax function
add_action('wp_ajax_data_fetch' , 'data_fetch');
add_action('wp_ajax_nopriv_data_fetch','data_fetch');
function data_fetch(){

    $the_query = new WP_Query( array( 'posts_per_page' => -1, 's' => esc_attr( $_POST['keyword'] ), 'post_type' => array('page','post') ) );
    if( $the_query->have_posts() ) :
        echo '<ul>';
        while( $the_query->have_posts() ): $the_query->the_post(); ?>

            <li><a href="<?php echo esc_url( post_permalink() ); ?>"><?php the_title();?></a></li>

        <?php endwhile;
       echo '</ul>';
        wp_reset_postdata();  
    endif;

    die();
}

Gdy skończysz, naciśnij Aktualizuj plik , aby zapisać zmiany.

Otóż ​​to. Pomyślnie dodałeś wyszukiwarkę Ajax na żywo do swojej witryny WordPress bez wtyczki.

Umożliwi to odwiedzającym natychmiastowe uzyskanie wyników wyszukiwania i zwiększenie liczby odsłon.

Chcesz dodać wyszukiwanie na żywo do swojej witryny za pomocą kilku kliknięć bez kodowania? Możesz zacząć korzystać z SearchWP tutaj.

Zastanawiasz się, jak włączyć wyszukiwanie według tagów postów? Sprawdź nasz szczegółowy samouczek dotyczący wyszukiwania postów według tagów w WordPress.

Chcesz ukryć niektóre kategorie postów przed wyszukiwaniem? Postępuj zgodnie z instrukcjami, jak wykluczyć kategorię z przewodnika wyszukiwania WordPress.