子比主题美化：为文章内超链接添加灵动波浪下划线效果

在搭建 WordPress 博客时，子比（Zibll）主题凭借简洁的设计和丰富的自定义功能深受博主喜爱，但默认的链接悬停效果较为普通。为了提升网站的视觉体验，本次分享一款超实用的美化代码 —— 为文章内所有超链接添加悬停波浪下划线效果，替代传统的静态下划线，让链接交互更具动感，同时保持子比主题的整体风格协调性。

效果预览

鼠标悬停在文章任意链接上时，波浪下划线无缝循环动画，既提升了链接的辨识度，又不会破坏页面的阅读体验，适配子比主题的移动端和 PC 端显示。

代码部署

1. 登录你的 WordPress 后台管理面板；
2. 在左侧菜单栏找到并点击「主题设置」；
3. 在主题设置页面中，依次展开「全局 & 功能」→「自定义代码」；
4. 找到「自定义 css 样式」输入框；
5. 将以下完整的 CSS 代码粘贴到输入框中；
6. 滚动到页面底部，点击「保存设置」按钮，完成部署。

自定义调整

你可以根据子比主题的配色风格，灵活修改代码中的参数，适配自己的网站风格：

1. 修改波浪 / 文字颜色：将代码中所有的 #ff4500 替换为目标颜色值（如红色 #ff0000 等）；
2. 调整动画速度：将 animation:waveMove 1s infinite linear 中的 1s 改为其他数值（如 0.8s 更快，2s 更慢）；
3. 修改波浪大小：调整 SVG 参数 viewBox='0 0 20 4' 中的数值，第一个数字（20）控制波浪长度，第二个数字（4）控制波浪高度，数值越大波浪越明显；
4. 取消无限动画：删除 infinite 关键词，波浪仅在悬停时播放一次动画。

结语

本次分享的子比主题链接波浪下划线美化代码，无需修改主题核心文件，仅通过自定义 CSS 即可实现，既保证了网站的稳定性，又能快速提升页面的交互质感。该代码适配所有子比主题版本，且对网站加载速度无影响，如果你想让博客的细节更出彩，不妨试试这个简单又实用的美化技巧。