如何调整WordPress图库每行图片高度 实现统一对齐无多余留白

方法1：提前设置固定裁剪的图片尺寸（性能最优推荐） #

• 登录WordPress后台，进入「设置」→「媒体」设置页
• 直接修改默认中等尺寸参数：将中等尺寸的高度设为你想要的统一高度（比如400px），勾选裁剪中等尺寸图片到精确尺寸选项后保存更改
• 安装缩略图重建插件批量处理历史图片，新上传的图片会自动生成对应裁剪后的尺寸
• 无需修改原有短代码，直接使用[gallery columns="3" size="medium" link="none" ids="13,14,11,16,18,19"]调用即可

方法2：自定义CSS强制统一高度（无需修改图片文件） #

如果不想调整全局媒体设置，可以直接加CSS规则实现效果：

• 进入WordPress后台「外观」→「自定义」→「额外CSS」，添加以下代码：

/* 适配WordPress默认3列图库统一高度 */
.gallery-columns-3 .gallery-item {
  height: 400px; /* 自行修改为需要的统一高度 */
  overflow: hidden;
}
.gallery-columns-3 .gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 自动裁剪边缘保持比例，不会拉伸变形 */
  object-position: center; /* 裁剪时优先保留图片中心内容 */
}

• 保存设置后前台刷新即可生效，全景图下方的空白会直接消除，所有图片自动匹配统一高度

方法3：自定义尺寸单独适配当前图库（不影响其他图库设置） #

如果只需要这一个图库使用固定高度，可以自定义独立的图片尺寸调用：

• 打开当前使用主题的functions.php文件，添加代码：
  add_image_size( 'gallery-3col-fixed', 600, 400, true );
  其中600为宽度上限、400为固定高度，最后一个参数true代表开启硬裁剪
• 重建对应图片的缩略图后，修改短代码的size参数为自定义尺寸即可：
  [gallery columns="3" size="gallery-3col-fixed" link="none" ids="13,14,11,16,18,19"]

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