WordPress 6.3: Quadratische Bilder mit Aspect Ratio beim Image Block

Beitragsdatum: 18.09.2023 | Letztes Update: 18.09.2023

WordPress 6.3: Quadratische Bilder mit Aspect Ratio beim Image Block

Bei einem Projekt sollten die Bilder quadratisch sein. Das ist grundsätzlich auch über entsprechende CSS-Regeln zu erreichen. Aber jetzt wird es in WordPress 6.3 beim Image Block weitere Eigenschaften geben, so dass z. B. über Settings (aspect ratio) quadratische Bilder in Beiträgen oder auf Seiten verwendet werden können, auch wenn die Bilder nicht in quadratischer Form vorliegen. Das macht die Entwicklung natürlich viel einfacher.

Der Image Block in WordPress 6.2
Der Image Block mit den entsprechenden Eigenschaften bei WordPress 6.2

In WordPress 6.3 werden die Eigenschaften in dem Bereich erweitert. Hier eine Blick auf die neuen Optionen.

Der Image Block in WordPress 6.3
Der Image Block mit den erweiterten Eigenschaften (aspect-ratio) (WordPress 6.3-RC2)

Beispiele für Werte von aspect-ratio

  • 1 / 1: Breite und Höhe sind gleich groß
  • 2 / 1: Breite ist doppelt so groß wie Höhe
  • 1 / 2: Breite ist die Hälfte der Höhe
  • 16 / 9: typisches Video-Seitenverhältnis
  • auto 4 / 3: Breite: Höhe, wenn es sich nicht um ein ersetztes Element handelt
  • 0.5: Float-Wert

Quelle: https://css-tricks.com/almanac/properties/a/aspect-ratio/

Quadratische Bilder bei WordPress 6.3 (aspect-ratio)

Fazit

Die Möglichkeit, bei der Beitragsübersicht (Archive) quadratische Bilder in WordPress 6.3 zu verwenden, ist eine weitere Option für die Gestaltung ohne Verwendung von CSS: Das ist zwar keine sensationelle Neuigkeit, aber wieder ein kleiner Baustein auf dem Weg zu einem benutzerfreundlichen WordPress

Weitere Beiträge zum Thema


Mehr erfahren auf dieser Webseite

Quadratische Bilder bei WordPress 6.3


Zum Blog

Mehr erfahren auf unserer Webseite

Wir freuen uns über eine Kontaktaufnahme

Was hältst du davon?

Wir hoffen, dieser Beitrag hat dir gefallen und wir würden uns über einen Kommentar freuen. Auch über Erweiterungen, Korrekturen, Hinweise oder sonstige Anmerkungen freuen wir uns sehr.

  • Auf der folgenden Seite findest du weitere interessante Beiträge sortiert nach Kategorien und Schlagwörter.
  • Wenn du über unsere neuesten Beiträge informiert werden möchtest, kannst du dich gerne bei unserem Newsletter anmelden.

Beitrags-Kategorien

Allgemein (106) Anleitung (71) Block-Editor (45) CSS (10) Full Site Editing (35) Keine Anzeige (1) Plugins (28) Short News (1) Theme (30) Tipps (70) Veranstaltungen (3) WordPress (116)

Schreibe einen Kommentar