WordPress多站点移动端wp_get_attachment_image_src无法设置图片尺寸求助

这种情况我在做WP多站点适配时也遇到过，核心问题大多和缩略图尺寸的注册/生成逻辑以及多站点的主题/设置差异有关，咱们一步步排查解决：

1. 移动端主题未注册目标缩略图尺寸 #

WordPress的自定义缩略图尺寸需要通过add_image_size()函数提前注册，PC端主题里可能已经加了这段代码，但移动端主题如果是独立的，大概率没同步这个配置——没有注册的尺寸，WP只会返回原图或已存在的默认尺寸。

解决方法： #

• 打开移动端主题的functions.php文件，添加以下代码注册210x210的缩略图尺寸：

  add_action('after_setup_theme', 'register_custom_thumbnail_size');
  function register_custom_thumbnail_size() {
      // 最后一个true表示强制裁剪图片到指定尺寸，false则按比例缩放
      add_image_size('custom-210x210', 210, 210, true);
  }
  

• 如果你是多站点网络环境，更推荐把这段代码放到网络激活的自定义插件里，这样所有子站点（包括PC和移动端）都会生效，避免重复配置。

2. 旧图片未生成目标尺寸的缩略图 #

WordPress只会在图片上传时自动生成已注册的缩略图版本，你之前上传的图片根本没有210x210的尺寸文件，所以调用时自然只能返回原图（尺寸和预期不符）。

解决方法： #

• 使用Regenerate Thumbnails插件批量重新生成所有图片的缩略图：安装激活后，进入后台「工具」菜单找到插件入口，选择所有图片重新生成即可。
• 嫌插件麻烦的话也可以手动重新上传图片，但效率极低，不推荐。

3. 多站点媒体设置不一致 #

每个多站点子站点的「设置→媒体」配置是独立的，可能PC端站点开启了自定义尺寸，而移动端站点的媒体设置里没有对应配置，导致缩略图生成逻辑不生效。

解决方法： #

• 登录移动端站点后台，进入「设置→媒体」，检查是否有和你调用的210x210对应的尺寸配置；如果没有，手动添加或者确保add_image_size()的代码已经在该站点生效。

4. 前端响应式srcset影响显示尺寸 #

WordPress默认会给图片添加srcset属性，自动适配不同屏幕尺寸的设备——可能你用代码拿到的是正确的210x210 URL，但前端实际加载了适配移动端屏幕的其他尺寸，导致视觉上尺寸不对。

解决方法： #

• 先检查前端输出的img标签，看是否包含srcset和sizes属性；如果是这个问题，可以在调用图片时关闭srcset：

  // 用wp_get_attachment_image时关闭srcset
  echo wp_get_attachment_image(get_post_thumbnail_id($id), 'custom-210x210', false, array('srcset' => ''));
  
  // 或者拿到URL后手动写img标签，强制指定尺寸
  $image = wp_get_attachment_image_src(get_post_thumbnail_id($id), 'custom-210x210');
  if ($image) {
      echo '<img src="' . esc_url($image[0]) . '" width="210" height="210" alt="" />';
  }
  

先按这个顺序排查，一般前两个原因就能解决问题啦。

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