预览WordPress主题时图片URL错误致404，如何修复？

问题根源 #

从错误路径https://6fish.fun/%22https:/6fish.fun/wp-content/uploads/2020/12/neve-web-design-studio-03.1.jpg来看，核心问题是图片URL被重复拼接了站点域名，还包含转义的引号%22，属于路径生成逻辑错误，大概率由配置或主题代码问题导致。

修复步骤 #

1. 检查站点URL基础配置 #

• 进入WordPress后台，打开「设置」→「常规」
• 确认「WordPress地址（URL）」和「站点地址（URL）」格式一致且正确（例如均为https://6fish.fun，无多余斜杠、引号）
• 修改后保存设置，刷新预览页面测试

2. 排查主题图片调用逻辑 #

• 若为主题自定义模块（如首页banner、案例区）调用图片，检查主题设置中填写的图片路径是否手动重复添加了域名
• 查看主题模板文件（如front-page.php、header.php）的图片输出代码，排查是否存在错误拼接：
  • 错误示例：echo get_site_url() . get_post_meta($post->ID, 'custom_img', true);（若自定义字段已存完整URL，会重复拼接域名）
  • 正确逻辑：自定义字段存相对路径时再拼接域名，存完整URL则直接输出

3. 清理各类缓存 #

• 清理WordPress缓存插件（如WP Rocket、W3 Total Cache）的缓存
• 强制刷新浏览器页面（Ctrl+F5），避免旧错误路径被缓存

4. 批量修正数据库中的错误路径 #

• 若大量图片出现该问题，可能是数据库中URL被错误替换过
• 用数据库搜索替换工具（如WP Migrate DB的搜索替换功能），搜索"%22https:/6fish.fun并替换为空字符串（操作前务必备份数据库）

5. 验证主题兼容性 #

• 临时切换到WordPress默认主题（如Twenty Twenty-Four），若图片显示正常，说明问题出在当前Neve主题上
• 尝试更新Neve主题到最新版本，或联系主题开发者反馈路径拼接bug

内容的提问来源于stack exchange，提问作者pangpang