WordPress AJAX Tìm kiếm bài viết

hướng dẫn thực sự tuyệt vời. Một lưu ý. đảm bảo thêm dataType. 'json' thành phản hồi thành công nếu bạn không sử dụng plugin mà bạn đã đề cập để tự động hiển thị đối tượng json hoặc nó trả về một mảng thay vì một đối tượng. Công cụ tuyệt vời

Nó sẽ cho phép bạn cung cấp kết quả tìm kiếm ngay lập tức cho khách truy cập và cải thiện trải nghiệm người dùng của họ

Trong hướng dẫn này, chúng tôi sẽ nói về cách bạn có thể thêm tìm kiếm trực tiếp vào trang web của mình mà không cần plugin và nhược điểm của phương pháp này

Đây là mục lục để giúp bạn điều hướng

  • Tại sao Thêm Tìm kiếm Trực tiếp vào Trang web của Bạn
  • Hạn chế của việc thêm tìm kiếm Ajax trực tiếp mà không cần plugin
  • Phương pháp dễ nhất để thêm tìm kiếm Ajax trực tiếp vào trang web của bạn
  • Cách thêm Tìm kiếm Ajax trực tiếp vào WordPress của bạn mà không cần plugin

Hãy bắt đầu nào

Tại sao Thêm Tìm kiếm Trực tiếp vào Trang web của Bạn

Việc thêm tìm kiếm trực tiếp vào trang web của bạn rất hữu ích vì nhiều lý do

Đầu tiên, sẽ thuận tiện hơn nhiều cho khách truy cập của bạn khi nhận được kết quả tìm kiếm ngay lập tức thay vì nhìn thấy chúng trên một trang riêng biệt mới nơi WordPress hiển thị chúng theo mặc định

Nó cho phép họ tiết kiệm thời gian và tìm ra nhanh hơn nếu nội dung họ đang tìm kiếm có trên trang web của bạn hay không

WordPress AJAX Tìm kiếm bài viết

Thứ hai, nó giúp bạn tăng số lần xem trang vì những khách truy cập đã có trải nghiệm tìm kiếm tích cực trên trang web của bạn có nhiều khả năng sẽ sử dụng lại trang web đó hơn

Đây cũng là một cách tuyệt vời để thu hút thêm lưu lượng truy cập từ các công cụ tìm kiếm vì Google chú ý rất nhiều đến thời lượng phiên trung bình trên một trang web

Tuy nhiên, việc thêm tìm kiếm trực tiếp mà không cần plugin có thể là một mục tiêu đầy thách thức. Hãy xem xét kỹ hơn lý do tại sao đây không phải là lựa chọn tốt nhất

Hạn chế của việc thêm tìm kiếm Ajax trực tiếp mà không cần plugin

Vấn đề chính trong việc thêm tìm kiếm trực tiếp vào trang web của bạn mà không cần plugin là nó liên quan đến việc chỉnh sửa mã chủ đề của bạn

Cách tiếp cận này có một số nhược điểm nghiêm trọng mà bạn nên biết

  • Nó đòi hỏi kỹ năng mã hóa. Bạn phải có kinh nghiệm mã hóa và hiểu sâu về cách WordPress hoạt động để chỉnh sửa mã chủ đề thành công
  • Phải mất nhiều thời gian hơn. Trái ngược với việc sử dụng plugin, việc chỉnh sửa mã chủ đề của bạn sẽ mất khá nhiều thời gian để tìm ra những thay đổi bạn cần thực hiện và vị trí đặt chúng
  • Nó không đáng tin cậy. Bạn có thể dễ dàng mất tất cả các tùy chỉnh mã nếu bạn cập nhật chủ đề hoặc phiên bản WordPress của mình
  • Nó không thuận tiện. Một plugin giúp bạn linh hoạt hơn nhiều vì bạn có thể nhanh chóng bật và tắt các tính năng bạn cần theo nhu cầu của mình

Vì vậy, nếu bạn không phải là người dùng WordPress hoặc nhà phát triển web có kinh nghiệm, tốt hơn hết bạn nên sử dụng một cách khác để thêm tìm kiếm trực tiếp vào trang web của mình

