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

非插件方式给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>

转载申明 https://jiubx.com/5399.html

分享到 :

发表评论

登录... 后才能评论