WPShare247

Học wordpress cho người mới bắt đầu

  • Blog
    • Học WordPress
    • Quản trị WordPress
    • Sửa lỗi wordpress
    • Theme wordpress
    • Plugin wordpress
    • WooCommerce
    • Seo wordpress
    • Bảo mật WordPress
    • Html & Css
    • Javascript và jQuery
    • Hướng dẫn lập trình
  • Cách tạo blog WP
  • Giới thiệu
  • Kho plugin
  • Kiểm tra web WP
X
☰
Học wordpress cho người mới bắt đầu / Wordpress cho người VIỆT !

WPSHARE247» Blog» Html & Css» Hướng dẫn vô hiệu hóa (disable) cut, copy, paste, chống sao chép nội dung

Hướng dẫn vô hiệu hóa (disable) cut, copy, paste, chống sao chép nội dung

Xuất bản vào 23/12/2020 bởi admin Xem: 165
Shares
Share
Tweet
Share
Pin

Bạn đang seo web với nội dung chất lượng, web bạn có rất nhiều bài viết hay và có thứ hạng google cao. Đó là tâm huyết của bạn, một mai bạn phát hiện ở đâu đó có những bài viết y như của bạn. Vâng là của bạn, bạn phát hiện rằng một ai đó đã sao chép, copy nội dung ấy. Bạn làm sao để đối phó với các trường hơp như thế ?

Sau đây là một số cách chống copy nội dung, hình ảnh website (hay còn gọi là content), bạn có thể dùng cho web thiết kế bằng WordPress.

1. Vô hiệu hóa cut, copy, paste bằng jQuery

<script>
    jQuery(document).ready(function(e) {
        //Vô hiệu hóa: cut copy paste
        jQuery('body').bind('cut copy paste',function(e) { // vô hiệu hóa trên toàn bộ web
            e.preventDefault(); return false; 
        });
        jQuery('#id_tag').bind('cut copy paste',function(e) { // vô hiệu hóa trên 1 thẻ được chỉ định ID
            e.preventDefault(); return false; 
        });
        
        
        //Vô hiệu hóa: chuột phải
        jQuery("body").on("contextmenu",function(e){ // vô hiệu hóa trên toàn bộ web
            return false;
        });
        jQuery('#id_tag').on("contextmenu",function(e){ // vô hiệu hóa trên 1 thẻ được chỉ định ID
            return false;
        });
    });
</script>

Cách này bạn có thể chống sao chép cho toàn bộ web hoặc nội dung của một thẻ nào đó bằng cách dùng jQuery('#id_tag')

2. Vô hiệu hóa cut, copy, paste bằng javascript

<script>
    function disableselect(e){
        return false
    }
    function reEnable(){
        return true
    }
    document.onselectstart=new Function ("return false")
    if (window.sidebar){
        document.onmousedown=disableselect
        document.onclick=reEnable
    }
</script>

Trường hợp website không dùng jQuery, bạn có thể dùng javascript đơn giản hơn như cách trên.

3. Vô hiệu hóa cut, copy, paste bằng Css

Hoặc bạn có thể sử dụng css cũng có thể chống sao chép nội dung một cách dễ dàng như sau:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Ví dụ chống copy nội dung</title>
</head>

<style>
.disable_copy {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}
body {
    -webkit-user-select: none !important;
    -moz-user-select: -moz-none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
</style>

<body>
    <div>Đây là website chia sẻ tài liệu học WordPress. Nội dung này chống sao chép.</div>
    <section class="disable_copy">Đây là website chia sẻ tài liệu học WordPress. Nội dung này chống sao chép.</section>
</body>
</html>

4. Vô hiệu hóa cut, copy, paste bằng Plugin WordPress

Nếu bạn sử dụng mã nguồn mở WordPress, bạn có thể sử dụng một số plugin miễn phí có sẵn trong kho plugin. Sau đây tôi xin liệt kê một vài plugin chống sao chép nội dung phổ biến, bạn có thể cài đặt plugin vào và sử dụng nhé.

  • WP Content Copy Protection & No Right Click => link tải
  • Disable Right Click For WP => link tải
  • Secure Copy Content Protection and Content Locking => link tải

Đối với các plugin wordpress bạn nên chọn lọc để cài vì có thể xảy ra xung đột với các script trong theme bạn đang sử dụng.

Tùy vào sự thuận tiện nào mà bạn có thể chọn một trong các cách trên nhé. Tuy nhiên đây chỉ là các cách hạn chế những người xấu chuyên đi copy nội dung bài viết của người khác, làm cho họ tốn thời gian sao chép nội dung chứ không thể nào ngăn chặn được 100%.

Shares
Share
Tweet
Share
Pin
← Bài cũ hơn → Bài tiếp theo
html cssjavascriptjqueryseo
Bài viết liên quan
  • Học thiết kế web WordPress cơ bản nên chuẩn bị những gì?

    Học thiết kế web WordPress cơ bản nên chuẩn bị những gì?

  • Hướng dẫn tạo hiệu ứng pháo hoa tết cho website

    Hướng dẫn tạo hiệu ứng pháo hoa tết cho website

  • Hướng dẫn cách thêm css và javascript vào theme wordpress

    Hướng dẫn cách thêm css và javascript vào theme wordpress

  • Hướng dẫn cách tích hợp Bootstrap vào WordPress

    Hướng dẫn cách tích hợp Bootstrap vào WordPress

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Liên kế MXH của WPShare247

Tìm thấy những kiến thức mới từ WPShare247

Viết blog wordpress
Tôi đang cần...
Cách làm blog Plugin Wordpress Bảo mật Wordpress Seo với Wordpress Lỗi Wordpress WooCommerce

Chủ đề

  • Code WordPress
  • Hàm WordPress
  • Hướng dẫn WordPress
  • Theme wordpress
  • WooCommerce
  • Seo wordpress
  • Html & Css
  • Javascript và jQuery
  • Plugin wordpress
  • Hướng dẫn lập trình

Tag

add_image_size (1) ajax wordpress (1) bootstrap (1) cms wordpress (1) Contact Form 7 (2) danh mục sản phẩm (2) duplicator (1) get_query_var (1) get_template_part (1) html css (2) hàm wordpress (1) hướng dẫn dùng plugin (1) hướng dẫn wordpress (1) học wordpress (1) invoice (1) javascript (3) jquery (2) jquery before after (1) locate_template (1) login_head (1) Loop (2) menu (1) menu tài khoản (1) page template (1) pagination (1) permalink (1) phpmyadmin (3) plugin (1) post_type (1) slider before after (1) slider trước sau (1) Sản phẩm (1) template (1) Template page (1) theme (2) thư viện jquery (2) tài khoản (1) user (1) Vòng lặp (1) woocommerce (6) wordpress (2) wp-admin (1) wp_enqueue_scripts (2) wp_nav_menu (1) WP_Query (3)
Featured In
Về WPShare247

Học wordpress cho người mới bắt đầu.

WPShare247 là blog chia sẻ các kiến thức về WordPress, sửa chữa lỗi wordpress, giới thiệu theme và plugin wordpress mới nhất.

Menu
  • Trang chủ
  • Giới thiệu
  • Blog
  • Kho plugin WPSHARE247
  • Liên hệ
Chủ đề wordpress
  • Sửa lỗi wordpress
  • Plugin wordpress
  • Theme wordpress
  • Seo wordpress
  • WooCommerce

Copyright © 2021 WPSHARE247. All Rights Reserved. Một sản phẩm của website366.com Thiết kế web trọn gói