文章内容被复制、粘贴甚至直接搬运?原创内容被窃取既影响品牌价值,又造成搜索排名混乱。为了提升内容保护力度,可以通过插件、CSS 或 JavaScript 来限制文本选择和复制操作。本指南会带你了解所有常用方法,适合新手与进阶用户参考。
一、为什么要在 WordPress 中禁用文本选择与复制?
日常运营中常见的问题包括:
内容被同行整篇搬运
产品文案被复制用于他站
教程文章被洗稿
原创内容排名被复制站点超越
通过禁用文本选择和复制,可以明显提升抄袭难度,让普通用户难以直接获取完整文字,从而达到保护内容的目的。虽然无法做到完全阻止,但可以有效降低大规模搬运风险。
二、实现禁用复制的主要方法概览
最常用的方案主要分为三大类:
插件方式(不用代码)
CSS 禁止用户选择
JavaScript 禁止选择与复制
下面将从简单到进阶依次讲解。
三、使用插件实现禁止复制(最适合新手)
插件方式是最简单、最安全的,只需按按钮即可实现全面防护。
1. WP Content Copy Protection 插件
该插件支持:
禁止右键
禁止文本选择
禁止复制与粘贴
禁止打印页面
安装步骤十分简单:
进入后台 → 插件 → 安装插件
搜索 “WP Content Copy Protection & No Right Click”
点击安装并启用
进入设置面板,根据需求开启选项
插件有“强力保护模式”,对大多数文章内容都能有效阻止复制。
2. WP Copy Guard 插件
界面更简单,适合只想快速禁止复制的用户。启用后即可立即生效,不需要额外配置。
插件方式优点包括:操作简单、无需写代码、适合主题更新时不影响功能。
四、使用 CSS 禁止文本选择(轻量、无插件)
如果你希望减少插件数量,可以使用 CSS 来禁止选中内容。
使用方式
进入后台→外观 → 自定义 → 额外 CSS
复制以下内容:
body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
CSS 优点是:
不影响网站速度
不用安装插件
对普通用户足够有效
缺点是:熟练用户可通过开发者工具绕过,仅适合基本级别防护。
五、使用 JavaScript 禁止复制与右键(更严格)
若你希望进一步增强防护,可以加入 JavaScript。
添加方式
后台 → 外观 → 主题文件编辑器 → 打开 header.php
在 </head> 前加入以下代码:
<script>
document.addEventListener(‘contextmenu’, function(e) {
e.preventDefault();
});
document.addEventListener(‘copy’, function(e) {
e.preventDefault();
});
document.addEventListener(‘selectstart’, function(e) {
e.preventDefault();
});
document.addEventListener(‘paste’, function(e) {
e.preventDefault();
});
</script>
效果包括:
阻止右键
阻止复制
阻止文本选中
阻止粘贴
阻止基本的快捷键复制行为
这种方式比 CSS 更强大,但可能影响某些表单操作,例如登录表单粘贴密码。
六、只保护文章内容区域,不影响全站操作
如果你只想保护文章内容,而不想让首页按钮、菜单、表单失效,可以只对文章内容区生效。例如为 .entry-content 添加限制:
禁止选择:
WordPress 后台 → 外观 Appearance → 自定义 Customize → 额外 CSS(Additional CSS)
.entry-content {
user-select: none;
}
禁止复制:
外观 → 自定义 → 自定义脚本(Custom Scripts)→ 页脚脚本(Footer Scripts)
document.querySelector(‘.entry-content’).addEventListener(‘copy’, function(e) {
e.preventDefault();
});
这种方式能保证内容区不能复制,后台表单、评论框、输入框不会受影响,适合注重用户体验的网站。
七、使用透明遮罩层方式(进阶方案)
某些专业内容网站会在文章区域上方添加透明层,用户以为选中的是文字,但实际上选中的是透明 div。
CSS 示例:
.protect-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
}
此方法结合 JavaScript 可以达到较强的防复制效果。
八、内容保护无法百分百防止复制的原因
不管你怎么设置,都无法完全阻止内容被获取,因为:
开发者工具可以直接读取 HTML
爬虫程序不受限制
截图后可用 OCR 识别文字
高级用户可关闭 JavaScript
因此保护方法的目标是“提高门槛”,而不是“绝对防止复制”。
总结
通过插件、CSS 与 JavaScript,你可以轻松在 WordPress 中实现禁止文本选择、禁止复制粘贴与禁止右键功能。这些方法无法真正做到 100% 防止内容被盗用,但能够有效减少普通用户的复制行为,保护你的原创文章、产品文案和教程内容!
