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.
In WordPress 6.3 werden die Eigenschaften in dem Bereich erweitert. Hier eine Blick auf die neuen Optionen.
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/
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
Links und Quellen
- CSS aspect-ratio – Seitenverhältnis:
https://www.mediaevent.de/css/aspect-ratio.html - aspect-ratio
https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio - Roadmap to 6.3
https://make.wordpress.org/core/2023/05/18/roadmap-to-6-3/ - Using WordPress 6.3 features: Aspect Ratio in the Image block. This video shows a quick look at the impact of adding aspect ratio to the Image block and the potential for patterns as part of WordPress 6.3, set to release on August 8th, 2023.
https://youtu.be/EEceh7caPwA - Seitenverhältnis
https://css-tricks.com/almanac/properties/a/aspect-ratio/ - Synced Patterns: The Evolution of Reusable Blocks:
https://wordpress.org/news/2023/07/synced-patterns-the-evolution-of-reusable-blocks/ - WordPress 6.4: Introducing Twenty Twenty-Four
https://make.wordpress.org/core/2023/08/24/introducing-twenty-twenty-four/ - WordPress 6.4: Roadmap
https://make.wordpress.org/core/2023/08/22/roadmap-to-6-4/ - Hallway Hangout: Let’s chat about the WordPress 6.4 & Evolving the FSE Outreach Program
https://make.wordpress.org/test/2023/09/13/hallway-hangout-lets-chat-about-the-wordpress-6-4-evolving-the-fse-outreach-program/
Weitere Beiträge zum Thema
- Gestaltung von Headings (Überschriften) bei Block Themes
- Shrinked Header bei Twenty Twenty-Four
- Cover Block in WordPress 6.5
- WordPress: All-in-One WP Migration, Backup-Migration und Duplicator
- GeneratePress und theme.json: Mehr Einstellungsmöglichkeiten bei den Blöcken
Mehr erfahren auf dieser 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 (104) Anleitung (67) Block-Editor (44) CSS (10) Full Site Editing (32) Keine Anzeige (1) Plugins (28) Short News (1) Theme (21) Tipps (69) Veranstaltungen (3) WordPress (112)