WordPress 复制内容文字弹出版权提示

2018年11月13日 0 条评论 90 次阅读 0 人点赞

最近,酷客星球知更鸟博客看到一个版权提示功能,虽说防防君子还行,但是对于有需求的人来说比较实用。

有两种方式实现:

一、通过 SweetAlert 美化的提示框

添加代码到当前主题模板 functions.php 文件:

function zm_copyright_tips() {
echo '<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" >';
echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>';
echo '<script>document.body.oncopy = function() { swal("复制成功!", "转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>';
}
add_action( 'wp_footer', 'zm_copyright_tips', 100 );

上述代码直接外链调用的公共库,也可以将外链的 JS 和 CSS 下载到本地,进一步美化修改样式。

不过发现上面代码在火狐中不能复制内容,chrome 和 IE 可以,其它浏览器没试。

二、直接调用浏览器自带提示框

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

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

Jackwill

这个人太懒什么东西都没留下