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

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

简介:

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

图片[1]-文章列表右上角添加文章置顶+新文章发布ICON图标【子比教程】-轩逸博客

PHP代码:

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

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

图标素材:

图片[2]-文章列表右上角添加文章置顶+新文章发布ICON图标【子比教程】-轩逸博客
图片[3]-文章列表右上角添加文章置顶+新文章发布ICON图标【子比教程】-轩逸博客

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

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

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

演示图:

图片[5]-文章列表右上角添加文章置顶+新文章发布ICON图标【子比教程】-轩逸博客
    ------本页内容已结束,喜欢请分享------

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

    © 版权声明
    THE END
    喜欢就支持一下吧
    点赞14发电 分享
    评论 共16条
    头像
    请遵守相关法律法规,文明评论➠🎉
    提交
    头像

    昵称

    取消
    昵称表情代码图片
      • 头像随风0
      • 轩逸的头像-轩逸博客代理会员轩逸徽章-备受喜爱-轩逸博客等级-LV10-轩逸博客作者0