详情
评论
问答

子比主题:卡片列表右上角添加发布时间教程

图片[1]-子比主题:卡片列表右上角添加发布时间教程-黑猫博客

方法一:整体替换法

步骤 1:修改 zib-posts-list.PHP 文件

  1. 使用 FTP 工具或网站文件管理器,打开路径 /wp-content/themes/zibll/inc/functions/zib-posts-list.php
  2. 定位到约 236 行,找到以下代码块:
图片[2]-子比主题:卡片列表右上角添加发布时间教程-黑猫博客

3.将其替换为下方代码:

步骤 2:添加自定义 CSS 样式

  1. 登录 WordPress 后台,进入 "子比主题设置"
  2. 导航至 "自定义代码"→"自定义 CSS 样式"
  3. 粘贴以下 CSS 代码:

方法二:分步插入法

步骤 1:添加时间 HTML 代码

  1. 打开 /wp-content/themes/zibll/inc/functions/zib-posts-list.php
  2. 找到以下代码:
//准备必要参数
    $graphic = zib_get_posts_thumb_graphic();

3.在其下方添加:

4.继续找到:

html .= $graphic;

5.在其下方添加:

步骤 2:添加自定义 CSS
与方法一的步骤 2 完全相同,请添加相同的 CSS 代码。

注意事项:

  1. 修改主题文件前建议备份,以防出错
  2. CSS 中的颜色、位置参数可根据主题风格调整
  3. 如果添加后无效果,检查是否有其他 CSS 冲突
  4. 主题更新后可能需要重新添加代码

完成上述操作后,文章卡片右上角将显示发布时间,桌面端显示完整日期(年 - 月 - 日),移动端自动简化为月 - 日格式,提升用户体验的同时保持界面简洁。

温馨提示: 本文最后更新于2025-07-30 18:58:14,某些文章具有时效性,若有错误或已失效,请在下方 留言或联系 黑猫
本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
子比主题:卡片列表右上角添加发布时间教程-黑猫博客
子比主题:卡片列表右上角添加发布时间教程
此内容为付费阅读,请付费后查看
软妹币9.9
限时特惠
软妹币58
付费阅读
已售 6
© 版权声明
THE END
喜欢就支持一下吧~
点赞1888赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容