文章最后更新时间:
简介:
今天给大家分享一个好玩的东西,它就是文章列表右上角添加文章置顶+新文章发布ICON图标,
![文章列表右上角添加文章置顶+新文章发布ICON图标 图片[1]-文章列表右上角添加文章置顶+新文章发布ICON图标【子比教程】-轩逸博客](https://www.xyi66.cn/wp-content/uploads/2022/09/20240802205120371-IMG_2458.jpeg)
PHP代码:
在子比主题目录下“func.php”(子比主题推荐放这里)或者“functions.php”,在合适位置放下面PHP代码
上面《img》标签icon图标链接自己修改
图标素材:
![文章列表右上角添加文章置顶+新文章发布ICON图标 图片[2]-文章列表右上角添加文章置顶+新文章发布ICON图标【子比教程】-轩逸博客](https://xyiyun-1303847110.cos.ap-shanghai.myqcloud.com/2022/09/new.png)
![文章列表右上角添加文章置顶+新文章发布ICON图标 图片[3]-文章列表右上角添加文章置顶+新文章发布ICON图标【子比教程】-轩逸博客](https://xyiyun-1303847110.cos.ap-shanghai.myqcloud.com/2022/09/xin-top.png)
最关键的PHP代码及放置位置:
在子比主题目录下“/zibll/inc/functions/zib-posts-list.php”文件中,放在获取文章列表标题内 大概440行的文章放入下面PHP代码(看图)
$html .= tianyishangke_post_newicon($post);//轩逸博客新文章+置顶文章icon图标函数
![文章列表右上角添加文章置顶+新文章发布ICON图标 图片[4]-文章列表右上角添加文章置顶+新文章发布ICON图标【子比教程】-轩逸博客](https://xyiyun-1303847110.cos.ap-shanghai.myqcloud.com/2022/09/IMG_20220912_182429.png)
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图标 图片[5]-文章列表右上角添加文章置顶+新文章发布ICON图标【子比教程】-轩逸博客](https://xyiyun-1303847110.cos.ap-shanghai.myqcloud.com/2022/09/Screenshot_2022_0912_185212.png)
感谢您的来访,获取更多精彩文章请收藏本站。
供学习和研究使用,请在下载后24小时内删除
购买前可以联系作者确认资源信息,防止交易矛盾
© 版权声明
版权声明
1
本站名称:轩逸博客
2
本站网址:www.xyi66.cn
3
本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4
本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5
本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报。
6
本站附件资源、教程等内容如因时效原因失效或不可用,请评论区留言或联系站长及时更新。
THE END









- 最新
- 最热
只看作者