Bạn đã bao giờ muốn thêm một tính năng tìm kiếm mà kết quả hiển thị tức thì như Google trong trang web WordPress của mình chưa?
Gần đây bạn có ghé Medium, Stripe, DigitalOcean , v.v. và ngạc nhiên khi tìm kiếm không?
Thực ra họ đang sử dụng Algolia.
Công cụ tìm kiếm SaaS (phần mềm dưới dạng dịch vụ) cho WordPress, Java, Rails, React, Angular, Python, Thương mại điện tử, v.v … Algolia có plugin WordPress giúp tích hợp dễ dàng và nhanh chóng.
Một số tính năng nổi bật của Algolia
- Lỗi đánh máy thường xảy ra với tất cả mọi người. Nhưng điều đó không có nghĩa là bạn không nhận được kết quả như mong đợi.
- Tìm kiếm từ đồng nghĩa
- Tìm kiếm theo địa lý
- Đa ngôn ngữ – hơn 100 ngôn ngữ được hỗ trợ
- Xếp hạng tùy chỉnh – dựa trên mức độ phổ biến, hành vi của khách hàng
- Phân tích mạnh mẽ – phân tích mọi thứ như nhiều truy vấn, tìm kiếm hàng đầu, theo quốc gia, tìm kiếm được thực hiện bởi IP, v.v.
Hiện tại Algolia cung cấp gói miễn phí cho các dự án cá nhân nhỏ (sử dụng phi thương mại).
Tích hợp Algolia với WordPress
- Tạo một tài khoản và đăng nhập vào Algolia
- Đăng nhập vào WordPress admin của bạn
- Cài đặt và kích hoạt plugin WP Search with Algolia
- Sau khi cài đặt, đi tới Algolia Search >> Settings
- Tại đây, bạn cần nhập thông tin xác thực API mà bạn sẽ nhận được từ bảng điều khiển Algolia >> API Keys
- Nhập đầy đủ Application ID, Search API & Admin API key sau đó lưu lại.
- Tiếp theo, chúng ta sẽ cấu hình cách WordPress sẽ thực hiện các truy vấn tìm kiếm.
Theo mặc định, Algolia bị vô hiệu hóa nên phải bật chúng lên. - Chuyển đến trang Algolia Search >> Search Page và chọn một trong các mục sau.
- Và cuối cùng, kích hoạt autocomplete ở Algolia Search >> Autocomplete
Bạn có thể cấu hình để cho phép tất cả các bài viết. Tuy nhiên, nếu bạn cần tìm kiếm loại bài đăng tùy chỉnh thì hãy chọn nó.
Khi tất cả cấu hình đã hoàn tất, hãy truy cập trang web WordPress của bạn và thử tìm kiếm thứ gì đó. Bạn sẽ thấy nó hiện được cung cấp bởi Algolia.
Đúng là kết quả hiện nhanh như điện xẹt là có thật 😛
Customize Autocomplete drop-down
Để bắt đầu tùy chỉnh menu thả xuống của bạn, copy/paste thư mục wp-content/plugins/algolia/templates vào theme của bạn và đổi tên nó thành algolia. Ví dụ, nếu chủ đề của bạn được đặt tên mytheme thì thư mục đó có đường dẫn như thế này: wp-content/themes/mytheme/algolia .
Sau đó, bạn có thể chỉnh sửa tệp algolia/autocomplete.php để tùy chỉnh các menu autocomplete dropdown ( suggestions, header, footer ) và mã JavaScript được liên kết.
Đây là trang web bên công ty mình đã custom lại search dropdown https://www.mealprep.com.au
Xem thêm về tùy chỉnh Autocomplete drop-down tại đây