【主题美化】子比主题底部统计信息模块小工具

今天从网上找来，自己刚弄的，感觉还可以，就分享一波！主要统计信息有用户数、文章数、浏览数、今日发布数、运行时间这几个功能。

使用教程

一、PHP代码：

• 在子比主题的主题目录下，header.php底部添加以下函数代码：

• 注：函数运行日期2020-10-30改为你自己网站运行的日期。

二、HTML+JS代码

• 在后台–>外观–>小工具–>自定义HTML，把自定义HTML放到合适的版块里（子比主题放在首页-底部全宽度），然后把下面代码复制粘贴进去，即可在前台显示。

• 图标无法显示，是因为我用《阿里巴巴矢量库》，自己把下面的代码更改为其他icon的：

<svg class="icon fa-2x" aria-hidden="true">
                <use xlink:href="#icon-shijian"></use>
        </svg>

• 用http://www.fontawesome.com.cn/faicons/的话，用下面的代码应该就可以了，图标自己更改！！！

<i class="fa fa-free-code-camp" aria-hidden="true"></i>

三、CSS代码

• 下面是CSS代码，原本一起放的，但是CSS Grid布局不兼容WP的自定义工具，所以就只能放在主题后台的【自定义CSS样式】里面咯！

• 其他WP主题使用，请注意：“background—Color:var(–main-bg-color);”这是子比主题的夜间背景切换，自己更换为“#fff”颜色，或者更换为你主题的背景颜色。

四、表情文件

• 如果不想用我的表情链接，把下面的代码改为自己表情图片的链接即可【注：HTML代码中修改】。

$("#xcboke-meos").attr(    "src",    "https://001.pipixiaozhan.cn/images/xingqi/xxtj-" + week + ".png"  );

• 可以改“https://001.pipixiaozhan.cn/images/xingqi/”这个链接地址，表情命名例如：xxtj-0.png为星期天，xxtj-1.png为星期一，依次类推。

五、效果

【主题美化】子比主题底部统计信息模块小工具（第二版）

2年前

59111043

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

Invitation

YingFan

-scan

created:2022/05/10

Nice to meet you！

sitelink

点击关注博主微信公众号获取更多福利

Use this card to join the YingFan's Space and participate in a pleasant discussion together .

Welcome to YingFan's Space,wish you a nice day .