WordPress复制文章内容弹出版权提示框

孤狼
171
文章
94
评论
2018年11月20日19:42:48 20 13,331 921字阅读3分4秒

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

通过SweetAlert美化的提示框

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

  1. function zm_copyright_tips() {
  2.  echo '<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" >';
  3.  echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>';
  4.  echo '<script>document.body.oncopy = function() { swal("复制成功!""转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>';
  5. }
  6. add_action( 'wp_footer', 'zm_copyright_tips', 100 );

效果如图1

上述代码直接外链调用的公共库,也可以将外链的JS和CSS下载到本地,进一步美化修改样式。

不过发现上面代码在火狐中不能复制内容,chrome和IE可以,其它浏览器没试。

简单的提示框

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

此处为隐藏的内容!
发表评论并刷新,方可查看

效果如图2

WordPress复制文章内容弹出版权提示框WordPress复制文章内容弹出版权提示框
继续阅读
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
  • 本文由 发表于 2018年11月20日19:42:48
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

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

评论:20   其中:访客  20   博主  0
    • H H

      正好需要这个代码。谢谢博主。

      • aisney aisney

        一叶浮萍归大海,人生何处不相逢—-【明·吴承恩·西游记】

        • 1024 1024

          看似寻常最奇崛,成如容易却艰辛—-【宋·王安石】

          • 水电费s 水电费s

            万事俱备,只欠东风—-【元未明初·罗贯中·三国演义】

            • 544 544

              给客户机安装主板驱动可有效避免USB失灵问题,现在已经是WIN7,安装主板驱动更好。

              • 王小大博客 王小大博客

                爱所有人,信任少数人,不负任何人。— 莎士比亚

                • 小冷漠‰ 小冷漠‰

                  生存还是毁灭,这是个问题。— 莎士比亚

                  • 南旭 南旭

                    从来如此,便对么?— 鲁迅

                    • 陌路 陌路

                      哀其不幸,怒其不争。— 鲁迅

                      • wow wow

                        知之者不如好之者,好之者不如乐之者。— 孔子