本文教大家在WordPress主题中,加入复制文章内容时弹出版权提示,提醒转载注明文章出处的小功能。
通过SweetAlert美化的提示框
将下面代码添加到当前主题模板函数functions.php文件最后即可:
function zm_copyright_tips() { echo '<link rel="stylesheet" type="text/css" 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可以,其它浏览器没试。
本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
江苏省苏州市 1F
喜欢第二种,简洁明了,不影响加载速度。
江苏省苏州市 2F
第一种有特效,但其实根本就没复制过去。不知道是什么原因!
江苏省苏州市 3F
很实用的一种方法
湖北省武汉市 4F
我没用这个,感觉还是多此一举,人家要复制依旧会复制。
河南省郑州市 5F
感觉还是不要添加这种弹出提示为宜,真心太影响用户体验了!
陕西省西安市 6F
这个做法只能防君子站长,不过对有需要的人而言还是挺不错的
江苏省苏州市 7F
safari下不行。
河南省郑州市 8F
begin才可以用么?
江苏省苏州市 B1
@ 灰常记忆 简单的js,都可以用
河南省郑州市 9F
感觉有点点鸡肋呢,真心想保留版权的自然会保留,不想保留的提醒也没有用
河南省郑州市 10F
知更鸟博客说的关于WP技巧方面的知识真的很全面,没事经常过来学习学习
陕西省西安市 11F
该复制的还是会复制。