古腾堡画廊块 - 相同尺寸的图片修复

Question

我只想分享古腾堡画廊的快速修复程序，因为我在其他地方找不到修复程序。解决什么问题：

• 问题：如果您将不同尺寸的图像上传到图库，则缩略图在每行上显示的高度不同。 修复：所有图像都将具有正方形形状。
• 问题：将 4 张照片添加到 3 行古腾堡画廊块时，第四张照片始终占据容器的整个宽度。 修复：每个图像将保持相同的宽度。

古腾堡画廊第4排图像尺寸问题：

古腾堡画廊块相同大小修复：

Answer 1

简单的 CSS 修复：

.wp-block-gallery.has-nested-images figure.wp-block-image img {
  aspect-ratio: 1; /* squared size thumbnails */ 
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0; /* width fix */ 
}

Answer 2

谢谢大家的回复，这个问题困扰我很久了，现在终于可以让Gallry更加完美了！