User Profile Cover – Cá nhân hóa không gian của bạn
Tính năng nổi bật đầu tiên của phiên bản 2.0.7 là hệ thống ảnh bìa profile, cho phép người dùng upload và thay đổi ảnh cover trực tiếp ngay trên trang author của họ. Với nút “Change cover” được đặt ở góc trên bên phải ảnh bìa, người dùng có thể tải lên ảnh mới chỉ bằng một cú click mà không cần rời khỏi trang profile. Hệ thống hỗ trợ đầy đủ các định dạng ảnh phổ biến (JPEG, PNG, WebP), và đặc biệt dành cho VIP user còn được giữ nguyên ảnh GIF động, tạo nên không gian cá nhân thật sự độc đáo.
Ảnh bìa mặc định sử dụng team-cover.svg được tối ưu hóa cho hiệu suất với thuộc tính fetchpriority="high", đảm bảo trải nghiệm tải trang nhanh chóng. Người dùng cũng có toàn quyền kiểm soát việc hiển thị ảnh bìa thông qua profile settings, tạo sự linh hoạt tối đa trong cách thể hiện bản thân.
Profile Settings Modal – Quản lý cài đặt thông minh
Thay vì phải điều hướng đến trang quản trị hoặc làm mới trang, người dùng giờ đây có thể quản lý toàn bộ cài đặt profile thông qua một modal nhẹ nhàng được xây dựng trên REST API. Chỉ cần click vào nút settings, modal sẽ hiện lên với giao diện được render tự động từ API response, cho phép bật/tắt các tính năng như hiển thị ảnh bìa, badge collection, recent activity, và đặc biệt là chọn playlist để showcase công khai.
Kiến trúc Dynamic Settings Rendering là một trong những điểm sáng về mặt kỹ thuật của bản cập nhật này. Settings UI được generate hoàn toàn từ dữ liệu JSON trả về từ endpoint, nghĩa là trong tương lai khi cần thêm setting mới, developers chỉ cần cập nhật backend response mà không phải động đến một dòng code frontend nào. Mọi thay đổi được lưu bất đồng bộ qua PATCH request, mang lại trải nghiệm mượt mà không reload trang.
Playlist Showcase – Chia sẻ bộ sưu tập yêu thích
Một trong những tính năng được cộng đồng mong đợi nhất: khả năng showcase playlist công khai trên profile. Người dùng có thể chọn một playlist từ thư viện cá nhân để hiển thị trên trang profile, giúp chia sẻ những bộ truyện yêu thích hoặc đề xuất với người khác. Playlist được render với cùng grid layout và pagination behavior như Library template, đảm bảo tính nhất quán trong UX trên toàn site.
Hệ thống tự động preload playlist data với single query và cache mechanism, tối ưu hiệu suất. Nếu playlist rỗng hoặc không tồn tại, hệ thống sẽ gracefully skip mà không ảnh hưởng đến các phần khác của profile.
Tabbed Profile Sections – Trải nghiệm giao diện hiện đại
Thay vì thiết kế stacked blocks truyền thống, Init Manga 2.0.7 áp dụng uk-switcher navigation với các tab Stories / Playlist / Activity, giúp tiết kiệm không gian dọc đáng kể và cải thiện khả năng đọc trên mọi thiết bị, đặc biệt là mobile. Tabs chỉ hiển thị khi có nội dung tương ứng: tab Stories chỉ xuất hiện nếu user là publisher, tab Playlist chỉ show khi có playlist được chọn, và tab Activity dựa vào user preference setting.
Recent Activity Feed tích hợp shortcode hiện có để hiển thị comments và reviews gần đây của người dùng, kèm theo empty state messaging thân thiện khi không có hoạt động nào. Thiết kế này không chỉ giúp profile trở nên sống động hơn mà còn khuyến khích tương tác trong cộng đồng.
Kiến trúc kỹ thuật REST-First
Toàn bộ hệ thống profile settings và cover upload được xây dựng trên REST API với proper nonce verification và error handling. Frontend sử dụng vanilla JavaScript kết hợp Fetch API cho asynchronous operations, không phụ thuộc jQuery hay các thư viện nặng nề. Upload cover xử lý FormData với real-time feedback (Uploading… → Success/Failed), và cache busting thông qua timestamp để đảm bảo ảnh mới luôn được hiển thị ngay lập tức.
Kết luận
Init Manga 2.0.7 là một bước tiến vượt bậc trong việc xây dựng một hệ sinh thái user-centric. Từ khả năng tùy biến giao diện với profile cover, quản lý settings linh hoạt không reload trang, đến việc showcase bộ sưu tập cá nhân và theo dõi hoạt động gần đây, tất cả được đóng gói trong một giao diện tabbed navigation hiện đại và thân thiện với mọi thiết bị. Phiên bản này không chỉ nâng cao trải nghiệm người dùng mà còn đặt nền móng vững chắc cho các tính năng profile nâng cao trong tương lai.
Bình luận