Các phiên bản 1.7.x và 1.8.x đánh dấu bước nhảy vọt mới: từ tìm kiếm thông minh sang tìm kiếm liên site. Init Live Search giờ đã sẵn sàng hoạt động như một công cụ tìm kiếm toàn hệ sinh thái WordPress của bạn — không chỉ nhanh, mà còn xuyên không gian mạng.
Xem demo trực tiếp: https://youtu.be/nZocaTpi2hM
Có gì mới trong phiên bản 1.7.x & 1.8.x
Phiên bản này tập trung mở rộng phạm vi hoạt động của Init Live Search ra ngoài site hiện tại, đồng thời tối ưu logic để sẵn sàng tích hợp trên mọi theme, kể cả hệ thống headless hoặc SPA.
- 404 Smart Redirect: Tự động chuyển hướng trang 404 sang bài viết liên quan nhất dựa trên thuật toán Init Live Search — hỗ trợ nhiều post type, an toàn SEO và sử dụng resolver thống nhất.
- Multi-site Search: Cho phép tìm kiếm đồng thời trên nhiều website WordPress — nhập danh sách URL trong phần cài đặt là chạy được ngay.
- Tích hợp không cần plugin phụ: Tự động gọi REST API từ các site được khai báo — không cần cài plugin ở các site con.
- Hiển thị domain kết quả: Mỗi kết quả tìm kiếm đều hiển thị domain nguồn rõ ràng — minh bạch, dễ quản lý.
- Tối ưu hiệu suất: Chỉ gọi API khi cần, không ảnh hưởng tốc độ site chính — sẵn sàng cho hệ thống lớn.
- Config đơn giản & an toàn: Cấu hình bằng textarea, định dạng
Tên Site|URL— dữ liệu được sanitize và xử lý qua JS nội bộ. - Chế độ không giới hạn: Dễ dàng biến Init Live Search thành một công cụ tìm kiếm tổng hợp cho mạng lưới nhiều site.
- Shortcode mới: Thêm
[init_live_search]để nhúng biểu tượng tìm kiếm hoặc ô nhập ở bất kỳ đâu trong giao diện. - Tùy biến nâng cao: Shortcode hỗ trợ các thuộc tính như
type,label,class,stroke_width, v.v — linh hoạt cho mọi layout. - Toán tử + / -: Hỗ trợ tìm kiếm chính xác hơn bằng
+keyword(bắt buộc có) và-keyword(loại trừ). - Shortcode liên quan mới: Dùng
[init_live_search_related_posts]để hiển thị danh sách bài viết liên quan dạng HTML tĩnh, tối ưu SEO. - Shortcode Builder: Giao diện trực quan giúp tạo shortcode
[init_live_search]và[init_live_search_related_posts]nhanh chóng — hỗ trợ xem trước và sao chép ngay trong admin. - Hỗ trợ dark mode trực tiếp: Có thể gán class
.darkvào phần tử chứa shortcode — không phụ thuộc class trênbody. - Mở rộng WooCommerce: Bổ sung slash command mới như
/brand,/attribute,/variation,/couponvà nâng cấp/pricevới sắp xếp theo giá. - AI Related Posts: Shortcode mới
[init_live_search_related_ai]sử dụng thuật toán đa tín hiệu (tag, series, ACF, views, freshness…) để gợi ý bài viết thông minh hơn. - Keyword Engine nâng cấp: Thay TF-IDF bằng BM25 + NPMI + LLR cho gợi ý từ khóa chất lượng cao, tập trung bigram, Unicode-safe và có fallback thông minh.
- Developer Filters: Thêm loạt filter mới (
ai_candidates,ai_signals,ai_weights,ai_score) cho phép tùy biến toàn diện logic AI. - Hiệu năng cải thiện: Thuật toán scoring được cache dữ liệu trước, giảm số lượng query lặp lại và tối ưu bộ nhớ cho dataset lớn.
Tính năng nổi bật
Hiệu năng cao, không phụ thuộc
Plugin được viết hoàn toàn bằng Vanilla JavaScript, không dùng jQuery hay thư viện ngoài. Mọi thao tác tìm kiếm đều thông qua WordPress REST API riêng với namespace chuẩn hóa (initlise/v1), kết hợp cơ chế debounce giúp giảm tải server khi người dùng gõ nhanh.
Hệ thống cache sử dụng localStorage để lưu kết quả tìm kiếm, lệnh slash command, danh sách yêu thích, và lịch sử đọc — tối ưu trải nghiệm và giảm số lần gọi API.
Tuỳ chỉnh UI linh hoạt
Giao diện tìm kiếm có thể chọn sẵn từ các preset như: toàn màn hình (style-full.css), thanh topbar (style-topbar.css), hoặc tắt toàn bộ CSS để tự viết lại. Bạn cũng có thể override CSS bằng file init-live-search/style.css trong theme hiện tại.
Từ khóa gợi ý thông minh
Người quản trị có thể nhập sẵn danh sách từ khóa gợi ý hoặc nhấn nút “Tạo tự động” để plugin phân tích tiêu đề bài viết. Hệ thống sẽ tự động loại bỏ stop words và gom từ khóa phổ biến nhất.
Điều hướng & thao tác bằng bàn phím
Plugin hỗ trợ điều hướng và thao tác toàn diện bằng bàn phím:
- ↑, ↓: Di chuyển giữa kết quả
- →: Thêm bài viết hiện tại vào danh sách yêu thích
- ←: Xoá bài viết khỏi danh sách yêu thích
- Enter: Mở bài viết
- Esc: Đóng modal tìm kiếm
Lưu ý: Phím trái/phải chỉ hoạt động khi đang chọn một kết quả cụ thể.
Hỗ trợ tìm kiếm nâng cao
Hệ thống slash command mạnh mẽ: tìm bài mới nhất (/recent), lọc theo tag, danh mục, sản phẩm WooCommerce, SKU, giá, trạng thái kho… Có thể mở rộng bằng REST API và filter riêng.
Hỗ trợ tìm kiếm trong các trường ACF và metadata từ plugin SEO như Yoast, Rank Math, AIOSEO, SEOPress, TSF — phù hợp với site nhiều nội dung nâng cao.
Tương thích tối đa & dễ tích hợp
Không cần chỉnh sửa theme hay thêm shortcode. Chỉ cần giữ trường <input name="s">, plugin sẽ tự động bắt sự kiện và mở modal tìm kiếm. Ngoài ra còn có thể kích hoạt qua HTML attribute, phím tắt, hoặc URL.
Responsive & hỗ trợ đa ngôn ngữ
Giao diện modal thân thiện với mọi kích thước màn hình. Plugin hỗ trợ sẵn tiếng Việt và tiếng Anh, tự động đổi theo ngôn ngữ site.
Cấu hình đơn giản
Giao diện cài đặt của Init Live Search được thiết kế đơn giản, dễ hiểu, cho phép tùy chỉnh mọi khía cạnh của quá trình tìm kiếm:
- Chọn post type để tìm kiếm:
post,page, hoặc bất kỳ custom post type nào cópublic=true - Chọn một hoặc nhiều cách mở modal tìm kiếm: focus vào input[name=”s”], triple-click, hoặc tổ hợp Ctrl/Cmd + /
- Tuỳ chọn bật/tắt Slash Command — hỗ trợ các lệnh như
/recent,/tag,/product,… - Đặt lệnh slash mặc định chạy tự động khi modal mở — ví dụ:
/recenthoặc/product - Chọn chế độ tìm kiếm: chỉ tiêu đề, tiêu đề + excerpt, tiêu đề + nội dung, hoặc kết hợp với post tag (Init Smart Tag-Aware Search)
- Nhập danh sách ACF field key để tìm kiếm nâng cao — ví dụ:
company_name, project_code - Bật tìm kiếm trong SEO Metadata: hỗ trợ các plugin Yoast, Rank Math, AIOSEO, TSF, SEOPress
- Hệ thống từ đồng nghĩa: Cấu hình trực tiếp trong tab “Synonyms” — thêm từ đồng nghĩa bằng JSON, kiểm tra lỗi theo thời gian thực và bật/tắt tính năng mở rộng kết quả khi tìm không ra.
- Bật fallback thông minh: tự động rút gọn từ khoá, ghép cụm bigram nếu không đủ kết quả
- Tuỳ chỉnh độ trễ tìm kiếm (debounce) từ 100–3000ms để kiểm soát hiệu năng
- Giới hạn số lượng kết quả hiển thị trong modal (1–100)
- Giới hạn số từ được chọn để kích hoạt Quick Search bằng tooltip (0–20, đặt 0 để tắt)
- Bật/tắt voice input (SpeechRecognition API) nếu muốn dùng micro
- Tuỳ chọn bật voice input nếu muốn dùng micro (SpeechRecognition API)
- Chọn preset giao diện: modal mặc định, toàn màn hình, hoặc thanh topbar. Cũng có thể tắt toàn bộ CSS để tự viết lại.
- Tuỳ chọn thêm UTM mặc định vào URL kết quả (ví dụ:
utm_source=search) - Nhập hoặc tự động tạo danh sách từ khoá gợi ý mặc định
Công nghệ sử dụng
Plugin ưu tiên hiệu suất và khả năng mở rộng với kiến trúc hiện đại, tách biệt rõ frontend và backend.
- Vanilla JavaScript: Toàn bộ logic frontend viết bằng JavaScript thuần, không dùng jQuery hay framework
- Custom REST API: Giao tiếp qua các endpoint chuẩn hoá thuộc namespace riêng
initlise/v1 - Modular architecture: Toàn bộ mã nguồn JS được tách rõ theo từng chức năng: trigger, command, render, API, v.v.
- Không phụ thuộc bên ngoài: Không dùng thư viện bên thứ ba — tất cả đều built-in
- Biểu tượng & ảnh: Dùng SVG trực tiếp hoặc ảnh fallback mặc định (qua filter)
- Cấu hình toàn cục: Định nghĩa thông qua biến
window.InitPluginSuiteLiveSearchConfig - Hỗ trợ theme override: Có thể ghi đè toàn bộ style bằng file
init-live-search/style.csstrong theme - localStorage-first: Dùng localStorage cho cache, slash command history, favorites, và session-state
Mã nguồn & Phát triển
Plugin Init Live Search được phát triển dưới dạng mã nguồn mở và duy trì thường xuyên trên GitHub. Đây là nơi bạn có thể theo dõi tiến độ phát triển, cập nhật sớm, hoặc đóng góp ý tưởng, báo lỗi và đề xuất tính năng mới.
- Repo chính thức: github.com/brokensmile2103/init-live-search
- Hãy nhấn Star để ủng hộ plugin – giúp tăng độ hiển thị trong cộng đồng mã nguồn mở.
- Góp ý, báo lỗi hoặc đề xuất thêm tính năng qua tab Issues của repo.
Cài đặt và sử dụng
- Cài đặt và kích hoạt plugin như các plugin thông thường.
- Plugin tự động hoạt động trên các trường
<input name="s">. - Bạn có thể mở modal tìm kiếm bằng Ctrl + / hoặc nhấp 3 lần trên vùng trống bất kỳ.
- Cấu hình từ khóa gợi ý tại Cài đặt → Init Live Search.
Dành cho Developer
Plugin Init Live Search được thiết kế với định hướng mở rộng tối đa: hỗ trợ filter, sự kiện JavaScript, tùy biến giao diện, REST API riêng và command system linh hoạt.
Nếu bạn là developer muốn tích hợp sâu hơn vào theme/plugin của mình, hãy xem series Init Live Search toàn tập – nơi tổng hợp toàn bộ hướng dẫn từ cơ bản đến nâng cao.
Góp ý & Liên hệ
Bạn có góp ý, phát hiện lỗi hoặc muốn đề xuất tính năng mới? Hãy để lại bình luận bên dưới hoặc tạo issue trên GitHub. Đừng ngại! Mọi phản hồi từ bạn sẽ giúp Init Live Search ngày càng tốt hơn.
Admin
15/05/2025 lúc 10:29
Nguyên lý của plugin này cũng tương tự chức năng tìm kiếm trên trang, các bạn có thể thử tìm kiếm nhé! ❤️
Admin
25/05/2025 lúc 14:08
Cập nhật: hiện tại trang đã chuyển qua dùng plugin Init Live Search cho tìm kiếm luôn rồi nhé, các bạn có thể test trực tiếp tại trang