Tôi vào web của ông Fox Theme thấy cái Cookie Thông báo WordPress hay quá nên tìm để làm code nhẹ nhất cho web có thể. ( nếu cần thông báo cho khách hàng cái chi thì dùng đoạn code này nhẹ mà tiện phết )
Đoạn code này có các ưu điểm sau
- Kích thước nhỏ hơn 1 KB (~500 byte được nén)
- Không có tệp CSS hoặc JavaScript (mọi thứ được nội tuyến)
- Không phụ thuộc jQuery
- Không cần truy vấn cơ sở dữ liệu
- Bạn có thể chèn liên kết hoặc bất cứ thứ gì bạn muốn trong thẻ <p>.
Hướng dẫn cài đặt
vào giao diện -> Theme Editor -> (footer.php) và dán đoạn code dưới đây vào trước thẻ </body> ( Lưu ý: tôi chưa chỉnh css lại cho đẹp, các bác có thể tự css lại cho đẹp nha )
Copy và dán đoạn code dưới đây nha các bạn ( các bạn có thể sửa text và chèn liên kết vô văn bản cũng được )
<p id="cookie-notice">Trang web này sử dụng cookie hoặc các công nghệ tương tự, để nâng cao trải nghiệm duyệt web của bạn và cung cấp các đề xuất được cá nhân hóa. Bằng cách tiếp tục sử dụng trang web của chúng tôi, bạn đồng ý chứ!<br><button onclick="acceptCookie();">Đông Ý!</button></p>
<style>#cookie-notice{color:#fff;font-family:inherit;background:#596cd5;padding:20px;position:fixed;bottom:10px;left:10px;width:100%;max-width:300px;box-shadow:0 10px 20px rgba(0,0,0,.2);border-radius:5px;margin:0px;visibility:hidden;z-index:1000000;box-sizing:border-box}#cookie-notice button{color:inherit;background:#3842c7;border:0;padding:10px;margin-top:10px;width:100%;cursor:pointer}@media only screen and (max-width:600px){#cookie-notice{max-width:100%;bottom:0;left:0;border-radius:0}}</style>
<script>function acceptCookie(){document.cookie="cookieaccepted=1; expires=Thu, 18 Dec 2030 12:00:00 UTC; path=/",document.getElementById("cookie-notice").style.visibility="hidden"}document.cookie.indexOf("cookieaccepted")<0&&(document.getElementById("cookie-notice").style.visibility="visible");</script>
Chúc các bạn 1 ngày vui vẻ !!!
Cám ơn E nhé. Code xịn xò và nhẹ quá xá!