【子比美化】文章列表右上角添加文章置顶+新文章发布ICON图标

前言：

分享一个好玩的东西，它就是文章列表右上角添加文章置顶+新文章发布ICON图标

【子比美化】文章列表右上角添加文章置顶+新文章发布ICON图标 插图1

废话不多说开始正文

教程：

PHP代码:

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

上面《img》标签icon图标链接自己修改

图标素材：

【子比美化】文章列表右上角添加文章置顶+新文章发布ICON图标 插图2【子比美化】文章列表右上角添加文章置顶+新文章发布ICON图标 插图3

下载下来使用，更多图标可以在阿里图标库下载（点击传送门进入）

最关键的PHP代码及放置位置:

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

$html .= tianyishangke_post_newicon($post);//新文章+置顶文章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;}

素材图: