如何禁止WordPress图片拖放文章选择防复制?

为了把明天的工作做好,我们必须把今天的工作先做好了,不要给明天的工作找麻烦。在工作面前,态度决定一切。没有不重要的工作,只有不重视工作的人。不同的态度,成就不同的人生,有什么样的态度就会产生什么样的行为,从而决定不同的结果。

通过下面的 JS 代码,可以有效地防止别人直接复制拷贝我们的文章,用 frame 标签引用我们的文章时,会自动跳转到文章正常链接,同时禁止右键菜单。如果想要实现复制文章内容弹出版权提示框,请参考『WordPress 如何实现复制文章内容弹出版权提示框?』。

使用方法一

打开当前主题头部模板 header.php 找到:<?php wp_head(); ?>将下面代码添加到后面:

<script>
// 禁止右键
document.oncontextmenu = function() {
return false
};
// 禁止图片拖放
document.ondragstart = function() {
return false
};
// 禁止选择文本
document.onselectstart = function() {
if (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password") return false;
else return true;
};
if (window.sidebar) {
document.onmousedown = function(e) {
var obj = e.target;
if (obj.tagName.toUpperCase() == "INPUT" || obj.tagName.toUpperCase() == "TEXTAREA" || obj.tagName.toUpperCase() == "PASSWORD") return true;
else return false;
}
};
// 禁止 frame 标签引用
if (parent.frames.length > 0) top.location.replace(document.location);
</script>

使用方法二

上面的方法查看源代码时有些乱,可以在当前主题目录新建一个名称为 copyright.js 文件,将下面代码添加进去:

// 禁止右键
document.oncontextmenu = function() {
return false
};
// 禁止图片拖放
document.ondragstart = function() {
return false
};
// 禁止选择文本
document.onselectstart = function() {
if (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password") return false;
else return true;
};
if (window.sidebar) {
document.onmousedown = function(e) {
var obj = e.target;
if (obj.tagName.toUpperCase() == "INPUT" || obj.tagName.toUpperCase() == "TEXTAREA" || obj.tagName.toUpperCase() == "PASSWORD") return true;
else return false;
}
};
// 禁止 frame 标签引用
if (parent.frames.length > 0) top.location.replace(document.location);

然后再将下面代码添加到当前主题函数模板 functions.php 的最后:

function copyrightpro_scripts() {
wp_enqueue_script( 'copyright', get_template_directory_uri() . '/copyright.js', array(), version, false );
}

if (! current_user_can('level_10') ) {
add_action( 'wp_enqueue_scripts', 'copyrightpro_scripts' );
}

代码中加了判断,管理员登录状态下防复制代码无效。

当然上面的方法,也只是忽悠一下小白,浏览器禁用 JavaScript 后,将失去效果。如果你不喜欢折腾代码的话,可以直接安装该功能的插件,具体可参考『WordPress 禁止文章选择防复制插件 CopyRightPro』

JS 代码提取自:CopyRightPro 插件

内容整理自:知更鸟 - http://zmingcx.com/anti-copy.html

到此这篇关于如何禁止WordPress图片拖放文章选择防复制?就介绍到这了。生活赋予我们一种巨大的和无限高贵的礼品,这就是青春;充满着力量,充满着期待志愿,充满着求知和斗争的志向,充满着希望和信心。更多相关如何禁止WordPress图片拖放文章选择防复制?内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

标签: 拖放 WordPress