WordPress怎么设置复制文章时弹出版权提示框?

2022年10月9日 发表评论

云产品最新活动点击抢腾讯云3/5年服务器限量秒杀名额续费贵、升级贵,建议选配置高、长期的云产品PS:幻兽帕鲁十分火热:点击了解阿里云帕鲁服务器自建教程点击了解腾讯云帕鲁服务器自建教程

本文教大家在WordPress主题中,加入复制文章内容时弹出版权提示,提醒转载注明文章出处的小功能。

通过SweetAlert美化的提示框

将下面代码添加到当前主题模板函数functions.php文件最后即可:

  1. 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 );

效果如图:

WordPress怎么设置复制文章时弹出版权提示框?

上述代码直接外链调用的公共库,也可以将外链的JS和CSS下载到本地,进一步美化修改样式。 不过发现上面代码在火狐中不能复制内容,chrome和IE可以,其它浏览器没试。

简单的提示框

如果认为加载JS和CSS会影响速度,也可以直接用下面的代码,调用浏览器自带提示框,使用方法同上:

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

效果如图:

WordPress怎么设置复制文章时弹出版权提示框?

云产品最新活动点击抢腾讯云3/5年服务器每日限量秒杀名额云产品续费贵,推荐选择【新品专区】2核4G5M服务器3年756元升级贵,建议选配置高的免备案服务器2核2G20M-270元/1年点击前往选购更多规格配置的国内外轻量服务器请点击进入轻量服务器专场活动点击进入跨境电商服务器活动点击进入优惠全站搜

云服务器常见问题可以点击查看 腾讯云产品文档 阿里云产品文档 华为云产品文档 了解更多。

腾讯云服务器今日限时秒杀:超便宜,点此了解!

腾讯云大额优惠券限量每天领取:点此直达

2核2G4M服务器540元/3年:点此直达

2核4G5M服务器199元/1年:点此直达

2核4G5M服务器756元/3年:点此直达

4核8G12M服务器 529元15个月:点此直达

8核16G18M服务器1668元/15个月:点此直达

2核2G CVM服务器S5 313元/15个月:点此直达

2核4G CVM服务器S5 748元/15个月:点此直达

4核8G CVM服务器S5 1437元/15个月:点此直达

8核16G CVM服务器S5 3048元/15个月:点此直达

注意:以上特价轻量服务器限制条件为“产品首单特惠”,如果你的腾讯云账号已经是老用户,建议重新注册一个腾讯云账号,如果你是新用户符合条件,那么无脑入,这个CPU内存带宽配置,价格确实便宜,值得买!

阿里云价格最高降47%:点此了解!

华为云秒杀活动来了:点此了解!

宝塔面板,一键部署及管理服务器,送你¥10850礼包:点此领取!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: