子比主题 – 卡片模式时间显示功能

子比主题 – 卡片模式时间显示功能

子比主题 – 卡片模式时间显示功能-星客纪元
子比主题 – 卡片模式时间显示功能
此内容为付费阅读,请付费后查看
星元1
立即购买
推荐登录后购买更安全
付费阅读
AI 文章摘要
本文介绍了如何在子比主题中实现卡片模式下的绝对定位时间显示功能,旨在还原特定的视觉样式。教程主要包含两步操作:首先,在后台自定义 CSS 中添加一套完整的样式代码,该代码支持白/暗双主题适配、毛玻璃特效及移动端响应式调整;其次,修改 `zib-posts-list.php` 文件中的 `zib_posts_mian_list_card` 函数,替换原有逻辑以在卡片右上角渲染时间元素。整体方案部署简单,能有效提升列表页的视觉细节。

这是一款子比主题的卡片三点和时间显示功能,这款样式星空知一直在用,而且很多人想要星空知的一模一样的样式,今天教程来了,本教程是卡片时间教程,别看错图片了,代码很好部署,话不多说直接开始!

效果图

d2b5ca33bd20260614190923

子比主题卡片模式时间显示功能(红色方框位置)代码很好部署,话不多说直接开始!

代码教程

本教程分两部进行

第一步:添加css代码

后台子比主题设置 ––>>自定义CSS样式 位置放置下方CSS代码

第二步:修改zib-posts-list.php文件

找到 文件,我们在这个文件里面搜/wp-content/themes/zibll/inc/functions/zib-posts-list.php

© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容