子比主题 – 卡片模式时间显示功能-星客纪元
子比主题 – 卡片模式时间显示功能
此内容为付费阅读,请付费后查看
星元1
立即购买
推荐登录后购买更安全
付费阅读

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

AI 文章摘要
本文介绍了为子比(Zibll)主题卡片模式添加独立时间显示功能的教程,核心要点如下: 1. **功能目标**:在文章卡片右上角以悬浮样式显示发布时间,支持亮色/暗色主题适配及移动端响应式布局。 2. **实施步骤**: * **添加 CSS**:在后台“自定义 CSS”中粘贴提供的样式代码,实现毛玻璃效果、阴影及悬停动画。 * **修改 PHP**:编辑 `zib-posts-list.php` 文件,定位到 `zib_posts_mian_list_card` 函数,替换原有代码以插入时间 HTML 结构。 3. **特点**:代码部署简单,视觉效果精致,兼容多种屏幕尺寸。

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

效果图

d2b5ca33bd20260614190923

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

代码教程

本教程分两部进行

第一步:添加css代码

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

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

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

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

请登录后发表评论

    暂无评论内容