子比主题底部添加渐变统计功能小工具（附完整代码）

很多使用子比（zibll）主题的站长都想在网站底部展示核心数据统计模块，直观呈现会员数、文章数、浏览量等信息。本文整理了一套完整的底部统计功能安装教程，全程无需复杂技术，跟着步骤操作即可快速实现，适配 PC 端和移动端，还自带动态渐变背景效果。

效果预览

详细安装步骤

步骤 1：创建 func.php 文件并添加 PHP 代码

1. 登录你的网站主机后台（或通过 FTP 工具），找到子比主题根目录（路径：网站根目录/wp-content/themes/zibll/）；
2. 在该目录下新建一个名为 func.php 的空白文件；
3. 打开新建的 func.php 文件，将以下完整代码复制粘贴进去；
4. 找到代码中$wdyx_time = floor((time() - strtotime("2023-8-28")) / 86400);这一行，把2023-8-28修改为你的网站创建时间；
5. 保存并上传该文件到子比主题根目录（若已存在 func.php 文件，直接将代码追加到文件末尾即可）。

步骤 2：添加自定义 CSS 样式（设置动态背景）

1. 登录 WordPress 后台，依次点击「ZiBll 主题设置」→「全局功能」→「自定义代码」→「自定义 CSS 样式」；
2. 将以下 CSS 代码完整复制粘贴到输入框中；
3. 点击页面下方的「保存设置」按钮，完成样式配置。

步骤 3：添加自定义 JavaScript 代码（优化显示效果）

1. 继续在「ZiBll 主题设置」→「全局功能」→「自定义代码」页面，切换到「自定义 javascript 代码」选项卡；
2. 将以下 JS 代码复制粘贴到输入框中；
3. 点击「保存设置」按钮，完成 JS 配置（此步骤用于重置统计模块的多余内边距，确保显示美观）。

//底部统计开始
document.getElementById("caired").parentNode.parentNode.style.padding=0
//底部统计结束

步骤 4：添加文本小工具并调用统计功能

1. 回到 WordPress 后台，依次点击「外观」→「小工具」；
2. 在小工具列表中找到「首页底部全宽度」（也可选择「全站底部全宽度」「首页内容区」等你想展示的位置），点击「添加小工具」并选择「文本」小工具；
3. 进入文本小工具编辑界面：
   • 找到编辑框上方的「可视化」和「文本」选项，务必切换到「文本」模式（关键步骤，避免 PHP 代码被转义）；
   • 在编辑框中粘贴代码：<?php echo dbtj()?>；
   • 点击「保存」按钮完成配置；
4. 重要说明：保存后若重新打开文本小工具，发现编辑框内内容为空，这是正常现象，无需担心，只要网站前端能正常显示统计信息即可。

三、效果验证

配置完成后，刷新你的网站首页，在底部（或你选择的展示位置）即可看到包含「会员总数、文章总数、评论总数、浏览总数、本周发布、艰难维持」6 项数据的统计模块，背景会呈现动态渐变效果，移动端也会自动适配显示尺寸。

总结

本教程全程基于原生代码实现，无需修改子比主题核心文件，仅通过新增 func.php 文件、配置自定义代码、添加小工具三个核心步骤，即可快速搭建底部统计功能。整个模块自带动态渐变背景，适配多端显示，能直观展示网站核心数据，提升网站整体质感。