WordPress（Divi主题）图片URL混入<br />致无法显示，求故障原因

我之前帮好几个客户排查过一模一样的问题，结合Divi主题的特性，大概率是这几个原因导致的，给你逐一拆解：

可能的故障原因 #

• Divi模块输入框的意外换行：在设置图片模块时，你可能不小心在URL输入框里按了回车，或者从其他编辑器（比如Word）复制带换行的内容过来，Divi的后台编辑器会把这个换行自动转成<br />标签插入到URL中，导致链接失效。
• 第三方插件的自动格式化冲突：如果你的网站安装了全局格式化类插件（比如某些SEO插件、文本美化插件），它们可能会错误地对Divi模块的后台字段进行格式化，把URL里的换行（哪怕是不小心输入的）转成<br />标签。
• 自定义代码/子主题的逻辑错误：如果你给网站加了自定义PHP代码（比如在functions.php里），或者用了修改Divi模块输出的子主题，可能是代码在处理图片URL时不小心插入了<br />标签，比如错误地使用了nl2br()函数处理URL字段。
• 缓存导致的旧内容残留：虽然你看到编辑器里显示正常，但Divi的本地缓存或者服务器端缓存（比如WP Rocket、LiteSpeed）可能缓存了之前错误的URL，导致预览/发布后还是加载旧的失效链接。

对应的解决步骤 #

• 检查并清理图片模块的URL字段：进入文章编辑页，打开出问题的图片模块，直接查看URL输入框里的内容，手动删除任何<br />标签或者多余的换行，保存模块后再预览。
• 排查插件冲突：暂时禁用所有非Divi官方的插件，然后预览文章。如果图片正常显示了，再逐个启用插件，找到导致冲突的那个，要么调整插件的格式化设置，要么替换/卸载它。
• 清除所有缓存：在Divi主题设置的“常规”选项里找到“清除Divi缓存”按钮，同时清除服务器端缓存插件的缓存，最后刷新页面重新预览。
• 检查自定义代码：如果你有子主题或者自定义函数，搜索有没有处理图片URL或者Divi模块输出的代码，比如wp_get_attachment_url过滤器、divi_module_output过滤器，看看是不是代码里错误地添加了<br />标签。

如果以上方法都没解决，你可以尝试新建一个干净的图片模块重新添加图片，或者把Divi主题更新到最新版本——有时候旧版本的模块会存在这类小bug，更新后就能修复。

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