文章最后更新时间:
31、网站左上角添加 FPS 帧率显示
![图片[1] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客](https://image.nuoso.cn/2025/12/20251219153445465.png)
投放地方:后台=>>主题设置=>>自定义代码=>>自定义 javascript 代码,把下面的 js 代码复制粘贴到里面即可。
32、网站底部添加 CTRL+D 收藏按钮
![图片[2] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客](https://image.nuoso.cn/2025/12/20251219153649838.png)
添加路径:在后台=>>外观=>>小工具=>>自定义 HTML=>>选择你需要放的位置
<style type="text/css">
#go-fav {
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
background: #3d3d3d;
font-size: 14px;
font-weight: 400;
color: rgba(255, 255, 255, 1)
}
#go-fav span {
padding: 5px 10px;
background: rgba(255, 197, 0, 1);
border-radius: 5px;
color: #202020;
margin: 0 5px
}
#go-fav a {
color: #aeaeae
}
#go-fav a:hover {
color: var(--focus-color)
}
</style>
<div id="go-fav"> 赶紧收藏我们,查看更多心仪的内容?按<span>Ctrl</span>+<span>D</span>收藏我们 或<a class="find-more" href="/" rel="nofollow noopener" target="_blank"> 发现更多</a></div>
33、子比主题下拉搜索框添加背景
![图片[3] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客](https://image.nuoso.cn/2025/12/20251219153836664.png)
将下面的代码放到:子比主题->>自定义CSS样式
34、子比主题下拉菜单毛玻璃样式
![图片[4] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客](https://image.nuoso.cn/2025/12/20251220163112873.png)
代码很简单,CSS放到自定义CSS即可
35、子比主题文章列表果冻弹跳效果
![图片[5] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客](https://image.nuoso.cn/2025/12/20251220163246147.gif)
不多说直接放自定义CSS即可
36、子比主题日间、夜间模式切换提示
![图片[6] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客](https://image.nuoso.cn/2025/12/20251220163718293.png)
![图片[7] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客](https://image.nuoso.cn/2025/12/20251220163722224.png)
这个一共需要两个代码,跟着我步骤走,一个是JS引入的文件代码,一个是JS代码,JS代码是cf引入的,可能比较卡,毕竟是外网,可以自己保存本地引入!
代码部署
37、子比主题背景穿梭文字
效果图我就不截图了,我直接展示样式给你们看,喜欢的自行部署,任何网站都可以使用哦!
效果展示
NUOSO.CN
代码部署
38、子比主题免费/付费资源背景样式
![图片[8] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客](https://image.nuoso.cn/2025/12/20251220164627480.png)
免费和付费是一起改,一行CSS代码即可解决,将下面的代码放到:子比主题–>>自定义CSS样式即可,如果有自己喜欢的颜色可以去找颜色代码替换!!
39、子比主题页脚底部按钮样式
![图片[9] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客](https://image.nuoso.cn/2025/12/20251220164825235.png)
40、子比主题最近评论小工具边框样式
![图片[10] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客](https://image.nuoso.cn/2025/12/20251220165117727.jpg)
用这个功能必须是要用子比自带的小工具:Zibll 最近评论,将下面的代码放到:子比主题–>>自定义CSS样式
© 版权声明
© 版权声明 All Rights Reserved
THE END




![诺守博客 - 专业的网络资源分享平台![官网]](https://image.nuoso.cn/2025/12/20251205102715204.png)


- 最新
- 最热
查看全部