子比主题网站添加底部统计信息模块小工具

子比主题网站添加底部统计信息模块小工具插图

这个统计信息功能本站已经使用很长时间了,老访客可能已经非常熟悉了。这个统计信息看起来效果还是很直观的,本站目前也一直在用感觉还可以,现在就分享一波!同时防止后期更新丢失,顺便记录一下实现方法。

这个功能主要统计信息,有用户数、文章数、浏览数、今日发布、运行时间这几个功能。Thanks♪(・ω・)ノ

实现逻辑:统计信息模块小工具主要采用前端HTML+CSS和后端函数,通过后端提供功能函数,然后前台获取到后台提供的数据来显示信息功能。有兴趣的大佬可以修改一下。

本站主要采用WordPress+子比主题,没有测试过其他主题,如果你用的其他主题,也是可以的,只是添加位置有点不一样可以自己测试一下,本站主要以子比主题来写的。

下面就分享教程及代码:

食用教程

1.在子比主题的主题目录下,header.php底部添加以下函数代码:

注:函数运行日期2021-08-22改为你自己网站运行的日期,其他模块内容会自动输出。

2.添加前台显示代码
在后台–>外观–>小工具–>自定义HTML,把自定义HTML放到合适的版块里(子比主题放在首页-底部全宽度),然后把下面代码复制粘贴进去就可以了。

说明:效果图上的图标本站用的是阿里巴巴矢量图库,自己需要单独弄一下图标,不然是不显示,然后修改代码中的<svg>标签里面的代码即可,

至于背景图片自己修改一下地址或者下载到本地

注:背景图自己修改,如果不会的评论留言。

效果图

子比主题网站添加底部统计信息模块小工具插图1

移动端效果:

子比主题网站添加底部统计信息模块小工具插图2

© 版权声明
THE END
喜欢点个赞支持一下吧
点赞0赏币
分享
评论交流 共1条

请登录后发表评论