Wie kann ich in Kadence erreichen, dass alle Bilder – unabhängig von Seitenverhältnis und Pixelgröße – die gleiche Höhe haben?

Antwort vom

Um in Kadence (dem WordPress-Theme bzw. -Block-Plugin) sicherzustellen, dass alle Bilder – unabhängig von ihrer ursprünglichen Ausrichtung oder Pixelgröße – die gleiche Höhe behalten, gibt es mehrere Möglichkeiten. Hier sind die gängigsten Methoden: ### 1. **CSS-Lösung** Du kannst ein benutzerdefiniertes CSS hinzufügen, das allen Bildern eine feste Höhe gibt und sie proportional skaliert. Beispiel: ```css img { height: 300px; /* gewünschte Höhe */ object-fit: cover; /* Bild wird zugeschnitten, um die Box zu füllen */ width: 100%; /* optional: Bild füllt die Breite des Containers */ display: block; } ``` **Hinweis:** - `object-fit: cover;` sorgt dafür, dass das Bild die Box ausfüllt, auch wenn Teile abgeschnitten werden. - Passe die Höhe (`300px`) nach deinen Wünschen an. ### 2. **Kadence-Block-Einstellungen** Wenn du den **Kadence-Image-Block** verwendest, kannst du im Block-Editor unter „Design“ oder „Stil“ oft eine feste Höhe für Bilder einstellen. - Wähle das Bild im Editor aus. - Suche nach einer Option wie „Bildhöhe“ oder „Maximale Höhe“. - Trage den gewünschten Wert ein. ### 3. **Bildgrößen beim Hochladen anpassen** Du kannst Bilder vor dem Hochladen auf eine einheitliche Höhe zuschneiden oder skalieren. Das ist allerdings aufwändiger und weniger flexibel. ### 4. **Plugins für einheitliche Bildgrößen** Es gibt Plugins wie [Regenerate Thumbnails](https://de.wordpress.org/plugins/regenerate-thumbnails/) oder [Simple Image Sizes](https://de.wordpress.org/plugins/simple-image-sizes/), mit denen du neue Bildgrößen definieren und bestehende Bilder anpassen kannst. --- **Empfehlung:** Die CSS-Methode ist am flexibelsten und funktioniert unabhängig vom Bildformat. Füge das CSS am besten im Customizer unter **Design > Customizer > Zusätzliches CSS** ein. --- **Weitere Infos zu Kadence:** - [Kadence Theme](https://www.kadencewp.com/kadence-theme/) - [Kadence Blocks](https://www.kadencewp.com/kadence-blocks/) Falls du eine bestimmte Galerie oder ein spezielles Layout meinst, kann es je nach Block oder Widget noch spezifischere Einstellungen geben.

Neue Frage stellen

Verwandte Fragen

Welche Funktion hat Flex Grow bei Kadence?

Die Funktion **flex-grow** bei Kadence (einem beliebten WordPress-Theme und -Block-Builder) bezieht sich auf die Flexbox-Eigenschaft aus CSS, die auch im Kadence-Editor für Layouts verwendet wird...