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


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


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

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 18 条评论,409人围观)
网友昵称:3395355471
3395355471 V 普通用户 Sogou Explorer Windows 10 x64 17楼
05-28 来自浙江 回复
感谢分享文章不错,[Addoil]
网友昵称:neilks
neilks V 普通用户 Google Chrome 81.0.4044.145 Android 13 16楼
05-22 来自北京 回复
感谢分享文章不错,写的很好
网友昵称:teishuaile
teishuaile V 普通用户 Google Chrome 108.0.5359.95 Windows 10 x64 15楼
05-18 来自山东 回复
感谢分享文章不错,写的很好!
网友昵称:Controller
Controller V 普通用户 Google Chrome 113.0.0.0 Windows 10 x64 14楼
05-14 来自湖北 回复
感谢分享文章不错,写的很好!
网友昵称:惦记博客
惦记博客 V 普通用户 Google Chrome 86.0.4240.198 Windows 10 x64 13楼
05-01 来自贵州 回复
文章不错,写的很好![Fabulous]
网友昵称:tan231a
tan231a V 普通用户 Google Chrome 101.0.4951.64 Windows 10 x64 12楼
04-13 来自湖南 回复
文章不错,写的很好!赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:tan231a
tan231a V 普通用户 Google Chrome 101.0.4951.64 Windows 10 x64 11楼
04-13 来自湖南 回复
文章不错,写的很好!
网友昵称:2390630005
2390630005 V 普通用户 Google Chrome 111.0.0.0 Windows 10 x64 10楼
03-21 来自湖南 回复
文章不错,写的很好!
网友昵称:dhgj686
dhgj686 V 普通用户 Google Chrome 78.0.3904.108 Windows 10 x64 9楼
03-19 来自陕西 回复
文章不错,写的很好!赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:Serendipity12212
Serendipity12212 V 普通用户 Google Chrome 110.0.0.0 Android 12 8楼
02-27 来自河南 回复
文章不错,写的很好!赞、狂赞、超赞、不得不赞、史上最赞!
网友昵称:一切顺利
一切顺利 V 普通用户 QQBrowser 11.5.5245.400 Windows 7 x64 7楼
02-20 来自江苏 回复
学习了
网友昵称:nanwu666
nanwu666 V 普通用户 QQBrowser 11.5.5245.400 Windows 10 x64 6楼
02-20 来自山东 回复
感谢分享
网友昵称:zxcv25
zxcv25 V 普通用户 Google Chrome 110.0.0.0 Windows 10 x64 地板
02-19 来自河南 回复
666666666666666666文章不错,写的很好!
网友昵称:2325924068
2325924068 V 普通用户 Google Chrome 110.0.0.0 Windows 10 x64 凉席
02-19 来自上海 回复
文章不错,写的很好!
网友昵称:la845099997
la845099997 V 普通用户 QQBrowser 11.5.5240.400 Windows 10 x64 板凳
02-04 来自广东 回复
感谢站长分享的精彩教程

目录[+]

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