Tạm biệt đoạn code cũ – Init HTML chính thức dùng Init Live Search

Lịch sử hệ thống tìm kiếm trên Init HTML

Ở giai đoạn đầu, Init HTML từng sử dụng file search.php mặc định của WordPress để hiển thị kết quả tìm kiếm. Cách làm này đơn giản, không cần viết thêm mã, nhưng trải nghiệm người dùng còn hạn chế: mỗi lần tìm kiếm là một lần tải lại trang, tốc độ chậm, không có gợi ý hay phân loại rõ ràng.

Về sau, blog chuyển sang sử dụng một đoạn JavaScript kết hợp REST API để thực hiện tìm kiếm dạng AJAX. Giao diện được dựng bằng UIkit, kết quả hiển thị tức thời, thân thiện hơn – nhưng vẫn chỉ là một đoạn code cố định, không dễ tái sử dụng, thiếu khả năng mở rộng.

Đến thời điểm nhu cầu phát triển ngày càng cao – như voice input, cache, slash command, điều hướng bằng phím, gợi ý từ khóa, layout tùy chỉnh… – thì giải pháp plugin hóa là điều tất yếu. Init Live Search ra đời để thay thế toàn bộ các lớp cũ, xây dựng một hệ thống tìm kiếm hiện đại, mạnh mẽ, và có định hướng lâu dài.

Vì sao cần thay thế bằng plugin?

Khi nhu cầu phát triển tăng cao, việc duy trì một đoạn mã tùy biến ngày càng bất tiện. Mỗi khi cần thêm tính năng mới – như voice input, cache, slash command hay UI tối ưu cho mobile – thì phải chỉnh sửa rất nhiều chỗ, kiểm tra kỹ lại toàn bộ hệ thống.

Plugin hóa là cách tiếp cận mới: tách riêng toàn bộ logic tìm kiếm, đóng gói thành module độc lập, dễ cập nhật, dễ kích hoạt, và có thể cấu hình linh hoạt qua trang quản trị. Từ đó, Init Live Search ra đời – không chỉ để thay thế đoạn mã cũ, mà để trở thành giải pháp chính thức lâu dài.

Triple Tap – Chiêu triệu hồi tìm kiếm trên mobile

Trên di động, thay vì chiếm chỗ UI bằng nút tìm kiếm truyền thống, giờ đây người dùng chỉ cần gõ nhanh 3 lần liên tục vào màn hình để mở modal tìm kiếm. Đây là một trong những tính năng UX mang tính đột phá, vừa tiết kiệm không gian, vừa tạo cảm giác liền mạch, tinh tế.

Không cần học cách sử dụng – chỉ cần tương tác tự nhiên, hệ thống sẽ phản hồi một cách chính xác. Trải nghiệm như vậy không chỉ tiện lợi, mà còn khiến người dùng cảm thấy trang web “hiểu” mình hơn.

Hệ thống slash command mạnh mẽ

Init Live Search không chỉ tìm kiếm theo từ khóa. Plugin còn hỗ trợ hệ thống slash command, cho phép người dùng truy vấn theo ngữ cảnh: bài viết gần đây (/recent), bài nổi bật theo lượt xem (/popular), tìm theo ngày (/date 2023/04), theo danh mục hoặc tag cụ thể.

Đây là cách tiếp cận hiện đại, tương tự như khi sử dụng lệnh trong Terminal hay các công cụ productivity cao cấp. Người dùng gõ lệnh – kết quả hiện ra tức thì, đúng nhu cầu.

Dropdown gợi ý ngay khi nhập dấu “/”

Chỉ cần nhập /, plugin sẽ ngay lập tức hiển thị danh sách lệnh gợi ý dạng dropdown. Điều này giúp người dùng khám phá nhanh các khả năng mà hệ thống hỗ trợ, không cần phải nhớ hoặc gõ đầy đủ cú pháp.

Giao diện gợi ý được thiết kế tối giản, tốc độ hiển thị tức thì, phù hợp với cả desktop lẫn mobile. Bên dưới mỗi gợi ý đều có mô tả ngắn gọn, giúp người dùng hiểu rõ chức năng của từng lệnh.

Trải nghiệm người dùng là trung tâm

