子比主题美化 – 文章列表右上角添加置顶和新文章角标

子比主题美化 – 文章列表右上角添加置顶和新文章角标-凌久源码网
子比主题美化 – 文章列表右上角添加置顶和新文章角标
此内容为免费阅读,请登录后查看
0积分
免费阅读
已售 46

教你如何在子比主题中轻松实现文章列表的右上角添加置顶和新文章角标功能,提升用户体验和网站美观度。

效果演示

子比主题美化 – 文章列表右上角添加置顶和新文章角标插图

这里做个示例,icon图片可自由更换。

代码部署

在子比主题目录下“func.php”(子比主题推荐放这里)或者“functions.php”,在合适位置放下面php代码。

在子比主题目录下“/zibll/inc/functions/zib-posts-list.php”文件中,放在获取文章列表标题内,大概440行的文章放入下面php代码(如图)

子比主题美化 – 文章列表右上角添加置顶和新文章角标插图1
$html .= tianyishangke_post_newicon($post);//置顶文章icon图标函数
/*新文章发布图标样式 www.09bk.cn*/
.posts-item{position: relative !important;}
.tianyishangke-new-icon{position: absolute;height: 35px;right: 0;top: 0;}
.tianyishangke-new-icon img{-webkit-user-drag: none;}
© 版权声明
THE END
喜欢就支持一下吧!
点赞50
评论 抢沙发

请登录后发表评论

    暂无评论内容