Plugin siêu nhẹ giúp tạo hiệu ứng tuyết rơi cho website WordPress.
Bạn muốn mang không khí Giáng sinh lên website WordPress của mình nhưng sợ làm chậm tốc độ tải trang? Bạn ám ảnh với những plugin tạo hiệu ứng tuyết rơi cũ kỹ dùng jQuery nặng nề, ngốn CPU và làm tụt điểm Google PageSpeed? Hãy quên những nỗi lo đó đi. Bởi vì WPCB Snowfall chính là giải pháp mà bạn đang tìm kiếm. WPCB Snowfall là gì? Tại sao bạn nên lựa chọn nó? Hãy dành vài phút để cùng WP Căn bản tìm hiểu ngay sau đây.
Tham khảo thêm:
WPCB Snowfall là gì?
WPCB Snowfall là plugin tạo hiệu ứng tuyết rơi được thiết kế với triết lý “Performance First” (hiệu năng là số 1). Không giống các plugin trang trí thông thường, WPCB Snowfall được tối ưu đến từng dòng code để đảm bảo:
- Zero Dependency: không jQuery, không thư viện ngoài.
- Zero Layout Shift: không gây giật khung hình, an toàn tuyệt đối cho Core Web Vitals (đặc biệt là CLS).
- Zero Bloat: chỉ tải khi thực sự cần thiết.
- Zero Setting: chỉ cần cài đặt, không cần thiết lập.
Tại sao nên chọn WPCB Snowfall để tạo hiệu ứng tuyết rơi?
Đây là phiên bản “Diamond” hội tụ những kỹ thuật tối ưu frontend hiện đại nhất:
Siêu nhẹ và mượt mà (GPU Accelerated)
Thay vì dùng JavaScript để tính toán vị trí từng hạt tuyết (gây nóng máy), WPCB Snowfall sử dụng CSS3 Animation kết hợp với CSS Variables. Điều này giúp chuyển toàn bộ gánh nặng xử lý sang GPU, giúp CPU rảnh rang xử lý các tác vụ quan trọng khác của website.
- Clean DOM: sử dụng
DocumentFragmentđể render một lần duy nhất, container được cô lập bằngcontain: layout paint. - Memory Leak Free: tự động dọn dẹp các Event Listeners (
visibilitychange,resize,matchMedia) khi plugin bị hủy hoặc trang unload (pagehide). - Physics: giả lập độ sâu trường ảnh (Depth of Field) bằng cách random kích thước, độ mờ và tốc độ bay ngang (
--drift) cho từng hạt.
Thông minh và tiết kiệm pin (Smart Battery Saver)
Plugin sử dụng Page Visibility API. Khi người dùng chuyển sang tab khác hoặc thu nhỏ trình duyệt, hiệu ứng tuyết sẽ tự động dừng hoàn toàn.
- Giúp tiết kiệm pin cho điện thoại/ laptop của khách truy cập.
- Giải phóng tài nguyên hệ thống ngay lập tức.
An toàn tuyệt đối (Context Aware)
WPCB Snowfall được trang bị bộ lọc ngữ cảnh “cực đoan”. Nó sẽ TỰ ĐỘNG KHÔNG CHẠY trong các trường hợp:
- Trang Admin (
wp-admin), trang đăng nhập/ đăng ký. - Trang thanh toán của WooCommerce (cart/ checkout) để tối ưu tỷ lệ chuyển đổi.
- Các truy vấn AJAX, REST API, RSS Feeds…
- Trình sửa giao diện (Customizer/ Elementor/ Builder…).
Chuẩn Accessibility (A11y) và UX
Chúng tôi tôn trọng trải nghiệm của mọi người dùng:
- Reduced Motion Support: nếu người dùng cài đặt hệ điều hành ở chế độ “Giảm chuyển động” (thường là người hay bị chóng mặt), tuyết sẽ tự động ẩn.
- Screen Reader Friendly: các hạt tuyết hoàn toàn “vô hình” với các trình đọc màn hình, không gây phiền nhiễu cho người khiếm thị.
- No Interaction: sử dụng
pointer-events: nonegiúp tuyết không bao giờ chặn click chuột vào menu hay nút bấm.
Tự động cập nhật (Auto Update)
Dù là plugin nội bộ, WPCB Snowfall vẫn được tích hợp cơ chế auto update chuyên nghiệp. Bạn sẽ nhận được thông báo cập nhật ngay trong Dashboard khi có phiên bản mới, giống hệt các plugin trên kho của WordPress.org.
Tạo hiệu ứng tuyết rơi với WPCB Snowfall
1. Đầu tiên, bạn cần download plugin WPCB Snowfall. Vui lòng tham gia group WP Căn bản trên Facebook (chỉ dành riêng cho khách hàng) để lấy link download plugin.
Tham gia group WP Căn bản ngay
2. Upload, cài đặt và kích hoạt plugin WPCB Snowfall.
Xong. Đó là tất cả những gì bạn cần làm. Giờ thì hãy tận hưởng thành quả thôi. Demo chi tiết của plugin các bạn có thể xem ngay trên wpcanban.com hoặc shop.wpcanban.com.
Thật tuyệt vời phải không nào? Chúc các bạn thành công!
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
Nãy đi WC cầm điện thoại vào blog của bro mới thấy mấy bông tuyết màu xanh nhạt… thì ra là do cái tools này à? trên máy tính nhìn không rõ lắm… cơ mà mình già rồi mấy cái hiệu ứng này thời trẩu tre vọc web thì ham chứ giờ thì thấy nó ko phê như hồi đó nữa kkkk
Haha. Làm tí cho có không khí Giáng sinh thôi bạn. 😂
Có cách nào chỉ cho hiệu ứng ở trang chủ thôi không bạn nhỉ
Hiện tại plugin không có trang thiết lập nên không thể tùy chỉnh được bạn nhé.
Hôm trước mình vào thấy có tuyết rơi mà nay hông có he, còn mấy ngày nữa là tới tâm điểm mùa Giáng Sinh rồi. Quẩy lên cho có không khí nào nào ^^
Ủa. Máy tính và điện thoại của em vẫn thấy tuyết rơi ầm ầm mà ta? Bác dùng trình duyệt web gì thế? 🤔
Mình vừa tét lại trên cả Chrome và Safari đều không thấy tuyết rơi á ^^ Với tính năng lưu thông tin bình luận không hoạt động á Hiếu, mình tick chọn mục Lưu tên của tôi, email, và trang web,…. nhưng toàn nhập lại thủ công không á.
Bác xóa cache trình duyệt chưa? Thử bật ẩn danh xem. Chứ em test thấy hiện bình thường. Test Google PageSpeed còn thấy tuyết cơ mà. 😂 Riêng cái cookie ở bình luận thì em cũng biết lâu rồi nhưng chưa xử lý được. 😅
Rồi rồi, không phải chế độ ẩn danh hay xoá cache bạn Hiếu ơi. Nó không có tuyết trên máy macOS thôi. Mình vừa test trên máy Windows ở chế độ khách (chế độ này sạch sẽ hơn ẩn danh) thấy có tuyết rơi rồi. Chrome trên iOS cũng có tuyết rơi ^^
Safari trên iPadOS 18.7.3 có tuyết rơi bình thường. Em không dùng MacOS nên không check được. Nhưng vừa nhờ thằng em dùng Macbook Pro M1 check hộ cũng thấy hiện bình thường. 😂
Ủa, sao kỳ ẹ ta… mình mới test thêm Opera, Cốc cốc đều không hiện á. 1 cái Chrome thì có thể do trình duyệt chứ 3 cái còn lại đều ko có tuyết rơi mà. Chrome thì hông nói chứ 3 trình duyệt kia là trước đây chưa từng vào wpcanban nên ko có cache được, với lại cũng xoá dữ liệu duyệt web thử rồi á Hiếu. Của mình là macOS 26 bản mới nhất chạy trên macbook m4, các trình duyệt thì cái nào cũng bản mới nhất á.
Nếu vậy thì vấn đề không nằm ở trình duyệt web mà nằm ở hệ điều hành của bác. Có thể bác đang tắt tính năng nào đó, chẳng hạn như:
Vào Group mà chưa thấy link tải bạn Hiếu ơi
Xem phần bài viết ghim ở đầu group ấy bạn. 😅
Đã tải nhé, cảm ơn bạn Hiếu :D
Sử dụng có vấn đề gì thì phản hồi lại giúp mình để cải tiến nhé. Cảm ơn bạn. 😅
Thấy tuyết rơi trên điện thoại và tablet rồi bạn Hiếu ạ, còn trình duyệt Brave trên lap thì chưa thấy :D
Bạn thử xóa cache trình duyệt chưa? Brave hình như là nhân Chromium giống Google Chrome mà nhỉ?
Xóa cache Brave, dùng thử bằng Chrome vẫn chưa thấy tuyết rơi bạn ạ :)) Nhưng mà cũng ko quan trọng lắm đâu, trên điện thoại là đẹp rồi.
Máy của mình vào web bạn Ngọc thấy tuyết rơi ầm ầm nhé. Có lẽ máy của bạn Ngọc đang nằm ở trường hợp này rồi:
Đúng rồi bạn, hôm qua cũng định bảo bạn Hiếu là chắc tại máy của mình chứ ko phải tại plugin đâu :D
Có bạn Tịnh Nguyễn cũng kêu không thấy kìa. Lạ quá. Mình test trên desktop (Windows – Chrome), table (iPadOS – Safari), mobile (Android – Chrome)… tất cả các thiết bị đều hiển thị tuyết rơi bình thường. Test Google PageSpeed còn thấy tuyết cơ mà. 😂