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*/
.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结束*/

演示地址：热搜榜单-暗夜博客