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

简介: WordPress怎么设置复制文章时弹出版权提示框?本文教大家在WordPress主题中,加入复制文章内容时弹出版权提示,提醒转载注明文章出处的小功能。
+关注继续查看


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

image

添加描述

通过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 );

效果如图:

image

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

效果如图:

image



相关文章
|
22天前
如何设置wordpress用户只能查看自己评论?这4个步骤帮助你,100%有效 | wordpress
如何设置wordpress用户只能查看自己评论?这4个步骤帮助你,100%有效 | wordpress
|
3月前
|
Cloud Native 关系型数据库 MySQL
云原生之部署wordpress博客及设置圣诞主题风格
云原生之部署wordpress博客及设置圣诞主题风格
54 1
|
7月前
|
搜索推荐 SEO
WordPress 建站过程中永久链接设置
在 WordPress 中,有许多不同的方法可以更改永久链接和永久链接设置。 在 WordPress 永久链接设置中,北京六翼信息技术有限公司开发工程师建议您可以:
WordPress 建站过程中永久链接设置
WordPress 设置文章ID连续教程
用过WordPress建站的朋友会发现,WordPress文章ID并不是连续的,明明网站只有几十篇文章,ID却已经到了成百上千。
|
应用服务中间件 网络安全 nginx
阿里云服务器给WordPress网站添加SSL证书,并且设置http自动跳转https
阿里云服务器给WordPress网站添加SSL证书,并且设置http自动跳转https
469 0
阿里云服务器给WordPress网站添加SSL证书,并且设置http自动跳转https
|
搜索推荐 SEO
WordPress固定链接设置方法
传说中,固定链接有SEO功能,今天试了试
123 0
WordPress固定链接设置方法
|
应用服务中间件 Apache PHP
wordpress却换nginx服务器的配置设置
这几天<span style="color: rgba(1, 1, 1, 1)"><a rel="dofollow" href="https://www.fgba.net/" title="富贵论坛"><span style="color: rgba(0, 0, 0, 1)">富贵论坛</span></a></span>www.fgba.net将几个WordPress的Web服务器从Apache切换到了Nginx,中间遇到了不少问题,因此记录一下,以便日后维护使用。 对于WordPress站点来说,固定链接主要是通过根目录下的.htaccess文件来控制,切换服务器后,Nginx的rewri
162 0
|
搜索推荐 机器人 定位技术
wordpress robot设置
User-agent: *表示允许全体搜索引擎蜘蛛访问 User-agent:Baiduspider 表示允许百度搜索引擎蜘蛛访问 Disallow: /abc 表示禁止访问收录abc.文件下的所有内容 Disallow: /abc/ 表示仅禁止访问abc文件夹下的所有文件,不限制abc.php、abc.html文件。
1731 0
相关产品
云迁移中心
推荐文章
更多