如何为single.php中两端对齐的单篇文章图片设置最大宽度

嘿，这个问题我太熟了！之前帮好几个朋友搞定过类似情况，其实不用折腾PHP代码，靠CSS就能完美解决，还能灵活控制单篇文章里的图片尺寸：

通用解决方案：让所有媒体库插入的图片自动适配 #

WordPress通过「添加媒体」插入的图片，都会自带wp-image-xxx（xxx是图片ID）这类专属类，我们可以针对这些类写CSS规则，强制图片保持原比例且不超过内容区宽度：

/* 针对文章内容区里的媒体库图片 */
.single-post .entry-content img[class*="wp-image-"],
.single-post .entry-content .wp-block-image img {
  max-width: 100%; /* 最大宽度不超过父容器（也就是你的700px内容区） */
  width: auto;     /* 取消强制拉伸，让图片保持自身实际宽度 */
  height: auto;    /* 自动匹配高度，防止变形 */
}

把这段代码加到你的主题自定义CSS里（外观→自定义→额外CSS）就行。这样一来，宽度小于700px的图片会保持原尺寸，大于700px的会自动缩小到700px，完全不会变形。

单独设置单篇文章里的特定图片 #

如果你只想给某一篇文章里的某几张图片单独设max-width，操作也很简单：

1. 编辑目标文章，选中要调整的图片，在右侧「块」面板里找到「高级」选项，给图片添加自定义类（比如custom-max-width）
2. 然后在自定义CSS里添加对应的规则：

/* 针对特定类的图片设置最大宽度 */
.single-post .entry-content .custom-max-width {
  max-width: 400px; /* 改成你想要的宽度 */
  margin: 0 auto;   /* 可选：让图片居中显示 */
}

这样就能精准控制单篇文章里的图片尺寸啦，完全不用动single.php的代码～

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