一个网站，它的外观很重要，但是网站的内容更重要，内容是网站的核心、是灵魂。
尤其是做原创内容的网站，一定不愿意自己花心思创作的内容被别人轻易窃取。
本篇文章，Well就分享如何提高自己网站内容被复制的门槛。
为什么说提高被复制的门槛，而不是说杜绝被复制呢？
因为真正心怀不轨的人是无法绝对防范的，他可以通过爬虫获取你网站的内容。
但本篇文章依然有用，提高了内容被窃取的门槛，防止了大部分人轻易复制你网站内容。
WordPress网站如何防止内容被复制？
从操作电脑的角度来讲，在网页上复制内容的方式主要有以下几种：
- 用鼠标右键复制：先选中文本，鼠标右键里有复制选项。或者右键后打开网页源代码。
- 快捷键复制：也要选中文本，然后点击键盘上的CTRL+C。
- 拖拽复制：选中文本后，鼠标点击左键不松手，直接拖到文本编辑器里。
知道了常规复制网页内容的方式后，就可以针对这几种方法做限制，比如在网站上禁止选中、禁止右键、禁止拖拽等。
以下两种方法，分别是通过使用插件或使用自定义代码的方式防止网站内容被复制，选择其中一种方法即可。
使用插件防止WP网站内容被复制
使用插件可以快速实现禁用网页上的右键、快捷键、拖拽功能。以下是Well使用过的防复制插件：
Secure Copy Content Protection
WP Content Copy Protection & No Right Click
Secure Copy Content Protection插件的功能更多，同时也有更丰富的设置选项，相对来说细节更多。
这两个插件安装后使用默认配置就能有效防止页面内容被复制，同时还可以自定义提醒的文字、指定哪些页面开启防复制功能。
使用代码防止WordPress网站被复制内容
代码分为两个层面来进行复制防护，分别是CSS、JS层面。
将下方2段代码通过ELementor的Custom Code功能添加进网站即可。
CSS代码：
<style>
/* 禁用文本选中和长按菜单 */
body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
}
/* 禁用图片拖拽 */
img {
pointer-events: none;
-webkit-user-drag: none;
}
</style>JS代码：
<script>
// 禁用右键菜单
document.addEventListener('contextmenu', function(e) {
e.preventDefault();
});
// 禁用文本选中
document.addEventListener('selectstart', function(e) {
e.preventDefault();
});
// 禁用复制、剪切、粘贴
['copy', 'cut', 'paste'].forEach(function(evt) {
document.addEventListener(evt, function(e) {
e.preventDefault();
});
});
// 禁用拖拽
document.addEventListener('dragstart', function(e) {
e.preventDefault();
});
// 禁用 F12、Ctrl+Shift+I、Ctrl+Shift+C、Ctrl+Shift+J、Ctrl+U
document.addEventListener('keydown', function(e) {
if (
e.keyCode === 123 ||
(e.ctrlKey && e.shiftKey && e.keyCode === 73) ||
(e.ctrlKey && e.shiftKey && e.keyCode === 67) ||
(e.ctrlKey && e.shiftKey && e.keyCode === 74) ||
(e.ctrlKey && e.keyCode === 85)
) {
e.preventDefault();
}
});
</script>
以上就是本篇文章的全部内容，欢迎你在本站学习更多外贸建站教程。
