Hiển thị từ khóa tìm kiếm và số kết quả WordPress

5 giờ ago, Hướng dẫn WordPress, Views
Hiển thị từ khóa tìm kiếm và số kết quả WordPress

Giới thiệu về Hiển Thị Từ Khóa Tìm Kiếm và Số Kết Quả trong WordPress

WordPress là một nền tảng quản lý nội dung (CMS) phổ biến, được sử dụng rộng rãi để xây dựng các trang web và blog. Một tính năng quan trọng của bất kỳ trang web nào là chức năng tìm kiếm, cho phép người dùng nhanh chóng tìm thấy nội dung họ quan tâm. Việc hiển thị từ khóa tìm kiếm và số kết quả tìm kiếm giúp cải thiện trải nghiệm người dùng, cung cấp cho họ thông tin hữu ích về truy vấn của họ và hiệu quả của công cụ tìm kiếm.

Trong bài viết này, chúng ta sẽ khám phá cách hiển thị từ khóa tìm kiếm và số lượng kết quả tìm kiếm trong WordPress, sử dụng cả phương pháp lập trình và plugin.

Hiển Thị Từ Khóa Tìm Kiếm

Việc hiển thị từ khóa tìm kiếm mà người dùng đã nhập vào ô tìm kiếm giúp họ xác nhận rằng truy vấn của họ đã được hệ thống tiếp nhận. Nó cũng giúp họ điều chỉnh truy vấn của mình nếu cần thiết. Có nhiều cách để đạt được điều này trong WordPress.

Sử dụng Template Tag get_search_query()

Template tag get_search_query() là cách đơn giản nhất để hiển thị từ khóa tìm kiếm. Bạn có thể sử dụng nó trong file search.php của theme của bạn. File này chịu trách nhiệm hiển thị các kết quả tìm kiếm.

Ví dụ, bạn có thể thêm đoạn mã sau vào file search.php:

<h1>Kết quả tìm kiếm cho: <?php echo get_search_query(); ?></h1>

Đoạn mã này sẽ hiển thị một tiêu đề lớn (h1) với nội dung “Kết quả tìm kiếm cho:” theo sau là từ khóa tìm kiếm mà người dùng đã nhập.

Sử dụng Biến Toàn Cục $s

Một cách khác để truy cập từ khóa tìm kiếm là sử dụng biến toàn cục $s. Tuy nhiên, phương pháp này ít được khuyến khích hơn so với việc sử dụng get_search_query(), vì get_search_query() cung cấp thêm khả năng kiểm soát và bảo mật.

Ví dụ:

<h1>Bạn đã tìm kiếm: <?php global $s; echo $s; ?></h1>

Tùy chỉnh Hiển thị Từ khóa Tìm kiếm

Bạn có thể tùy chỉnh cách hiển thị từ khóa tìm kiếm bằng cách sử dụng các hàm PHP và CSS. Ví dụ, bạn có thể in đậm từ khóa tìm kiếm hoặc thêm một biểu tượng bên cạnh nó.

<h1>Kết quả tìm kiếm cho: <span class="search-keyword"><?php echo '' . esc_html( get_search_query() ) . ''; ?></span></h1>

Trong ví dụ này, chúng ta đã bọc từ khóa tìm kiếm trong một thẻ <span> với class “search-keyword”. Sau đó, chúng ta đã sử dụng hàm esc_html() để đảm bảo rằng từ khóa tìm kiếm được hiển thị một cách an toàn. Cuối cùng, chúng ta đã bọc từ khóa tìm kiếm trong thẻ <em> để in đậm nó.

Hiển Thị Số Lượng Kết Quả Tìm Kiếm

Việc hiển thị số lượng kết quả tìm kiếm giúp người dùng đánh giá phạm vi của truy vấn của họ. Nếu số lượng kết quả quá lớn, họ có thể muốn tinh chỉnh truy vấn của mình. Nếu số lượng kết quả quá nhỏ, họ có thể muốn thử các từ khóa khác.

