文章最后更新时间:2025-11-22 09:42:38
![图片[1] - WordPress子比美化教程(持续更新中)](https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01CA0Ldf1QbIiaJy6pL_!!2210123621994.jpg)
投放地方:后台=>>主题设置=>>自定义代码=>>自定义 javascript 代码,把下面的 js 代码复制粘贴到里面即可。
![图片[2] - WordPress子比美化教程(持续更新中)](https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01h1IJG41QbIiXMpBCS_!!2210123621994.jpg)
添加路径:在后台=>>外观=>>小工具=>>自定义 HTML=>>选择你需要放的位置
<!---CTRL+D 收藏小工具开始--->
<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>
<!---CTRL+D 收藏小工具结束--->33、子比主题下拉搜索框添加背景
![图片[3] - WordPress子比美化教程(持续更新中)](https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01GmC3vh1QbIibLNjs6_!!2210123621994.jpg)
将下面的代码放到:子比主题->>自定义CSS样式
34、子比主题下拉菜单毛玻璃样式
![图片[4] - WordPress子比美化教程(持续更新中)](https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01beHCVE1QbIiaNe7ui_!!2210123621994.jpg)
代码很简单,CSS放到自定义CSS即可
35、子比主题文章列表果冻弹跳效果
![图片[5] - WordPress子比美化教程(持续更新中)](https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01hL4mEs1QbIij8AA96_!!2210123621994.gif)
不多说直接放自定义CSS即可
36、子比主题日间、夜间模式切换提示
![图片[6] - WordPress子比美化教程(持续更新中)](https://img.alicdn.com/imgextra/i2/2210123621994/O1CN01XDLNUm1QbIim0cKos_!!2210123621994.jpg)
![图片[7] - WordPress子比美化教程(持续更新中)](https://img.alicdn.com/imgextra/i1/2210123621994/O1CN0122VCBF1QbIiiPejEy_!!2210123621994.jpg)
这个一共需要两个代码,跟着我步骤走,一个是JS引入的文件代码,一个是JS代码,JS代码是cf引入的,可能比较卡,毕竟是外网,可以自己保存本地引入!
代码部署
37、子比主题背景穿梭文字 样式代码
效果图我就不截图了,我直接展示样式给你们看,喜欢的自行部署,任何网站都可以使用哦!
效果展示
TFBKW.COM
代码部署
38、子比主题免费/付费资源背景样式
![图片[8] - WordPress子比美化教程(持续更新中)](https://www.tfbkw.com/wp-content/uploads/2025/03/20250914134420713-1-1024x477.webp)
免费和付费是一起改,一行CSS代码即可解决,将下面的代码放到:子比主题–>>自定义CSS样式即可,如果有自己喜欢的颜色可以去找颜色代码替换!!
39、子比主题页脚底部按钮样式
![图片[9] - WordPress子比美化教程(持续更新中)](https://www.tfbkw.com/wp-content/uploads/2025/03/20250921155535340-1-1024x260.webp)
40、子比主题最近评论小工具边框样式
![图片[10] - WordPress子比美化教程(持续更新中)](https://www.tfbkw.com/wp-content/uploads/2025/03/20251008131208799-1.webp)
用这个功能必须是要用子比自带的小工具:Zibll 最近评论,将下面的代码放到:子比主题–>>自定义CSS样式
© 版权声明 All Rights Reserved
THE END








![表情[豆仔/拜托.gif] - 腾飞博客](https://www.tfbkw.com/wp-content/themes/zibll/img/smilies/豆仔/拜托.gif)



















- 最新
- 最热
只看作者