Một hiệu ứng theo chủ đề giúp website tạo cảm giác mới mẻ trong dịp lễ mà không cần chỉnh sửa mã nguồn cốt lõi. Với website sử dụng mã nguồn CMSNT, bạn có thể kích hoạt hiệu ứng chào mừng ngày Giải phóng miền Nam 30/4 trực tiếp từ trang quản trị.
Hướng dẫn dưới đây tập trung vào cách triển khai nhanh, kiểm tra hiển thị trên nhiều thiết bị và gỡ bỏ sau sự kiện để website luôn nhẹ, ổn định.
Chuẩn bị trước khi cài hiệu ứng
Bạn cần tài khoản có quyền truy cập phần Cài đặt trong Admin Panel. Nên sao lưu nội dung hiện có ở ô Script Header trước khi thêm mã mới để có thể khôi phục ngay khi cần.
- Đăng nhập đúng trang quản trị của website cần cấu hình.
- Kiểm tra website đang hoạt động bình thường và không có lỗi giao diện.
- Lưu lại nội dung Script Header hiện tại vào một tệp riêng.
Các bước chèn hiệu ứng 30/4
- 01
Mở khu vực Script Header
Trong Admin Panel, vào Cài đặt và tìm ô Script Header. Tên mục có thể khác đôi chút tùy phiên bản mã nguồn.
- 02
Dán mã hiệu ứng
Đặt hai dòng mã bên dưới sau nội dung đang có. Không xóa các thẻ hoặc đoạn script khác nếu bạn chưa xác định rõ chức năng của chúng.
- 03
Lưu và làm mới website
Nhấn Lưu, mở trang chủ trong cửa sổ ẩn danh và tải lại trang để kiểm tra tệp CSS, JavaScript đã được nạp.
<link rel="stylesheet" href="https://api.cmsnt.co/cdn/3041975/style.css">
<script src="https://api.cmsnt.co/cdn/3041975/script.js" defer></script>Lưu ý: Thuộc tính defer giúp tệp JavaScript chạy sau khi HTML đã được phân tích, hạn chế ảnh hưởng đến tốc độ hiển thị nội dung chính.
Kiểm tra sau khi cài đặt
Hãy kiểm tra cả máy tính và điện thoại vì hiệu ứng phủ toàn màn hình có thể che nút điều hướng hoặc nội dung quan trọng trên màn hình nhỏ. Nếu dùng hệ thống cache, bạn có thể cần xóa cache ứng dụng, CDN hoặc trình duyệt trước khi thấy thay đổi.
- Trang vẫn cuộn, bấm nút và mở menu bình thường.
- Không xuất hiện thanh cuộn ngang hoặc phần tử che nút mua hàng.
- Console của trình duyệt không báo lỗi tải style.css hoặc script.js.
- Tốc độ tải trang không thay đổi đáng kể.
Cách tắt hoặc gỡ hiệu ứng sau ngày lễ
Quay lại ô Script Header, xóa đúng hai dòng đã thêm rồi lưu cấu hình. Sau đó xóa cache và kiểm tra lại trang chủ. Việc gỡ đúng thời điểm giúp giao diện giữ được tính chuyên nghiệp và tránh tải tài nguyên không còn cần thiết.
Lưu ý về hiệu năng và an toàn
Mọi tệp JavaScript bên ngoài đều có quyền tác động đến giao diện trang. Chỉ dùng đường dẫn từ nguồn bạn tin tưởng, theo dõi website trong thời gian kích hoạt và luôn giữ bản sao cấu hình trước đó. Nếu website có chính sách CSP nghiêm ngặt, tên miền api.cmsnt.co cần được cho phép trong chỉ thị phù hợp.
