介绍

给你的网站顶部导航下面增加一排闪亮的小橘灯，挺适合过年过节使用的氛围等，气氛直接拉满。

演示图

默认氛围灯出现的时间为晚8点至早8点，距离顶部为50px；可以根据自己的需求修改。

教程

1. 复制下方的代码加入到子比主题目录下function.php中保存（或者func.php）。

/*小橘灯美化代码*/
add_filter('wp_footer', 'add_lu_xiaojudeng');
function add_lu_xiaojudeng() {
  date_default_timezone_set("Asia/Shanghai");
  $curTime = date("Y-m-d H:i:s",time());
  $stimestamp = date("Y-m-d H:i:s",mktime(8,0,0,date("m"),date("d"),date("Y"))); //早上8点。
  $etimestamp = date("Y-m-d H:i:s",mktime(20,0,0,date("m"),date("d"),date("Y"))); //晚上8点。
if(($curTime >= $stimestamp & $curTime <=$etimestamp)== false){
   echo'
    <div id="xiaojudeng">
   </div>
<script type="text/javascript">
var con = document.getElementById("xiaojudeng");
var width=document.body.clientWidth;
var j = Math.ceil(width/15) + 1;
for(var i=0; i<=j; i++){
       var crli = document.createElement("li");
    con.appendChild(crli);
}
</script>';
}
}
/*小橘灯美化代码结束*/

2. 复制下方的CSS代码加入到子比主题设置>>自定义CSS代码中保存。

教程到这里就结束了，很简单对吧。记得点个赞哦~~