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

------正文内容展示,开始阅读新内容 ------

简介:

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

文章列表右上角添加文章置顶+新文章发布ICON图标-轩逸博客

PHP代码:

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

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

图标素材:

文章列表右上角添加文章置顶+新文章发布ICON图标-轩逸博客
文章列表右上角添加文章置顶+新文章发布ICON图标-轩逸博客

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

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

$html .= tianyishangke_post_newicon($post);//轩逸博客新文章+置顶文章icon图标函数
文章列表右上角添加文章置顶+新文章发布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;}

演示图:

文章列表右上角添加文章置顶+新文章发布ICON图标-轩逸博客
温馨提示:本文最后更新于2022-09-12 18:59:53,某些文章具有时效性,若有错误或已失效,请在下方留言或联系轩逸站长
------本页内容已结束,喜欢请分享------

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

九月 12

本站历史上的今天

    "吼吼~~~,往年的今天站长不知道跑哪里偷懒去了~~~"
© 版权声明
THE END
喜欢就支持一下吧
点赞14发电 分享
评论 共35条

请登录后发表评论