子比主题美化教程 | 一键添加底部动态波浪效果，颜值拉满！

子比主题本身颜值就很高，但细节处稍加美化能让网站更有辨识度！今天就分享一套子比主题专属的底部波浪美化代码，既不破坏主题原有样式，又能提升视觉质感。全程复制粘贴就能搞定，无需懂代码，新手也能轻松上手！

演示图片

准备工作

1. 登录 WordPress 后台，确保你使用的是子比 (zibll) 主题（适配 V6.x 及以上版本）；
2. 建议先备份主题设置（子比后台→工具→备份恢复），避免操作失误；
3. 无需安装额外插件，纯代码实现，轻量化不占用服务器资源；
4. 代码已适配子比主题的配色变量（直接调用主题自带的颜色值，无需手动调色）。

添加核心 CSS 样式

1. 登录 WP 后台 → 主题设置 → 全局功能 → 自定义代码 → 自定义CSS样式；
2. 复制以下完整 CSS 代码，粘贴到 CSS 编辑框中；

添加 SVG 波浪代码

打开子比主题文件夹的footer.php文件，把下面的代码放到<footer class="footer">标签的前面即可。

拓展玩法

1. 自定义波浪颜色：将 SVG 中的var(--zib-main-color)替换为具体色值（如#ff6600），打造专属配色；
2. 调整动画速度：修改 CSS 中animation-duration的数值（数值越小，波浪动得越快）；
3. 波浪高度调整：修改.waves中的height: 15vh（vh 为视口高度，数值越大波浪越高）。

这套代码是专为子比 (zibll) 主题优化的底部波浪美化方案，复制粘贴即可生效，完美适配子比的配色和布局逻辑。