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

预览图

实用教程

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

源码下载


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

© 版权声明
THE END
喜欢就支持一下吧
点赞1305 分享
评论 共11条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码
    • 头像feng0
    • 头像1jsjs0
    • 头像canjie0