古登堡画廊块-相同大小的图片修复

Question

我只想分享一个快速修复古腾堡画廊，因为我找不到其他地方的修补程序。怎样才能解决：

• Problem：如果您将图片上传到大小不同的图库，则每行的缩略图都以不同的高度显示。shape.
• Problem：：当向3行古登堡图片库块添加4张照片时，所有图像都有一个平方，第4张图片总是整个容器的宽度。Fix：每个图像将保持相同的宽度。

古腾堡画廊第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 */ 
}