WordPress Zibll主题给新发布的文章和更新的文章分别加上”新”小图标和”更”小图标

WordPress Zibll主题给新发布的文章和更新的文章分别加上
WordPress Zibll主题给新发布的文章和更新的文章分别加上”新”小图标和”更”小图标
此内容为付费阅读,请付费后查看
沙澧币2
限时特惠
沙澧币8
QQ:37567831
付费阅读

本站演示,支持Zibll5.7版本:

图片[1]-WordPress Zibll主题给新发布的文章和更新的文章分别加上”新”小图标和”更”小图标-似水流年

第一、Zibll主题设置—文章&列表—列表卡片模式,将“首页列表 卡片模式“关闭。

PS:主要是卡片模式调试了好久,NEW小图标一直错位,无奈关闭。

图片[2]-WordPress Zibll主题给新发布的文章和更新的文章分别加上”新”小图标和”更”小图标-似水流年

第二、修改主题目录中的/inc/functions/zib-posts-list.php文件,找到以下代码:

第三、添加样式

后台主题设置-全局功能-自定义代码-自定义CSS样式插入

.tab-content{
positiON: relative;
}
/** NEW 图标文字版样式 **/
.tab-content .new-icon{
position: absolute;
right: 1px;
display: block;
width: 40px;
height: 40px;
line-height: 20px;
background-image: url(https://images.my1981.cn/wp-content/uploads/2021/01/new.svg);
transform-origin: 0% 0%;
}
/** UPDATE 图标文字版样式 **/
.tab-content .update-icon{
position: absolute;
right: 1px;
display: block;
width: 40px;
height: 40px;
line-height: 20px;
background-image: url(https://images.my1981.cn/wp-content/uploads/2021/10/update.png);
transform-origin: 0% 0%;
}
温馨提示:本文最后更新于2021-10-03 17:54:14,某些文章具有时效性,若有错误或已失效,请在下方留言
------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
点赞0赞赏
分享
评论 抢沙发

请登录后发表评论