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

下载地址已下载 0 次

服务协议

文章介绍
发表评论 7
更新日志
历史版本

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

PHP代码:

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

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

 

图标素材:

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

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

$html .= tianyishangke_post_newicon($post);//源码库新文章+置顶文章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;}

效果图:

不懂可以留言~

THE END
© 版权声明
点赞2085 分享
暂无内容
暂无更新日志
暂无内容
暂无历史版本

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

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

PHP代码:

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

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

 

图标素材:

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

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

$html .= tianyishangke_post_newicon($post);//源码库新文章+置顶文章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;}

效果图:

不懂可以留言~

© 版权声明
THE END
点赞2085 分享
评论 共7条

请登录后发表评论

    暂无评论内容