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

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

PHP代码:

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

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

 

图标素材:

图片[1]-WordPress文章列表右上角添加文章置顶+新文章发布ICON图标【子比教程】-源码库

图片[2]-WordPress文章列表右上角添加文章置顶+新文章发布ICON图标【子比教程】-源码库

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

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

$html .= tianyishangke_post_newicon($post);//源码库新文章+置顶文章icon图标函数

图片[3]-WordPress文章列表右上角添加文章置顶+新文章发布ICON图标【子比教程】-源码库

CSS代码:

/*ymkuz.com·新文章发布图标样式*/
.posts-item{position: relative !important;}
.tianyishangke-new-icon{position: absolute;height: 35px;right: 0;top: 0;}
.tianyishangke-new-icon img{-webkit-user-drag: none;}

效果图:图片[4]-WordPress文章列表右上角添加文章置顶+新文章发布ICON图标【子比教程】-源码库

不懂可以留言~

你已经把内容看完了
© 版权声明
1:本网站名称:源码库
2:本站永久网址:www.ymkuz.com
3:本站部分内容收集于互联网,如果有侵权内容、请联系我们删除,不妥之处,敬请谅解
4:本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责
5:本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6:本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新
7.文章投稿-投诉建议E-mail:yunduanw@qq.com 站长QQ:99767152 官方QQ群:源码库交流群
点赞2085 分享
评论 共3条

请登录后发表评论

    • rcz168的头像-源码库rcz168徽章-签到新秀-源码库等级-用户等级:LV1-源码库广东省佛山市 电信0
    • 开心的头像-源码库开心等级-用户等级:LV1-源码库四川省成都市 电信0
    • power的头像-源码库power徽章-二十大徽章-源码库等级-用户等级:LV4-源码库重庆市 长城宽带0