【WordPress教程】复制内容文字弹出版权提示

作者 : 开红大大 发布时间: 2019-03-8 文章热度:4.21K 共814个字,阅读需3分钟。 字体: 隐藏侧边 显示侧边

此方法是在网上看到的,觉得还不错就借鉴过来了,有需要的可以看看。
效果如下:
【WordPress教程】复制内容文字弹出版权提示-开红大大源码库

有两种方式实现:

一、通过 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 下载到本地,进一步美化修改样式。

二、直接调用浏览器自带提示框
效果如下:
【WordPress教程】复制内容文字弹出版权提示-开红大大源码库

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

function zm_copyright_tips() {
echo '<script>document.body.oncopy=function(){alert("复制成功!转载请务必保留原文链接,申明来源,谢谢合作!");}</script>';
}
add_action( 'wp_footer', 'zm_copyright_tips', 100 );
免责声明: 本站资源均来自互联网,除了亲测源码能保证完整,其他未测试的源码不能保证其完整性,购买后不支持退款。 本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系我们。 若需要解压密码,没有注明的话一律为“www.lkh0525.cn”。
开红大大源码库 » 【WordPress教程】复制内容文字弹出版权提示
518+

本站勉强运行

1217+

用户总数

795+

资源总数

5+

今日更新

2020-3-31

最后更新时间