✨ 前 言 ✨
关于教程
本页主题美化教程是站长在建站时收集并测试过无任何错误的记录合集，使用之前先参考本站（大部分都运用在本网站），若觉得实用就拿去用吧，每一个教程我都附上了教程，并且我会不定期更新一些美化的教程、小工具等等！🎉🎉同时也希望可以多多推荐本站！
美化声明
- 每个人的审美观念不一样，所以请先参考教程内的图片或经测试后再使用。
- 主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题，请一定要测试后在进行美化。
- 主题美化可能会对主题文件进行修改，更新时请及时备份主题美化的文件，或者收藏本站，以免一些主题页面或美化效果丢失。
- 如若发现错误或有问题，可以在评论区下面讨论或直接联系站长[QQ：747336816] ，非常感谢支持我们的朋友们！
代码相关
【重要】不会添加代码的看下面说明，复制的代码不需要添加任何东西也不需要删减任何内容，如若因你的增添或删减而造成美化失败，请不要埋怨我，代码并没有任何问题！（美化大佬可以忽略）
【适用于zibll8.5最新版】CSS代码、javascript代码、自定义头部/底部HTML都是添加到”zibll主题设置－>全局&功能－>自定义代码－>对应的自定义代码区块”中…
【适用于zibll8.5最新版】没有特殊说明的小工具，自定义HTML小工具添加”外观－>小工具－>点击’自定义HTML’选择放置的位置－>把代码复制进去，保存即可…
【适用于zibll8.5最新版】有部分美化教程需要修改”footer.php、header.php”等相关源码文件，只需前往网站文件根目录，依次找到”wp-content－>themes－>zibll”后找到相关文件进行修改即可…
若仍有疑问，可在美化教程评论区下方评论，站长看到后会尽力解决！若赶时间，可以点击悬浮按钮中的QQ图标联系站长！
代码获取
本站大部分美化代码整理不易，麻烦大家评论后获取！ヾ(❀╹◡╹)ﾉ~ ，部分美化代码可能需要用积分或者那个东东购买，大家可以按需获取
本美化教程大部分是本站已经运用的，所以在本站都能找到示例，如果你发现小星有些美化在教程里面找不到但是你也想要可以私聊站长获取。
小星整理不易，麻烦大家评论后获取代码！ヾ(❀╹◡╹)ﾉ~
![图片[1]-WordPress子比主题美化教程合集（持续更新）-星客纪元](https://xker.cn/wp-content/uploads/2026/06/b742dc872720260613211628.gif)
我们第一步将下面的代码放到：
.figure{
width: 15px;
animation:0ms;
-webkit-animation:rotateImg 3s linear infinite;
vertical-align: middle;
}
@keyframes rotateImg {
0% {transform : rotate(0deg);}
100% {transform : rotate(360deg);}
}
@-webkit-keyframes rotateImg {
0%{-webkit-transform : rotate(0deg);}
100%{-webkit-transform : rotate(360deg);}
}![图片[2]-WordPress子比主题美化教程合集（持续更新）-星客纪元](https://xker.cn/wp-content/uploads/2026/06/84c9adf2e920260613211933.jpg)
<svg class="figure" aria-hidden="true"><use xlink:href="#icon-surface_gongju"></use></svg>![图片[3]-WordPress子比主题美化教程合集（持续更新）-星客纪元](https://xker.cn/wp-content/uploads/2026/06/0d782bf7e320260613213614.jpg)
将下面的代码放到：
.article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags a:nth-child(5n+3){background-color: #1ac756;color: #FFF}.article-tags a:nth-child(5n+4){background-color: #19B5FE;color: #FFF}.article-tags a:hover{background-color: #1B1B1B;color: #FFF}本站收集的资源仅供内部学习研究软件设计思想和原理使用，学习研究后请自觉删除，请勿传播，因未及时删除所造成的任何后果责任自负。
如果用于其他用途，请购买正版支持作者，谢谢！若您认为「XKER.CN」发布的内容若侵犯到您的权益，请联系站长邮箱:xkera@qq.com 进行删除处理。
本站资源大多存储在云盘，如发现链接失效，请联系我们，我们会第一时间更新。![子比主题美化-本站同款网站底部横向数据统计小工具[详细版]-星客纪元](https://xker.cn/wp-content/uploads/2026/05/image-9-800x197.png)
暂无评论内容