Sử dụng Loop Global $wp_query

Để hiển thị số lượng kết quả tìm kiếm, bạn có thể sử dụng Loop Global $wp_query. Biến này chứa thông tin về truy vấn hiện tại, bao gồm tổng số bài viết phù hợp với truy vấn.

Ví dụ, bạn có thể thêm đoạn mã sau vào file search.php:

<p>Có <?php echo $wp_query->found_posts; ?> kết quả tìm thấy.</p>

Đoạn mã này sẽ hiển thị một đoạn văn bản với nội dung “Có [số lượng kết quả] kết quả tìm thấy.”.

Tùy chỉnh Hiển thị Số Lượng Kết Quả

Bạn có thể tùy chỉnh cách hiển thị số lượng kết quả tìm kiếm bằng cách sử dụng các hàm PHP và CSS. Ví dụ, bạn có thể thêm một thông báo cho biết không có kết quả nào được tìm thấy.

<?php
  if ( have_posts() ) {
    echo '<p>Có ' . $wp_query->found_posts . ' kết quả tìm thấy.</p>';
  } else {
    echo '<p>Không tìm thấy kết quả nào phù hợp với truy vấn của bạn.</p>';
  }
  ?>

Trong ví dụ này, chúng ta đã sử dụng một câu lệnh if để kiểm tra xem có bất kỳ bài viết nào được tìm thấy hay không. Nếu có, chúng ta sẽ hiển thị số lượng kết quả. Nếu không, chúng ta sẽ hiển thị một thông báo cho biết không có kết quả nào được tìm thấy.

Sử dụng Plugin để Hiển Thị Từ Khóa và Số Kết Quả Tìm Kiếm

Ngoài việc lập trình trực tiếp trong file theme, bạn cũng có thể sử dụng các plugin để hiển thị từ khóa và số lượng kết quả tìm kiếm. Plugin có thể giúp bạn tiết kiệm thời gian và công sức, đặc biệt nếu bạn không quen thuộc với lập trình PHP.

Một số plugin phổ biến cho việc này bao gồm:

  • Search Everything
  • Relevanssi
  • Ivory Search

Các plugin này cung cấp nhiều tính năng tùy chỉnh, cho phép bạn kiểm soát cách từ khóa và số lượng kết quả tìm kiếm được hiển thị.

Ưu điểm của việc Hiển Thị Từ Khóa và Số Kết Quả Tìm Kiếm

Việc hiển thị từ khóa và số lượng kết quả tìm kiếm mang lại nhiều lợi ích, bao gồm:

  • Cải thiện trải nghiệm người dùng
  • Cung cấp thông tin hữu ích cho người dùng
  • Giúp người dùng tinh chỉnh truy vấn của họ

Ví dụ Thực Tế

Hãy xem xét một ví dụ thực tế. Giả sử một người dùng tìm kiếm “khóa học WordPress” trên trang web của bạn. Nếu bạn hiển thị từ khóa tìm kiếm, người dùng sẽ thấy “Kết quả tìm kiếm cho: khóa học WordPress”. Nếu bạn cũng hiển thị số lượng kết quả, họ có thể thấy “Có 15 kết quả tìm thấy.”. Thông tin này giúp người dùng xác nhận rằng họ đã tìm kiếm đúng cách và đánh giá phạm vi của các kết quả tìm kiếm.

Kết luận

Hiển thị từ khóa tìm kiếm và số lượng kết quả tìm kiếm là một cách đơn giản nhưng hiệu quả để cải thiện trải nghiệm người dùng trên trang web WordPress của bạn. Bằng cách sử dụng template tag get_search_query() và Loop Global $wp_query, hoặc bằng cách sử dụng plugin, bạn có thể dễ dàng thêm các tính năng này vào trang web của mình. Hãy nhớ tùy chỉnh hiển thị để phù hợp với thiết kế và thương hiệu của trang web của bạn.