不想文章被随便搬走?手把手教你在 WordPress 阻止文本复制粘贴

文章内容被复制、粘贴甚至直接搬运?原创内容被窃取既影响品牌价值,又造成搜索排名混乱。为了提升内容保护力度,可以通过插件、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% 防止内容被盗用,但能够有效减少普通用户的复制行为,保护你的原创文章、产品文案和教程内容!

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注