WordPress子比主题美化 文章列表右上角添加置顶+新文章发布ICON图标

WordPress子比主题美化 文章列表右上角添加置顶+新文章发布ICON图标-雅幽资源网
WordPress子比主题美化 文章列表右上角添加置顶+新文章发布ICON图标
此内容为会员免费,请登录后查看
0积分
本站资源均为作者提供和网友推荐收集整理而来,仅供学习和研究使用,请在下载后24小时内删除,谢谢合作!
会员免费

WordPress子比主题文章发布后会在文章表右上角显示 ICON 图标,大多数网站都有这个美化,但是有很多不太一样的地方,今天分享给大家,右上角的角标大家可以根据自己的喜好进行更换。

效果图

WordPress子比主题美化 文章列表右上角添加置顶+新文章发布ICON图标
WordPress子比主题美化 文章列表右上角添加置顶+新文章发布ICON图标

ICON 图片可自由更换

部署方法

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

上面图标链接自己修改

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

或者搜索

获取文章列表的标题
$html .= tianyishangke_post_newicon($post);//置顶文章 icon 图标函数
WordPress子比主题美化 文章列表右上角添加置顶+新文章发布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;}

温馨提示:本文最后更新于2024-10-05 15:25:27,某些文章具有时效性,若有错误或已失效,请在下方留言或联系雅幽资源网
------本页内容已结束,喜欢请分享------

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

© 版权声明
THE END
喜欢就支持一下吧
点赞1 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容