子比主题滑动模块图片自定义教程

引言：为什么要自定义滑动模块图片？

一、开启人机验证滑动功能

操作步骤：

1. 进入主题后台：登录 WordPress 后台，点击左侧菜单【主题设置】→【子比主题设置】。
2. 定位人机验证选项：在设置页面中，查找【安全设置】或【人机验证】模块（可通过页面搜索功能快速查找 “人机验证” 关键词）。
3. 启用滑动功能：在人机验证设置中，勾选【启用滑动验证】选项，并保存设置。

二、定位滑动图片文件目录

目录路径：

• 滑动图片默认存储路径为：/wp-content/themes/zibll/img/captcha
• 访问方式：
  • 通过 FTP 工具（如 FileZilla）连接服务器，导航至上述路径；
  • 或使用 WordPress 插件（如 “WP File Manager”）直接在后台访问文件目录。

三、准备符合要求的自定义图片

图片规格要求（必看！）：

• 尺寸：横屏比例，建议 270×155 像素（确保滑动模块显示完整，无拉伸变形）；
• 格式：JPG 格式（兼容性强，加载速度快）；
• 命名规则：文件名从 0 开始按顺序编号，如0.jpg、1.jpg、2.jpg等（系统按文件名顺序调用图片）。

示例说明：

• 若需替换 3 张图片，需准备 3 个文件，命名为0.jpg、1.jpg、2.jpg，分别对应滑动模块的不同状态（如初始图、滑动中、验证成功等）。

四、上传图片并替换默认文件

操作方法：

1. 备份原文件（重要！）：先将captcha文件夹内的默认图片复制到本地备份，避免操作失误导致功能异常。
2. 上传自定义图片：
   • 通过 FTP 工具将图片拖入/wp-content/themes/zibll/img/captcha目录；
   • 或在 WordPress 插件中选中目录，点击【上传文件】按钮批量上传。
3. 覆盖与验证：确保新图片文件名与原文件一致（按编号替换），上传后刷新网站，测试滑动模块是否显示新图片。

补充提示：快速替换方案

常见问题排查

• 图片不显示：检查文件路径是否正确，文件名是否按 “0.jpg” 格式命名，或尝试清除浏览器缓存与 WordPress 缓存；
• 尺寸异常：确认图片像素为 270×155，避免因尺寸不符导致显示错位；
• 功能报错：若替换后验证功能失效，立即恢复备份文件，并检查是否误删其他必要文件。

总结