![WordPress子比主题优化/美化教程[持续更新]-落叶博客](https://imgs.luoyee.cn/2021/08/20210815030507701.png)
![WordPress子比主题优化/美化教程[持续更新]](https://imgs.luoyee.cn/2021/08/a6ffa9718b223658.png)
前言
子比主题本身就是一个比较完美的主题了，本文章主要针对网站优化和美化，主要起到备忘的作用，若你觉得有用也可以借鉴走，本文不定时更新
主题购买
声明
每个人的审美不同，本文可能不符合你的审美观念
主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题，请一定要测试后在进行美化
7.使用阿里iconfont美化网站图标
6.更改独立页面的背景色
每个页面都的body都有单独的class，针对性地写一段css即可
假设页面id为5，标准的主题模板源码应该含有
对应的css
body.page-id-5{background:#000}
这个页面背景就应该是黑色了。当然也可以是图片。
5.在子比中插入广告位
子比主题是模块化的主题，所以广告位也是采用模块，如图
![图片[1]-WordPress子比主题优化/美化教程[持续更新]-落叶博客](https://imgs.luoyee.cn/2021/08/20210816081432576.png)
4.免申请接入QQ登录
可以联系站长开通代理登录渠道，QQ2545653474
免申请即可接入。当然也可联系站长代申请QQ互联接口
3.图标模块可用来放业务展示等
效果图
![图片[2]-WordPress子比主题优化/美化教程[持续更新]-落叶博客](https://imgs.luoyee.cn/2021/08/20210815025828289-1024x304.png)
使用教程：在合适的地方加入以下小工具
![图片[3]-WordPress子比主题优化/美化教程[持续更新]-落叶博客](https://imgs.luoyee.cn/2021/08/20210815025918870.png)
2.左上角LOGO扫光特效
可以以本站为例，在自定义CSS里添加代码
/* logo扫光 */ .navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}
设置方法：
![图片[4]-WordPress子比主题优化/美化教程[持续更新]-落叶博客](https://imgs.luoyee.cn/2021/08/20210815025615205-1024x473.png)
© 版权声明
文章版权归原作者所有，落叶博客享有发布权，未经本站允许任何人不得将此文章转载到任何其他站点等。
THE END
暂无评论内容