主题美化 Zibll子比主题添加今日热门搜索排行榜

效果图

图片[1] - 主题美化 Zibll子比主题添加今日热门搜索排行榜 - 迪尔笔记

首页版

将下载文件中的index.php里的内容复制到/wp-content/themes/zibll/index.php里你想要放置的地方

Tips:不止index.php,任何你想要放的页面理论都是可行的

hotlist文件夹放到/wp-content/themes/zibll内即可

页面版

将下载文件中的pages文件夹里的文件放到/wp-content/themes/zibll/pages内

然后前往wp后台–页面–新建页面模板选择“热搜榜单页面”

CSS代码

需要在子比主题设置–全局&功能–自定义代码–自定义CSS样式内添加以下CSS代码

CSS代码如下:

/*聚合热搜CSS*/
.hot-ico {
    height: 18px;
    margin-right: .25rem;
    margin-bottom: .2rem;
}
.hot-rank {
    width: 18px;
    border-radius: 4px;
    background: rgba(124,124,124,.3);
    display: inline-block;
}
.hot-rank-1 {
    color: #fff;
    background: #f1404b;
}
.hot-rank-2 {
    color: #fff;
    background: #c56831;
}
.hot-rank-3 {
    color: #fff;
    background: #b89e2c;
}
/*聚合热搜CSS结束*/

下载地址

温馨提示:本文最后更新于2023-09-10 21:42:42,某些文章具有时效性,若有错误或已失效,请在下方留言或联系D崽
© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 共2条
D崽的头像 - 迪尔笔记

昵称

取消
昵称表情代码图片