标题很显然,今天给大家介绍的是:
访客复制内容时弹出版权提示。
介绍两种实现代码:
一种较简单,效果也简单;
一种稍复杂,效果也更佳。
一、借助内置弹窗
这种方法很简单,只需在
function.php内添加如下代码
function copyright_tips() {echo '<script>document.body.oncopy=function(){alert("复制成功!撰文不易,转载请保留原文链接,谢谢合作!");}</script>';}add_action( 'wp_footer', 'copyright_tips', 100 );
实现效果:在浏览器弹出
二、美化弹出样式
只需三步就可实现
1、上传文件
将下面两个文件上传至服务器
sweetalert.css、sweetalert.min.js
2、引入文件
在header.php添加如下下代码
<link rel="stylesheet" href="你的sweetalert.css位置" type='text/css' /> <script src="你的sweetalert.min.js位置"></script>
需在<head></head>中间哦~
3、添加信息
在header.php内添加版权信息
<script>document.body.oncopy = function() {swal("复制成功!", "撰文不易,若转载请务必保留原文链接,谢谢合作!","success");};</script>
注意添加在最底部
刷新缓存,可以看到效果了~
此法转载自腾讯云社区
https://cloud.tencent.com/developer/article/1332251
扩展阅读
松鼠小:网站美化 | 添加彩色文本框zhuanlan.zhihu.com