详情
评论
问答
温馨提示: 本文最后更新于2025-07-30 18:58:14,某些文章具有时效性,若有错误或已失效,请在下方 留言 或私信 黑猫(登录后点击)
分割线图标
图片[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. 主题更新后可能需要重新添加代码

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

子比主题:卡片列表右上角添加发布时间教程-黑猫博客
子比主题:卡片列表右上角添加发布时间教程
此内容为付费阅读,请付费后查看
软妹币9.9
限时特惠
软妹币58
付费阅读
已售 7
© 版权声明
THE END
喜欢就支持一下吧~
点赞1888赞赏 分享
评论 共4条

请登录后发表评论

    暂无评论内容