非插件方式给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/wp-content/themes/begin/js/jquery.cookie.js"></script>
<script src="https://jiubx.com/wp-content/themes/begin/js/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>

转载申明

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