Highlight & Note hoạt động như thế nào?
Khi độc giả bôi đen một đoạn văn trong bài viết, một thanh công cụ nổi xuất hiện ngay bên dưới với hai lựa chọn: Highlight (đánh dấu) và Add note (thêm ghi chú). Chọn Highlight thì đoạn văn được bao bọc bởi màu đánh dấu quen thuộc. Chọn Add note thì một popover nhỏ gọn hiện ra để độc giả viết ghi chú — textarea tự động focus, con trỏ nhảy ngay cuối dòng nếu đã có nội dung trước đó, trải nghiệm mượt như native app.
Sau khi lưu, đoạn văn được highlight giữ nguyên trạng thái. Click vào đoạn đã đánh dấu sẽ mở popover để xem, sửa hoặc xoá ghi chú. Toàn bộ quy trình — từ bôi đen đến lưu ghi chú — diễn ra trong vòng chưa đầy hai giây.
Lưu trữ hoàn toàn client-side: riêng tư, nhanh, không phụ thuộc server
Điểm mạnh lớn nhất của tính năng này nằm ở cách lưu trữ. Highlight và ghi chú được lưu vào localStorage của trình duyệt, với key riêng cho từng bài viết. Điều này có nghĩa là:
- Không dữ liệu nào gửi lên server — hoàn toàn riêng tư, không ảnh hưởng đến database hay hiệu suất hosting
- Không cần đăng nhập — độc giả ẩn danh vẫn sử dụng bình thường
- Tự động khôi phục — mỗi lần quay lại bài viết, highlight và ghi chú cũ hiện nguyên vẹn như chưa từng rời đi
- Hoạt động offline — sau khi load trang, tính năng vẫn chạy ngay cả khi mất kết nối
Đây là cách tiếp cận privacy-first mà nhiều nền tảng lớn như Medium đã chứng minh hiệu quả: độc giả sở hữu dữ liệu của chính mình, trên chính thiết bị của họ.
Giao diện đồng nhất với hệ thống thiết kế theme
Thanh công cụ và popover của Highlight & Note tái sử dụng các class uk-button và uk-border-pill sẵn có của theme, đảm bảo kiểu dáng pill-style đồng bộ với các thành phần khác như chip danh mục, chip thẻ, nút gửi bình luận. Không có sự lạc lõng về mặt thẩm mỹ — mọi thứ trông như thể được thiết kế từ đầu, không phải ghép thêm.
Popover được căn chỉnh tự động để không tràn ra khỏi viewport, và tự động ẩn khi cuộn trang hoặc click ra ngoài. Toolbar cũng biến mất ngay khi độc giả click chỗ khác, không gây vướng víu.
Bật/tắt linh hoạt trong Theme Settings
Admin có toàn quyền kiểm soát. Trong Theme Settings → Post Settings, tùy chọn init_press_enable_highlight_note cho phép bật hoặc tắt toàn bộ tính năng. Mặc định là bật, nhưng nếu bạn muốn giữ giao diện tối giản hoặc tránh xung đột với plugin bên thứ ba, chỉ cần một cú click.
Tối ưu hiệu suất: chỉ load khi cần
Phiên bản 1.2.8 còn mang đến một cải tiến quan trọng về hiệu suất: các chuỗi initPressData chỉ dùng bởi is_singular() — bao gồm mục lục series, mục lục bài viết, tiến trình đọc, Highlight & Note — giờ đây chỉ được in trên trang bài viết đơn lẻ thay vì mọi trang trong site. Điều này giảm thiểu dữ liệu thừa trên trang chủ, archive, và các trang tĩnh, giúp site load nhanh hơn đáng kể.
Đa ngôn ngữ sẵn sàng
Toàn bộ giao diện Highlight & Note — từ nhãn nút đến placeholder textarea — đã được quốc tế hóa đầy đủ theo chuẩn WordPress i18n. Bản dịch tiếng Việt đi kèm sẵn, admin chỉ cần kích hoạt ngôn ngữ là giao diện tự động chuyển sang tiếng mẹ đẻ.
Tổng kết
Init Press 1.2.8 không chỉ thêm một tính năng mới — mà nâng tầm trải nghiệm đọc từ thụ động lên tương tác. Độc giả không còn chỉ đọc và rời đi; họ để lại dấu ấn cá nhân trên từng bài viết, biến blog của bạn thành không gian đọc thực sự thuộc về họ.
Bình luận