Sau khi chúng tôi giải quyết vấn đề đó, hãy xem cách bạn có thể thêm tìm kiếm trực tiếp vào trang web của mình mà không cần chỉnh sửa tệp chủ đề bằng cách sử dụng plugin

Phương pháp dễ nhất để thêm tìm kiếm Ajax trực tiếp vào trang web của bạn

Cách dễ nhất để thêm tìm kiếm Ajax trực tiếp vào trang web của bạn là sử dụng plugin như SearchWP

WordPress AJAX Tìm kiếm bài viết

SearchWP là plugin tìm kiếm WordPress tốt nhất trên thị trường, với hơn 30.000 lượt cài đặt đang hoạt động

Với nó, bạn có thể bật và tắt tìm kiếm trực tiếp trên trang web của mình chỉ bằng vài cú nhấp chuột, không cần viết mã

Và đó chỉ là một trong nhiều tính năng khác của SearchWP. Mục đích chính của plugin này là cung cấp cho bạn toàn quyền kiểm soát tìm kiếm trên trang web của bạn

Chẳng hạn, bằng cách sử dụng nó, bạn có thể thay đổi thứ tự kết quả tìm kiếm, tạo thẻ bài đăng, danh mục và trường tùy chỉnh có thể tìm kiếm được, tạo biểu mẫu tìm kiếm tùy chỉnh, v.v.

Dưới đây là một số tính năng SearchWP khác sẽ giúp phát triển doanh nghiệp của bạn

  • Bật tìm kiếm mờ. Bằng cách này, khách truy cập của bạn có thể tìm thấy kết quả tìm kiếm phù hợp, ngay cả khi họ mắc lỗi đánh máy trong truy vấn tìm kiếm
  • Theo dõi tìm kiếm trên khách truy cập của bạn. Thu thập dữ liệu toàn diện về hoạt động tìm kiếm trên trang web của bạn, bao gồm các tìm kiếm phổ biến nhất, số lần nhấp, v.v.
  • Loại trừ các trang cụ thể khỏi kết quả tìm kiếm. Ẩn các trang không cần thiết khỏi kết quả tìm kiếm trên trang web của bạn để giúp khách truy cập tìm thấy nội dung họ đang tìm kiếm nhanh hơn
  • Đưa các tệp PDF vào kết quả tìm kiếm. Cho phép khách truy cập của bạn tìm các tệp PDF và tài liệu văn phòng bằng thanh tìm kiếm trên trang web của bạn

Cùng với đó, hãy xem cách bạn có thể bật tìm kiếm trực tiếp trên trang web của mình bằng SearchWP

Bước 1. Cài đặt và kích hoạt SearchWP trên trang web của bạn

Để bắt đầu, bạn cần lấy bản sao SearchWP của mình

Sau khi hoàn tất, hãy chuyển đến bảng điều khiển SearchWP của bạn và nhấp vào Tải xuống

WordPress AJAX Tìm kiếm bài viết

Sau đó, nhấn nút Tải xuống SearchWP và lưu tệp ZIP của plugin vào máy tính của bạn

WordPress AJAX Tìm kiếm bài viết

Sau khi tải xuống, hãy sao chép mã bản quyền SearchWP của bạn trên cùng một trang. Bạn sẽ cần thêm nó để kích hoạt plugin trên trang web của mình

WordPress AJAX Tìm kiếm bài viết

Bây giờ, bạn sẽ cần tải tệp ZIP SearchWP lên trang web của mình và cài đặt plugin. Kiểm tra cách cài đặt hướng dẫn plugin WordPress nếu bạn cần lời nhắc về cách thực hiện điều đó,

Sau khi cài đặt SearchWP, bạn sẽ cần kích hoạt bản sao của plugin bằng khóa cấp phép của mình

Để làm điều đó, hãy trỏ chuột qua nút SearchWP ở bảng trên cùng của bảng điều khiển WordPress của bạn và nhấp vào Kích hoạt giấy phép

WordPress AJAX Tìm kiếm bài viết

Sau khi bạn truy cập trang Giấy phép, hãy dán khóa cấp phép SearchWP của bạn vào trường Giấy phép và nhấp vào Kích hoạt

