子比主题教程：给文章添加更新时间提示

很多使用子比（Zibll）主题的站长希望给文章添加「最后更新时间」提示，方便读者了解内容时效性。本文分享一套极简教程，不仅能自动显示文章更新时间，还搭配了粉紫渐变美化样式，适配移动端，无冲突易部署。

一、功能说明

1. 自动检测文章更新时间，仅当文章发布超过 24 小时且有更新时显示提示；
2. 提示模块含更新时间、错误反馈引导，提升用户体验；
3. 可自由选择在文章开头 / 结尾显示提示模块。

二、使用步骤

第一步：添加 PHP 功能代码（核心功能）

1. 登录网站服务器 / 宝塔面板，找到网站根目录；
2. 进入路径：/wp-content/themes/zibll/；
3. 检查是否有func.php文件：
   • 若有：直接编辑该文件；
   • 若无：在zibll目录新建func.php文件，必须先添加 PHP 头（<?php）；
4. 将以下代码粘贴到func.php文件末尾（已有 PHP 头则无需重复添加）：

第二步：添加 CSS 美化代码（样式优化）

1. 登录 WordPress 后台，点击「主题设置」
2. 找到「全局 & 功能」→「自定义代码」→「自定义 css 样式」；
3. 将以下代码粘贴到输入框中：

4. 点击「发布」保存设置，刷新文章页面即可生效。

三、自定义显示位置

默认情况下，更新时间提示会显示在文章开头，若想改为文章结尾：

1. 再次编辑/wp-content/themes/zibll/func.php文件；
2. 将代码中这一行：php运行add_action('zib_posts_content_before', 'article_time_update'); 修改为：php运行add_action('zib_posts_content_after', 'article_time_update');
3. 保存文件，刷新页面即可生效。

四、代码说明

PHP 代码核心逻辑

• date_default_timezone_set('PRC')：设置时区为中国时区；
• get_the_modified_time：获取文章最后修改时间；
• $newdate > $updatetime + 86400：判断文章发布超过 24 小时且有更新才显示提示；
• add_action：通过子比主题钩子，控制提示模块显示位置。

CSS 代码说明

• 渐变背景：粉紫渐变 + 0.38 透明度，视觉柔和不刺眼；
• 圆角设计：8px 圆角适配子比主题风格；
• 文字强调：更新时间用橙色突出，一眼识别重点。

五、注意事项

1. 新建func.php文件时，必须以<?php开头，否则会报错；
2. 替换显示位置时，仅修改before/after，其他代码保持不变；
3. 若需修改渐变颜色，只需调整 CSS 中rgba()的颜色值；