为子比主题添加今日热搜榜单

预览图

实用教程

！！！记得更换图片地址为你们自己的域名地址！！！
页面版：将下载文件中的 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;
}

源码下载

本教程来自友站作者：夜岚云网络