WordPress 美化教程:js 复制弹窗美化

2019年2月17日00:15:44 发表评论 49
阿里云优惠券

WordPress 美化教程:js 复制弹窗美化

现在很多网站都会带人此功能,Ctrl+C 之后会有版权提醒,你知道是怎么实现的吗?

知更鸟主题美化教程

打开主题目录 functions.php 文件,添加以下代码

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

通用教程

  1. //在网页底部调用下边的两个静态文件
  2. <link rel="external nofollow" target="_blank" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet">
  3. <script type='text/javascript' src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>
  4. //然后添加如下代码
  5. <script>document.body.oncopy = function() {swal("复制成功!""久伴博客:若要转载请务必保留原文链接,申明来源,谢谢合作!","success");};</script>

上面的 js 和 css 都是挂载在 cdn,有强迫症的可以自己本地化一下

 

历史上的今天:

  • 博主微信
  • 赶快加我来聊天吧
  • weinxin
  • 站长技术资源群
  • 群号:483950522
  • weinxin

发表评论

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