WordPress AJAX Tìm kiếm bài viết

Khi bạn kích hoạt giấy phép của mình, bạn đã sẵn sàng chuyển sang bước tiếp theo và cài đặt tiện ích mở rộng Tìm kiếm trực tiếp

Bước 2. Cài đặt tiện ích mở rộng tìm kiếm trực tiếp SearchWP

Cài đặt tiện ích mở rộng SearchWP này cho phép bạn bật tìm kiếm Ajax trực tiếp trên trang web của mình chỉ bằng vài cú nhấp chuột mà không cần viết một dòng mã nào

Để bắt đầu, hãy điều hướng đến SearchWP » Tiện ích mở rộng ở bên trái bảng điều khiển WordPress của bạn

WordPress AJAX Tìm kiếm bài viết

Sau đó, tìm tiện ích Tìm kiếm trực tiếp và nhấp vào Cài đặt trong phần của nó

WordPress AJAX Tìm kiếm bài viết

Đó là nó. Bạn vừa thêm thành công một tìm kiếm Ajax trực tiếp vào trang web của mình

Hãy xem nó hoạt động như thế nào

Bước 3. Kiểm tra tìm kiếm mới của bạn

Để làm điều đó, hãy truy cập trang web của bạn và thực hiện tìm kiếm

Ví dụ: đây là giao diện của tìm kiếm SearchWP Ajax trực tiếp trên trang web thử nghiệm của chúng tôi

WordPress AJAX Tìm kiếm bài viết

Bây giờ, hãy xem cách bạn có thể thêm tìm kiếm trực tiếp vào trang web của mình mà không cần plugin

Cách thêm Tìm kiếm Ajax trực tiếp vào WordPress của bạn mà không cần plugin

Để thêm tìm kiếm Ajax trực tiếp vào trang web của bạn mà không cần sử dụng plugin, bạn cần thực hiện các thay đổi đối với tệp chủ đề của mình

Để bắt đầu, hãy tạo một chủ đề con của chủ đề hiện tại mà bạn sử dụng trên trang web của mình

Nó sẽ cho phép bạn nhanh chóng chuyển sang chủ đề gốc nếu bạn làm sai điều gì đó và làm sập trang web của mình

Bạn cũng nên sao lưu trang web của mình trước khi bắt đầu chỉnh sửa, đề phòng

Bạn có thể xem hướng dẫn này về cách tạo chủ đề con WordPress nếu bạn cần trợ giúp về điều đó

Sau khi bạn đã tạo một chủ đề con, hãy truy cập bảng điều khiển WordPress của bạn và điều hướng đến Giao diện » Trình chỉnh sửa tệp chủ đề

WordPress AJAX Tìm kiếm bài viết

Sau đó tìm các chức năng. php và nhấp vào nó để mở nó trong trình chỉnh sửa tệp

WordPress AJAX Tìm kiếm bài viết

Tiếp theo, dán đoạn mã sau vào chức năng của bạn. tập tin php



 -1, 's' => esc_attr( $_POST['keyword'] ), 'post_type' => array('page','post') ) );
    if( $the_query->have_posts() ) :
        echo '
    '; while( $the_query->have_posts() ): $the_query->the_post(); ?>
  • '; wp_reset_postdata(); endif; die(); }

Khi bạn đã hoàn tất, nhấn Cập nhật tệp để lưu các thay đổi của bạn

WordPress AJAX Tìm kiếm bài viết

Đó là nó. Bạn đã thêm thành công tìm kiếm Ajax trực tiếp vào trang web WordPress của mình mà không cần plugin

Nó sẽ cho phép khách truy cập của bạn ngay lập tức nhận được kết quả tìm kiếm và tăng số lượt xem trang của bạn

Bạn muốn thêm tìm kiếm trực tiếp vào trang web của mình chỉ bằng vài cú nhấp chuột mà không cần viết mã?

Tự hỏi làm thế nào để kích hoạt tìm kiếm bằng thẻ bài viết?

Bạn muốn ẩn một số danh mục bài đăng khỏi tìm kiếm?