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

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

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

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

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

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

下面就分享教程及代码:

食用教程

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

 

 

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

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

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

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

 

 

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

效果图

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

移动端效果:

子比主题网站添加底部统计信息模块小工具
    温馨提示:本文最后更新于2022-11-22 17:27:44,某些文章具有时效性,若有错误或已失效,请在下方留言

    —- 本页内容已结束,请看下一页内容—-

    感谢您的来访,获取更多精彩文章请收藏本站。

    © 版权声明
    THE END
    喜欢就支持一下吧
    点赞13赞赏 分享
    评论 抢沙发

    请登录后发表评论

      暂无评论内容