要在WordPress子比主题（ZiBi Theme）中实现网站底部添加滚动波浪效果，并确保手机端和PC端自适应，可以按照以下步骤操作：

方法一：通过修改 footer.php 文件实现

1. 备份原文件
   在操作之前，请先备份子比主题文件夹中的 footer.php 文件。
2. 修改 footer.php 文件
   打开子比主题文件夹中的 footer.php 文件，找到 <footer class="footer"> 标签的前面，添加以下HTML代码：
   HTML复制

   <div class="wave-container">
       <svg class="wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
           <path fill="#0099ff" fill-opacity="1" d="M0,160L48,165.3C96,171,192,181,288,186.7C384,192,480,192,576,170.7C672,149,768,107,864,101.3C960,96,1056,128,1152,160C1248,192,1344,224,1392,240L1440,256L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
       </svg>
   </div>

   这段代码会生成一个波浪形状的SVG图形。
3. 添加CSS样式
   在主题设置的“自定义CSS”中添加以下样式：
   css复制

   .wave-container {
       position: relative;
       width: 100%;
       overflow: hidden;
   }
   
   .wave {
       position: absolute;
       bottom: 0;
       width: 100%;
       height: auto;
   }
   
   @media (max-width: 768px) {
       .wave {
           height: 50px;
       }
   }

   这段CSS代码用于确保波浪效果在PC端和手机端都能自适应显示。
4. 保存并上传文件
   保存修改后的 footer.php 文件，并上传到服务器。刷新页面查看效果。

方法二：使用子主题实现

注意事项

• 如果需要更复杂的波浪效果，可以使用在线SVG编辑工具生成自定义波浪形状。
• 确保在修改文件前备份原文件，以免出现问题。
• 如果你对代码不熟悉，可以参考一些已经打包好的代码和教程，例如狐狸库提供的美化教程。