WordPress搬家怎样安排图片与资源加载

📍 WDQWDWQD987AAAAA:216.73.216.170
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /5f0d1609bc02.html
📄

WordPress搬家怎样安排图片与资源加载

WordPress搬家时,图片与资源加载的安排核心是:先确认旧站媒体文件是否完整迁移,再检查新站媒体库与页面中的资源引用是否指向正确地址,最后按“媒体文件、主题资源、插件资源、页面内链”四类逐项替换或保留。对第一次处理这个问题的人来说,起点不是改代码,而是先查清新站里哪些图片打不开、哪些资源请求了旧域名。

先查媒体库:图片是否真正搬到了新站

进入新站后台的媒体库,随机点开最近文章和首页用到的图片,查看它们能否正常显示。这一步要查的是文件本身在不在新服务器上,而不是只看页面有没有裂图。判断方法:如果媒体库缩略图正常、点开大图也正常,说明文件已迁移;如果缩略图正常但大图裂开,可能是原图未完整上传;如果媒体库为空或数量明显少于旧站,说明迁移时漏掉了上传目录。

适用条件:适用于通过手动下载上传目录、或用迁移工具整体打包的情况。结果说明:媒体库完整,才能进入下一步处理引用地址;媒体库不完整,应先补齐文件,再谈加载优化。

检查图片地址:页面里是否还指向旧域名

用浏览器打开新站首页和一篇带图文章,按 F12 打开开发者工具,切到 Network 面板,刷新页面,筛选 Img 类型请求。观察每条图片请求的域名:如果仍出现旧域名,说明页面内容里保存的是绝对地址,搬家后没有替换。

也可以直接在数据库或导出文件中搜索旧域名,看它出现在哪些表的哪些字段。常见位置包括文章正文、特色图片元数据、主题自定义选项、小工具内容。判断结果:旧域名只出现在少数文章正文,可以逐篇编辑替换;如果大量出现,说明需要做一次全站地址替换,但替换前必须备份数据库。

主题与插件资源:样式和脚本从哪加载

主题和插件的前端资源,通常通过函数引用主题目录或插件目录下的文件。搬家后如果新站路径结构没变,这部分一般不需要改;如果新站把 WordPress 放在子目录,或域名结构变化较大,就可能出现样式丢失、脚本 404。

检查项:打开开发者工具 Network 面板,筛选 CSS 和 JS,看请求是否返回 200。若返回 404,查看请求地址是否指向旧路径或旧域名。适用条件:仅当新站安装路径或域名与旧站不同时,才重点排查这一项。结果说明:返回 200 说明资源加载正常;返回 404 说明需要检查主题或插件中写死的路径。

页面内链与资源引用:正文里的图片链接要不要改

文章正文中的图片,如果插入时用的是完整地址,搬家后地址不会自动变化。判断方法:在新站编辑一篇文章,切到代码视图,看 img 标签的 src 是否包含旧域名。如果包含,需要替换为新域名;如果用的是相对地址或媒体库自动生成的地址,通常无需处理。

可执行步骤:

  1. 备份新站数据库。
  2. 在数据库管理工具中搜索旧域名,确认出现位置和数量。
  3. 对文章正文、选项表等字段执行替换,把旧域名换成新域名。
  4. 刷新页面,再次用 Network 面板确认图片请求全部指向新域名且返回 200。

注意:替换前先导出备份,替换后立即检查首页、文章页、分类页是否正常。如果替换后出现排版错乱,说明可能误改了序列化数据,应恢复备份后改用支持序列化安全的替换方式。

加载顺序与缓存:搬家后先别急着开优化

刚完成搬家时,建议先关闭缓存插件和 CDN,确认图片与资源都能从新服务器正常加载,再逐项开启优化。判断方法:关闭缓存后刷新页面,所有图片和样式正常;开启缓存后再次刷新,若出现旧图或裂图,说明缓存里还留着旧地址。

适用条件:适用于使用了页面缓存、对象缓存或 CDN 的站点。结果说明:缓存未清理时,即使文件已经搬好,访问者仍可能看到旧资源;清理缓存后正常,才说明搬家完成。

下一步:先按上面清单查一遍媒体库和 Network 请求,把仍然指向旧域名的图片和资源列出来,再决定是逐篇修改还是做一次全站替换。

图1 图2

nginx