Gutenberg-Galerie-Block – Fix für Bilder in gleicher Größe

Ich möchte nur eine schnelle Lösung für die Gutenberg-Galerie teilen, da ich die Lösung nirgendwo anders finden konnte. Was wird behoben:

• Problem: Wenn Sie Bilder mit unterschiedlichen Größen in Ihre Galerie hochladen, werden die Miniaturansichten in jeder Zeile in unterschiedlichen Höhen angezeigt. Fix: Alle Bilder haben eine quadratische Form.
• Problem: Beim Hinzufügen von 4 Fotos zu einem 3-reihigen Gutenberg-Galerie-Block nimmt immer das 4. Bild die gesamte Breite des Containers ein. Fix: Jedes Bild behält die gleiche Breite.

Problem mit der Bildgröße des Gutenberg-Galerie-Blocks in der 4. Reihe:

Gleiche Größe des Gutenberg-Galerie-Blocks behoben:

Einfache CSS-Korrektur:

.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 */ 
}