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:分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
5:本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
6:本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7:如有链接无法下载、失效或广告,请联系管理员处理!
8:文章投稿-投诉建议E-mail:yunduanw@qq.com 站长QQ:99767152
THE END
点赞2085 分享
评论 共5条

请登录后发表评论