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

映凡

2年前更新

2766731

There's only one corner of the universe you can be sure of improving, and that's your own self.

这个宇宙中只有一个角落你肯定可以改进，那就是你自己

正文开始阅读，请点击右上角“关注”按钮，关注我们

------正文内容展示，开始阅读新内容------

AI摘要

TianliGPT

生成中...

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

使用教程

一、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>
<svg class="icon fa-2x" aria-hidden="true">
                <use xlink:href="#icon-shijian"></use>
        </svg>
<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>
<i class="fa fa-free-code-camp" aria-hidden="true"></i>
<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"  );
$("#xcboke-meos").attr(    "src",    "https://001.pipixiaozhan.cn/images/xingqi/xxtj-" + week + ".png"  );
$("#xcboke-meos").attr(    "src",    "https://001.pipixiaozhan.cn/images/xingqi/xxtj-" + week + ".png"  );