WordPress子比主题文章列表右上角添加置顶+新文章发布ICON图标

wordpress子比主题文章发布后会在文章表右上角显示ICON图标，大多数网站都有这个美化，但是有很多不太一样的地方，今天分享给大家，右上角的角标大家可以根据自己的喜好进行更换。

效果图

图片[1] - WordPress子比主题文章列表右上角添加置顶+新文章发布ICON图标 - 狐狸资源网

图片[2] - WordPress子比主题文章列表右上角添加置顶+新文章发布ICON图标 - 狐狸资源网

ICON图片可自由更换

图片素材：

图片[3] - WordPress子比主题文章列表右上角添加置顶+新文章发布ICON图标 - 狐狸资源网

图片[4] - WordPress子比主题文章列表右上角添加置顶+新文章发布ICON图标 - 狐狸资源网

部署教程

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

此处内容已隐藏，请评论后刷新页面查看.

上面图标链接自己修改

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

或者搜索

获取文章列表的标题

$html .= tianyishangke_post_newicon($post);//置顶文章icon图标函数

图片[9] - WordPress子比主题文章列表右上角添加置顶+新文章发布ICON图标 - 狐狸资源网

css代码

/*新文章发布图标样式*/
.posts-item{position: relative !important;}
.tianyishangke-new-icon{position: absolute;height: 35px;right: 0;top: 0;}
.tianyishangke-new-icon img{-webkit-user-drag: none;}

本文最后更新于2024-08-18 19:03:13，若文章内容或链接失效，请留言或 QQ群反馈！

文章没读爽？点我试试随机文章

本文链接：

1 如果您喜欢本站，点击这儿赞助下本站，感谢支持！
2 可能会帮助到你：下载帮助 | 解压资源 | 进站必看
3 本站内容观点不代表本站立场，并不代表本站赞同其观点和对其真实性负责
4 若作商业用途，请联系原作者授权，若本站侵犯了您的权益请联系站长进行删除处理
5本站所有内容均来源于网络，仅供学习与参考，请勿商业运营，严禁从事违法、侵权等任何非法活动，否则后果自负

THE END