非插件方式给wordpress添加美化版公告弹框加入cookie

前言

看到很多wordpress主题都自带sweetalert弹框,但是begin主题不自带,久伴就弄了一个弹框,支持所有wordpress主题

特性

久伴写的sweetalert弹框是写入cookie的,为什么这么做了,因为同一个用户访问网站每次都弹框,用户很反感这种站点,所以写入cookie方式制作这个弹框

用户第一次打开会弹出,此cookie会保存7天,在7天内用户打开网站不会在弹,除非用户清空了浏览器cookie,当然大家可以自己设定cookie存在时间

效果图

整合到wordpress教程

将以下代码添加到你当前主题文件head.php文件head标签中间

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>  
<script src="https://jiubx.com/javascript/jquery.cookie.min.js"></script>
<script src="https://jiubx.com/javascript/sweetalert.min.js"></script>

将以下代码添加到你当前主题文件footer.php文件body标签后面

<script>
         $(function(){
        console.log($.cookie('the_cookie'));
        if($.cookie('the_cookie')=='the_value'){
          $('.swal-overlay').attr("class",'jiub');
        }
    })
swal({
  title:"官方公告",
  text:"资源失效怎么办,加入久伴博客QQ交流群,即可获取失效资源下载地址",

  button:"我已阅读"
}).then(function(isConfirm){
  
     $(function(){
        $.cookie('the_cookie', 'the_value', { expires: 7 });
        console.log($.cookie('the_cookie'));
     })  
})
</script>

转载申明

转载请注意出处,感谢各位支持

人已赞赏
wordpress教程

wordpress评论邮件回复非插件

2020-6-1 20:49:35

wordpress教程

WordPress文章中自动加p标签和br标签去除教程

2020-6-26 10:46:11

2 条回复 A文章作者 M管理员
  1. 久伴

    我弄进去了怎么不回弹窗

    • 久伴

      加群找管理

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索