![图片[1]-子比主题:卡片列表右上角添加发布时间教程-黑猫博客](https://img.520ak.com/i/2025/07/26/QQ20250726-194609.webp)
方法一:整体替换法
步骤 1:修改 zib-posts-list.PHP 文件
- 使用 FTP 工具或网站文件管理器,打开路径 /wp-content/themes/zibll/inc/functions/zib-posts-list.php
- 定位到约 236 行,找到以下代码块:
![图片[2]-子比主题:卡片列表右上角添加发布时间教程-黑猫博客](https://img.520ak.com/i/2025/07/26/QQ20250726-195004.webp)
3.将其替换为下方代码:
方法二:分步插入法
步骤 1:添加时间 HTML 代码
- 打开 /wp-content/themes/zibll/inc/functions/zib-posts-list.php
- 找到以下代码:
//准备必要参数
$graphic = zib_get_posts_thumb_graphic();
3.在其下方添加:
4.继续找到:
html .= $graphic;
5.在其下方添加:
步骤 2:添加自定义 CSS
与方法一的步骤 2 完全相同,请添加相同的 CSS 代码。
注意事项:
- 修改主题文件前建议备份,以防出错
- CSS 中的颜色、位置参数可根据主题风格调整
- 如果添加后无效果,检查是否有其他 CSS 冲突
- 主题更新后可能需要重新添加代码
完成上述操作后,文章卡片右上角将显示发布时间,桌面端显示完整日期(年 - 月 - 日),移动端自动简化为月 - 日格式,提升用户体验的同时保持界面简洁。
本站收集的资源仅供内部学习研究软件设计思想和原理使用,学习研究后请自觉删除,请勿传播,因未及时删除所造成的任何后果责任自负。
如果用于其他用途,请购买正版支持作者,谢谢!若您认为「520AK.COM」发布的内容若侵犯到您的权益,请联系站长进行删除处理。
本站资源大多存储在云盘,如发现链接失效,请联系我们,我们会第一时间更新。(如要转载,请带好本站文章链接说明出处)
暂无评论内容