子比主题美化：底部背景切换器小工具 美化部署教程

本次分享一款适配子比主题的底部背景切换器小工具，相较于传统插件，小工具形式轻量化优势显著，不会额外占用网站资源、拖慢站点加载速度，实用性极强。

该工具完美适配手机、电脑全端设备，交互体验十分流畅。用户可点击页面底部的切换按钮唤起功能面板，鼠标悬停在对应背景样式上可实时预览效果，点击即可一键切换网站全局背景，同时支持自定义多种背景样式，满足网站个性化美化需求，适合所有子比主题站点部署使用。

小工具配置说明

工具后台支持可视化自定义配置，可自由添加、删除、编辑背景样式，主要分为CSS样式背景和图片背景两种类型，具体配置参数如下：

CSS样式背景配置

可自定义样式名称，输入自定义CSS代码实现渐变、纯色、动态特效等背景效果，工具默认内置一款动态渐变背景样式，可直接启用或二次修改，同时支持上传预览图方便后台区分样式。

图片背景配置

支持通过图片URL链接添加自定义背景图，可单独设置四项核心参数：背景重复模式、背景展示位置、背景适配大小，同样支持上传预览图，配置灵活度极高，适配各类网站风格。

• 背景重复：支持重复、水平重复、垂直重复、不重复四种模式
• 背景位置：支持左上、居中、右下等九种定位方式
• 背景大小：支持自动、覆盖、包含、拉伸四种适配模式

部署教程

部署操作简单，无需复杂设置，只需将完整代码添加至主题核心文件即可，具体步骤：打开网站子比主题根目录，找到 functions.php 文件，将下方全部代码复制粘贴至文件末尾，保存后刷新网站即可生效。

工具使用注意事项

• 代码部署完成后，无需额外插件激活，直接在 WordPress 后台小工具板块即可找到对应功能，支持自由开关、配置样式
• 工具支持深浅色主题自适应，完美适配子比主题明暗切换模式，样式显示无冲突
• 后台可单独开启/关闭手机端显示，适配移动端适配需求，避免小屏幕界面拥挤
• 所有背景样式支持实时预览、一键切换，用户选择的背景会本地缓存，刷新页面不失效
• 可无限新增、删除自定义背景样式，灵活适配各类网站美化风格，操作简单易上手