子比主题美化教程添加拟态风网站统计小工具（自动适配深浅模式）

在 WordPress 建站过程中，网站统计小工具能直观展示站点核心数据，提升侧边栏实用性。本文将教你为子比主题（Zibll）添加一款拟态风的统计小工具，无需复杂配置，视觉美观且稳定实用。

效果预览

• 明亮模式：拟态阴影 + 黑色文字，清爽精致；
• 深色模式：自动跟随主题配色，白色文字 + 深色拟态，高级感拉满；
• 悬浮动效：鼠标悬浮时轻微上浮 + 阴影加深，增强交互感。

使用教程

步骤 1：创建统计小工具核心文件

1. 登录服务器，进入子比主题根目录（路径：wp-content/themes/zibll/）；
2. 新建一个 PHP 文件，命名为 XiaTian-StatisticalTool.php；
3. 将以下代码完整复制粘贴到该文件中，保存并上传至上述根目录：

步骤 2：引入统计小工具文件

1. 进入子比主题根目录，找到 functions.php 文件；
2. 打开该文件，在文件末尾添加以下代码，保存并上传：

// 引入XiaTian网站统计小工具
include("XiaTian-StatisticalTool.php");

步骤 3：添加拟态风美化样式

1. 登录 WordPress 后台，依次进入「子比主题设置」→「自定义代码」→「自定义 CSS 样式」；
2. 将以下精简后的 CSS 代码完整复制粘贴到输入框中，点击「保存设置」：

步骤 4：添加小工具到侧边栏

1. 登录 WordPress 后台，进入「外观」→「小工具」；
2. 在「可用小工具」列表中，找到「XiaTian – 网站信息统计」；
3. 按住鼠标左键，将其拖动到目标侧边栏（如「文章页侧边栏」）；
4. 按需修改小工具标题（如「站点核心数据」），点击「保存」；
5. 清除缓存：
   • 浏览器按 Ctrl+Shift+Del 清除缓存，再按 Ctrl+F5 强制刷新页面；
6. 访问网站前台，即可看到美化后的统计小工具。