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

【子比美化】文章列表右上角添加文章置顶+新文章发布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代码

图片[1]-【子比美化】文章列表右上角添加文章置顶+新文章发布ICON图标-知新网

$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;}

素材图:

图片[2]-【子比美化】文章列表右上角添加文章置顶+新文章发布ICON图标-知新网

图片[3]-【子比美化】文章列表右上角添加文章置顶+新文章发布ICON图标-知新网

图片[4]-【子比美化】文章列表右上角添加文章置顶+新文章发布ICON图标-知新网

温馨提示:本文最后更新于2023-11-11 19:50:52,某些文章具有时效性,若有错误或已失效,请私信客服或联系知新社长
------本文内容已结束,喜欢请分享------

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

© 版权声明
三月 3

历史上的今天

    "吼吼~,往年的今天作者不知道跑哪里偷懒去了~"
WWW.UZHIX.COM
点赞0 分享
评论 共5条
头像
善语结善缘,恶言伤人心。(禁止发送无意义的字符)
提交
头像

昵称

取消
昵称常用语 夸夸
夸夸
还有吗!没看够!
表情代码图片