wp博客编辑器自定义快捷活动倒计时

实现效果截图:

 

wp博客编辑器自定义快捷活动倒计时

第一步去,外观->主题编辑器->找到全局JS加入下面这行代码,里面的XXX改成自己网站名称。

   var showtime = function (time) {      var nowtime = new Date(),  //获取当前时间          endtime = new Date(time);  //定义结束时间         if(nowtime>endtime){            return "XXX提醒您: 本活动已经结束";         }        var lefttime = endtime.getTime() - nowtime.getTime(),  //距离结束时间的毫秒数          leftd = Math.floor(lefttime/(1000*60*60*24)),  //计算天数          lefth = Math.floor(lefttime/(1000*60*60)%24),  //计算小时数          leftm = Math.floor(lefttime/(1000*60)%60),  //计算分钟数          lefts = Math.floor(lefttime/1000%60);  //计算秒数      return "XXXX提醒您: 本活动还有"+leftd + " 天" + lefth + "小时" + leftm + "分" + lefts+"秒";  //返回倒计时的字符串  }    var div = document.getElementById("showtime");  if(div!=null){  var time =div.getAttribute("time");    setInterval (function () {      div.innerHTML = showtime(time);  }, 1000);  	}  

第二步去function.PHP这个文件夹里面加入这行代码。

//添加标签  //添加HTML编辑器自定义快捷标签按钮  add_action('after_wp_tiny_mce', 'add_button_mce');  function add_button_mce($mce_settings) {  ?>  <script type="text/JavaScript">  	 QTags.addButton( '活动倒计时', '活动倒计时', "<div  id='showtime' time='", "'></div>" );  </script>  <?php  }  

第三步,就可以在编辑菜单就可以看到了,前提是要经典老版本的编辑器哦。

wp博客编辑器自定义快捷活动倒计时

 

© 版权声明
THE END
喜欢就支持以下吧
点赞0
分享
评论 抢沙发