子比主题美化：Modal弹窗背景样式添加教程

子比主题（Zibll）作为WordPress中热门的高颜值主题，其内置的Modal弹窗（如登录弹窗、注册弹窗、文章弹窗等）默认样式简洁，但很多用户希望自定义弹窗背景，打造更具个性化的网站视觉效果。本次教程将详细讲解如何修改Modal弹窗背景样式，重点实现「背景图+毛玻璃模糊」效果，适配子比主题全版本，新手也能轻松上手。

效果预览

代码部署

1. 进入主题自定义 CSS 位置

进入 WordPress 后台 → 子比主题设置 → 自定义代码 → 自定义 CSS 样式，粘贴下方代码。

2. 完整 CSS 代码

3. 图片本地化

自己做好本地化，防止链接 失联。

4. 参数调整（可选）

• blur(10px)：模糊强度，数值越大越模糊，可改为 5px、8px、15px 等
• background-size: cover：背景图自适应铺满，无需修改
• 添加 background-color: rgba(0,0,0,0.2); 可增加半透明遮罩，提升文字可读性

小小的一段 CSS 代码，就能让子比主题原本单调的 modal 弹窗焕然一新，毛玻璃朦胧质感搭配自定义背景，不仅让页面更具设计感，也能让站点整体风格更统一。无需复杂修改主题源码，复制粘贴即可生效，新手也能轻松上手。如果你也想让自己的网站细节更精致、体验更出众，不妨试试这个简单实用的小技巧，用极简操作打造专属的美化效果。