Chống copy hình ảnh đơn giản WordPress như thế nào?

1. Có nên chống copy hình ảnh trên web không?

Cái này tùy vào mục đích sử dụng của website.

2. Cách chống sao chép hình ảnh trên website

Cách 1: Chèn code chống copy hình ảnh vào website.

Cách 2: Bật Hotlink Protection trong cPanel.

Giờ là cách 1 Nếu bạn đang dùng một plugin giúp chèn code vào WordPress chẳng hạn như Insert Headers And Footers thì bạn vào cài đặt của plugin đó. Chèn đoạn code trên vào Footer, là trước thẻ đóng </body>.

<script type=”text/javascript“>
function nocontext(e) {
var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
if (clickedTag == “img”)
return false;
}
document.oncontextmenu = nocontext;
</script>
<style>
img {
-webkit-user-drag: none;
user-drag: none;
-webkit-touch-callout: none;
}
</style>

Hoặc bạn vào Giao diện > Sửa giao diện. Chọn đúng giao diện mà bạn đang sử dụng, tìm file có tên là Chân trang giao diện (footer.php) để sửa.

Tiếp đến là cách 2:

Bạn đang nhập vào cPanel rồi tìm đến mục Hotlink Protection.

Trong đây sẽ liệt kê sẵn những tên miền có trong hosting của bạn. Bạn chỉ việc nhấp vào nút Enable là được.

Như vậy là xong, bạn hãy thử mở link một file ảnh trên một cửa sổ trình duyệt ẩn danh để kiểm tra xem có trả về 403 không nhé. Vì nếu mở bằng trình duyệt hiện tại có thể trình duyệt còn lưu cache nên vẫn hiển thị ảnh.

Lời kết

Chỉ với đoạn code đơn giản trên, bạn đã chống copy hình ảnh bằng code đơn giản WordPress.

Nếu các bạn thấy hay có thể theo dõi chuyên mục thủ thuật wordpress để biết thêm nhiều kiến thức mới nha.

Hãy follow fanpage để nhận được những bài viết mới nhất nhé : Hocwordpress Group

Chúc bạn có những kiến thức về  wordpress thú vị và hay ho !