网站复制实现版权弹框提示

最省事这样一类主打原创博文的网站,特别需要注重投稿作者的版权保护。采取限制右键复制的方式不可取,不但无法阻挡技术大牛的抄袭需求,也会严重影响用户体验。那么,我们可以在有读者复制本站文章内容时,让网站自动弹出版权提示框,提醒读者转载时注明文章出处。小伙伴们可以直接将以下代码加入到主题目录functions.php文件即可实现这一功能。

PHP代码

//复制弹出版权提示框
    function jiub() {  
 echo '<link rel="stylesheet" type="text/css" href="https://www.ozss.com/css/sweetalert.min.css" >';  
 echo '<script src="https://www.ozss.com/js/sweetalert.min.js"></script>';  
 echo '<script>document.body.oncopy = function() { swal("复制成功!", "转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>';  
}  
add_action( 'wp_footer', 'jiub', 100 ); 

效果图

网站复制实现版权弹框提示插图1

上述JS和CSS文件(sweetalert.min.css和sweetalert.min.js)直接调用最省事的公共库,如果您需要进一步美化修改样式,也可以下载到本地:

如果认为加载 JS 和 CSS 会影响速度,也可以直接用下面的代码,调用浏览器自带提示框。只需要将下面代码添加到当前主题模板函数 functions.php 文件最后即可:

function zm_copyright_tips() {
echo '<script>document.body.oncopy=function(){alert("复制成功!转载请务必保留原文链接,申明来源,谢谢合作!");}</script>';
}
add_action( 'wp_footer', 'zm_copyright_tips', 100 );

效果图

网站复制实现版权弹框提示插图3

本文来自【年年有鱼铂金】的投稿,部分内容可能来源于互联网,不代表【最省事】的观点和立场。侵权投诉>>

本文著作权归博主所有,并授权【最省事】独家使用,未经博主授权,请勿转载。授权申请>>

(33)
上一篇 2020年9月7日 10:50
下一篇 2020年10月20日 10:02

发表回复

登录后才能评论