Zibll主题美化 首页底部添加网站信息统计模块

jaysun

子比主题网站首页底部添加信息统计模块,可显示IP地址,文章数量,运行时间,用户数量,浏览量,还有时间显示,感觉还是比较实用的,显示的信息也比较美观,可以增加网站的实用性。


效果图:

1.png

实用教程

1、子比主题的主题目录下,header.php 底部添加下方核心函数代码:

<!--统计信息函数横向优化版--><script type="text/javascript" ><?php//用户总数$users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");echo "var tj_jstext="."'$users'";?></script><script type="text/javascript" ><?php/* * WordPress 获取今日发布文章数量 *www.itzhiyin.cn */function nd_get_24h_post_count(){ $today = getdate(); $query = new WP_Query( 'year=' . $today["year"] . '&monthnum=' . $today["mon"] . '&day=' . $today["mday"]); $postsNumber = $query->found_posts; return $postsNumber;}$post_24h = nd_get_24h_post_count();echo "var tj_24h="."'$post_24h'";?></script><script type="text/javascript" ><?php/* * WordPress 整站文章访问计数 *www.itzhiyin.cn */function nd_get_all_view(){ global $wpdb; $count=0; $views= $wpdb->get_results("SELECT * FROM $wpdb->postmeta WHERE meta_key='views'"); foreach($views as $key=>$value){ $meta_value=$value->meta_value; if($meta_value!=' '){ $count+=(int)$meta_value; } }return $count;}$post_view = nd_get_all_view();echo "var tj_view="."'$post_view'";?></script><script type="text/javascript" ><?php//日志总数$count_posts = wp_count_posts(); $published_posts =$count_posts->publish;echo "var tj_rzzs="."'$published_posts'";?></script><script type="text/javascript" ><?php//稳定运行$wdyx_time = floor((time()-strtotime("2021-10-20"))/86400);echo "var tj_wdyx="."'$wdyx_time'";?></script><!--统计信息函数横向优化版-->


2、在后台–外观–小工具–首页底部全宽度 添加以下代码

  • 此处记得查看代码中我注释的位置,修改相应的文件路径,或者直接搜索:【需修改文件】1-4,查看修改

<script src="//at.alicdn.com/t/font_2820512_foowmlcjyf.js"></script><link rel="stylesheet" type="text/css" href="https://www.itzhiyin.cn/tj2.css"><!--需修改文件位置 1--><div class="textwidget custom-html-widget"><div id="itzhiyin-info-wg-mian"> <div class="itzhiyin-info-item"> <div class="itzhiyin-yxsj-item"> <svg class="icon fa-2x" aria-hidden="true"> <use xlink:href="#icon-009-shijianguanli"></use> </svg> <span class="itzhiyin-i-num" ><script type="text/javascript"> document.write(tj_wdyx); </script></span> <p>运行时间</p> </div> <div class="itzhiyin-yhzs-item"> <svg class="icon fa-2x" aria-hidden="true"> <use xlink:href="#icon-yonghu"></use> </svg> <span class="itzhiyin-i-num" ><script type="text/javascript"> document.write(tj_jstext); </script></span> <p>用户总数</p> </div> <div class="itzhiyin-llzs-item"> <svg class="icon fa-2x" aria-hidden="true"> <use xlink:href="#icon-liulan-5"></use> </svg> <span class="itzhiyin-i-num" ><script type="text/javascript"> document.write(tj_view); </script></span > <p>浏览总数</p> </div> <div class="itzhiyin-wz-item"> <div class="itzhiyin-wz-sty itzhiyin-wzzs-item"> <svg class="icon fa-2x" aria-hidden="true"> <use xlink:href="#icon-wenzhang"></use> </svg> <span class="itzhiyin-i-num" ><script type="text/javascript"> document.write(tj_rzzs); </script></span > <p>文章总数</p> </div> <div class="itzhiyin-wz-sty itzhiyin-jrfb-item"> <svg class="icon fa-2x" aria-hidden="true"> <use xlink:href="#icon-dizhi"></use> </svg> <span class="itzhiyin-i-num" ><script src="https://pv.sohu.com/cityjson?ie=utf-8"></script><script type="text/javascript"> document.write(returnCitySN["cip"]) </script></span > <p>您的 IP 地址是</p> </div> </div> <div class="itzhiyin-sjcs-item"> <div class="itzhiyin-sjcj-m"> <span style="font-size: 30px">今天是</span> <div id="itzhiyin-date-text"></div> <div id="itzhiyin-week-text"></div> <div class="itzhiyin-meo-item"> <img id="itzhiyin-meos" src="https://www.itzhiyin.cn/week/login.png" alt="emo" /><!--需修改文件位置 2--> </div> <div class="itzhiyin-sjcj-content"> <span id="itzhiyin-fatalism"></span> </div> </div> </div> <div class="itzhiyin-sjcs-item2"><iframe src="https://www.itzhiyin.cn/tkr/" width="290" height="290" frameborder="no"></iframe></div><!--需修改文件位置 3--> </div></div><script>$(function () { var myDate = new Date(); var year = myDate.getFullYear(); //获取当前年 var mon = myDate.getMonth() + 1; //获取当前月 var date = myDate.getDate(); //获取当前日 var week = myDate.getDay(); var weeks = [ "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六" ]; $("#itzhiyin-date-text").html(year + "年" + mon + "月" + date + "日"+ weeks[week]); if (week > 0 && week < 5) { $("#itzhiyin-fatalism").html("再坚持一下还有" + (5 - week) + "天就到周末啦!"); } else if (week === 5) { $("#itzhiyin-fatalism").html("啊啊啊,明天就是周末啦!"); } else { $("#itzhiyin-fatalism").html("今天是周末,好好休息一下吧!"); } $("#itzhiyin-meos").attr(    "src","https://www.itzhiyin.cn/week/week-" + week + ".webp"/*需修改文件位置 4*/ );});$("#itzhiyin-info-wg-mian").parents(".zib-widget").css({ padding: "0", background: "none"});</script></div>


3、下载下面我提供的源码文件直接上传到服务器,具体位置可自行决定,最后记得修改第二步骤中代码引用的位置即可


隐藏内容
评论可见
前往评论


您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
评论列表 (有 1 条评论,85人围观)
网友昵称:k0513
k0513 V 普通用户 Google Chrome 95.0.4638.69 Windows 10 x64 沙发
01-15 来自江苏 回复
文章不错,写的很好!

目录[+]

取消
微信二维码
微信二维码
支付宝二维码