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

久伴
久伴
久伴
669
文章
543
评论
2020年6月15日02:01:09 2 332 899字阅读2分59秒

前言

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

特性

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

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

效果图

非插件方式给wordpress添加美化版公告弹框加入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教程

wordpress跟图片加上旋转效果

前言 久伴使用的是begin主题,首页网站介绍的头像是静态的看久了,感觉很普通,前几天久伴学习了transition过度效果,就简单的折腾了一下begin主题的头像,让其旋转起来了 效果 想体验更好就...
opcache 带网站走向0.00x秒 wordpress教程

opcache 带网站走向0.00x秒

一个站点长时间的运营后,内容不断加大速度逐渐下降所以今天交大家怎么玩opcache 带网站走向0.00x秒, 找到“opcache”安装后找到,配置文件 搜索内容:opcache找到以下代码 opca...
匿名

发表评论

匿名网友 填写信息

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

评论:2   其中:访客  1   博主  1
    • Base Base 0

      我弄进去了怎么不回弹窗

        • 久伴 久伴

          @ Base 加群找管理