Từ việc hỗ trợ dark mode, phím tắt Ctrl + /, đến khả năng điều hướng bằng phím mũi tên và tự động load ảnh thumbnail, plugin luôn đặt yếu tố UX lên hàng đầu. Mỗi thao tác tìm kiếm chỉ mất vài mili giây phản hồi, nhờ cơ chế cache thông minh và REST API tùy biến.

Thay vì cố gắng hiển thị thật nhiều dữ liệu, plugin tập trung vào việc đưa ra kết quả liên quan nhất, nhanh nhất, đúng định dạng người dùng mong đợi.

Tương thích hoàn hảo với Init HTML

Từ phiên bản 1.4.2, plugin được triển khai chính thức trên Init HTML. Giao diện hiển thị đã được điều chỉnh cho phù hợp với tone trang, hiệu năng được tối ưu để hoạt động mượt cả trên máy cấu hình thấp, và toàn bộ tính năng đều hoạt động ổn định qua thời gian thực tế.

Việc chính thức sử dụng plugin này không chỉ là quyết định kỹ thuật – nó còn thể hiện sự tự tin rằng sản phẩm đã thực sự trưởng thành, sẵn sàng phục vụ hàng ngàn lượt tìm kiếm mỗi ngày.

Triết lý phát triển: đơn giản nhưng mở rộng được

Init Live Search được viết bằng JavaScript thuần, kết hợp với REST API riêng, không phụ thuộc vào jQuery hay framework nặng. Code được tổ chức tối giản, dễ hiểu, dễ mở rộng. Các hook và filter được cung cấp sẵn cho lập trình viên muốn can thiệp sâu hơn.

Đây không chỉ là một plugin dùng ngay được, mà còn là nền tảng có thể build thêm các tính năng đặc thù cho từng trang web – từ gợi ý sản phẩm cho WooCommerce, đến hỗ trợ tìm kiếm đa ngôn ngữ hoặc theo quyền người dùng.

Hướng đi tương lai

Phiên bản 1.5 dự kiến sẽ hỗ trợ tốt hơn cho các website thương mại điện tử, tích hợp WooCommerce để tìm kiếm sản phẩm, hiển thị giá, tình trạng kho và thêm vào giỏ nhanh chóng. Xa hơn nữa, plugin sẽ học ngữ nghĩa từ câu lệnh để hiểu chính xác người dùng đang muốn tìm gì.

Bên cạnh đó, việc cho phép tùy chỉnh giao diện hiển thị kết quả theo layout grid/list hoặc compact sẽ sớm được triển khai trong các bản cập nhật kế tiếp.

Chờ đợi sự kết hợp toàn diện hơn

Hiện tại, Init HTML mới chỉ triển khai Init Live Search ở mức nền tảng. Hai plugin khác là Init View Count và Init Reading Position vẫn đang chờ được duyệt chính thức trên WordPress.org. Dù đã hoàn thiện chức năng và có thể sử dụng bằng cách cài file .zip, nhưng việc chưa lên kho khiến việc tích hợp sâu vào blog còn bị gián đoạn.

Init View Count sẽ giúp hiển thị bài viết nổi bật theo lượt xem một cách chính xác và độc lập, còn Init Reading Position sẽ lưu lại tiến độ đọc bài viết của từng người dùng – những tính năng cực kỳ quan trọng để nâng tầm trải nghiệm người đọc.

Khi cả ba plugin này cùng hoạt động, blog sẽ có một hệ thống tìm – đọc – lưu – phân tích hoàn chỉnh, hiện đại và mượt mà. Hi vọng chúng sẽ sớm được duyệt, để có thể tận dụng tối đa tiềm năng.

Lời kết

Init Live Search không chỉ là một plugin, mà là kết quả của quá trình phát triển có định hướng. Việc thay thế hệ thống tìm kiếm cũ trên Init HTML đánh dấu một bước chuyển lớn, cả về chất lượng trải nghiệm lẫn tư duy sản phẩm.

Sẽ còn nhiều bản cập nhật tiếp theo, nhưng từ giờ, người dùng blog này đã có thể tận hưởng trải nghiệm tìm kiếm mượt mà, thông minh và hiện đại – ngay cả khi chỉ có một cú chạm.