这个统计信息功能本站已经使用很长时间了,老访客可能已经非常熟悉了。这个统计信息看起来效果还是很直观的,本站目前也一直在用感觉还可以,现在就分享一波!同时防止后期更新丢失,顺便记录一下实现方法。
这个功能主要统计信息,有用户数、文章数、浏览数、今日发布、运行时间这几个功能。Thanks♪(・ω・)ノ
实现逻辑:统计信息模块小工具主要采用前端HTML+CSS和后端函数,通过后端提供功能函数,然后前台获取到后台提供的数据来显示信息功能。有兴趣的大佬可以修改一下。
本站主要采用WordPress+子比主题,没有测试过其他主题,如果你用的其他主题,也是可以的,只是添加位置有点不一样可以自己测试一下,本站主要以子比主题来写的。
下面就分享教程及代码:
食用教程
1.在子比主题的主题目录下,header.php底部添加以下函数代码:
注:函数运行日期2021-08-22改为你自己网站运行的日期,其他模块内容会自动输出。
2.添加前台显示代码
在后台–>外观–>小工具–>自定义HTML,把自定义HTML放到合适的版块里(子比主题放在首页-底部全宽度),然后把下面代码复制粘贴进去就可以了。
说明:效果图上的图标本站用的是阿里巴巴矢量图库,自己需要单独弄一下图标,不然是不显示,然后修改代码中的<svg>标签里面的代码即可,
至于背景图片自己修改一下地址或者下载到本地。
注:背景图自己修改,如果不会的评论留言。
效果图
![图片[1]-子比主题网站添加底部统计信息模块小工具-Baili Blog](https://cdn.bailir.top/blog/2024/08/20220731103915.jpg)
移动端效果:
![图片[2]-子比主题网站添加底部统计信息模块小工具-Baili Blog](https://cdn.bailir.top/blog/2024/08/20220801121710.jpg)
本站收集的资源仅供内部学习研究软件设计思想和原理使用,学习研究后请自觉删除,请勿传播,因未及时删除所造成的任何后果责任自负。
如果用于其他用途,请购买正版支持作者,谢谢!若您认为「Baili Blog」发布的内容若侵犯到您的权益,请联系站长邮箱:b71239135@gmail.com 进行删除处理。
本站资源大多存储在云盘,如发现链接失效,请联系我们,我们会第一时间更新。











请登录后查看评论内容