子比主题文章热帖精华帖置顶原创图标代码:在已发布的文章页面右上角显示,判定规则是浏览量超过一定数量后会自定显示热帖标识,加了判断,可以自定义,热帖图标也可自定义。很不错的一款代码哦!如果需要手动为某一篇文章添加原创或者精华等标识图片,可参考本站另一篇文章:WordPress自定义文章内容右上角原创标识子比主题文章页面原创标识-精品资源网 (jpzyw.net)
放置位置:以下代码放在 /wp-content/themes/zibll/func.php 文件中,然后在后台—全局–自定义代码中加入以下代码:
.huliku-hot-img {
position: absolute;
right: 27%;
pointer-events: none;
z-index: 10;
}
@media screen and (max-width:1024px) {
.huliku-hot-img {
right: 38%;
}
}
@media screen and (max-width:768px) {
.huliku-hot-img {
right: 6%;
}
}
![图片[1]-子比主题文章浏览量大于50出现热帖图标代码-精品资源网](https://www.jpzyw.net/wp-content/uploads/2024/03/image.png)
![图片[2]-子比主题文章浏览量大于50出现热帖图标代码-精品资源网](https://www.jpzyw.net/wp-content/uploads/2024/01/youxiu.gif)
![图片[3]-子比主题文章浏览量大于50出现热帖图标代码-精品资源网](https://www.jpzyw.net/wp-content/uploads/2024/01/zhiding.gif)
![图片[4]-子比主题文章浏览量大于50出现热帖图标代码-精品资源网](https://www.jpzyw.net/wp-content/uploads/2024/01/yuanchuan.gif)
![图片[5]-子比主题文章浏览量大于50出现热帖图标代码-精品资源网](https://www.jpzyw.net/wp-content/uploads/2024/01/tuijian.gif)
![图片[6]-子比主题文章浏览量大于50出现热帖图标代码-精品资源网](https://www.jpzyw.net/wp-content/uploads/2024/01/jinghua.gif)
![图片[7]-子比主题文章浏览量大于50出现热帖图标代码-精品资源网](https://www.jpzyw.net/wp-content/uploads/2024/01/retie.gif)
© 版权声明
THE END
暂无评论内容