Nếu không thích tính năng search mặc định của WordPress, bạn có thể sử dụng các plugin: SearchWP, Facetious,… Ngoài ra bạn cũng có thể tích hợp Google Search vào trong site WordPress của bạn.

Tạo Search Box cho WordPress

Nếu theme mà bạn dùng không có file seachform.php thì tạo nó và thêm đoạn code

<form method="get" class="searchform" action="<?php echo home_url(); ?>/">
    <input type="text" name="s"/>
    <input type="submit" class="gosearch" />
</form>

Tại vị trí muốn chèn search box thì thêm dòng PHP

<?php get_searchform(); ?>

Nên style lại cho phù hợp với theme đang dùng. Nếu theme đang dùng có search box rồi thì không cần thiết làm các bước trên.

Google Custom Search có tích hợp sẵn một khung tìm kiếm nhưng nó đi liền với phần “Kết quả tìm kiếm” và khó style css. Do đó ta nên tạo một Search Box riêng để tiện hơn trong việc viết CSS.

Lấy ID Code của Google Custom Search

Bạn cần đăng ký để dùng dịch vụ Google Custom Search của Google. Vào link Google Custom Search. Nhập các thông tin cần thiết và nhấn “Tạo”

  • Trang web để tìm kiếm: URL trang web của bạn
  • Ngôn ngữ: Ngôn ngữ tìm kiếm
  • Tên công cụ tìm kiếm: đặt tên để dễ quản lý
dang ky Google Custom Search

Sau khi tạo xong, nhấn vào “Bảng điều khiển” để thay đổi một số tùy chọn

dang ky thanh cong Google Custom Search

Trong “Bảng điều khiển”, ta chọn vào phần “Giao diện” và chọn “Chỉ hiện kết quả”, sau đó nhấn “Lưu & Nhận mã”.

chi hien ket qua tim kiem Google Custom Search

Trong phần nhận mã, ta nhấn “Chi tiết kết quả tìm kiếm”. Nhập vào đó thuộc tính name của input type="text" trong search box. Bạn có thể vào file searchform.php để xem.

search query string Google Custom Search

Sau đó copy lại đoạn code trong khung bên dưới.

Hiện kết quả Google Custom Search trong WordPress

Tạo file search.php (nếu theme không có) có nội dung

<?php get_header() ?>

<div class="main-content">
<!--Paste đoạn code của Google Custom Search vào đây-->
</div>
<?php get_sidebar(); ?>

<?php get_footer() ?>

Vào website của bạn và thực hiện search để xem kết quả. Sau cùng cần dùng CSS style lại một chút cho dễ nhìn

man hinh Google Custom Search
man hinh Google Custom Search

Tóm lại

Vậy là ta hoàn thành việc tích hợp Google Custom Search vào WordPress. Một vài lưu ý khi thực hiện

  • Website của bạn phải được Google lập chỉ mục (index) thì mới có kết quả khi tìm kiếm
  • Nên tìm hiểu căn bản về cấu trúc theme của WordPress, nó sẽ giúp ích khi bạn cần chỉ sửa sâu vào phần code của theme

Sau cùng, trong quá trình thực hiện gặp khó khăn hay có góp ý gì cho bài này thì bạn có thể để comment bên dưới hoặc trên trang Facebook