- \n \t
- Beta 1 & Feature Freeze: 20. September 2022 – Ab diesem Datum konzentrieren sich die Hauptmitwirkenden auf das Testen und die Behebung von Fehlern<\/li>\n \t
- Release Candidate 1: 4. Oktober 2022 – Ver\u00f6ffentlichung des Handbuchs mit Entwicklungshinweisen<\/li>\n \t
- Dry Run: 24. Oktober 2022<\/li>\n \t
- WordPress 6.1 General Release: November 1, 2022<\/strong><\/li>\n<\/ul>\nZum Zeitpunkt der Erstellung dieses Artikels sind die Dev Notes und der Field Guide noch nicht ver\u00f6ffentlicht, aber wir k\u00f6nnen schon jetzt einen Blick hinter die Kulissen werfen und versuchen zu verstehen, was wir von der n\u00e4chsten gro\u00dfen Version von WordPress erwarten k\u00f6nnen.\n\nMatias Ventura gibt uns in der Roadmap zu 6.1<\/a> einige Einblicke. Dort sagt er, dass das Ziel von 6.1 darin besteht, die mit 5.9 und 6.0 eingef\u00fchrten Erfahrungen zu verfeinern und einige Dinge zu beheben, da wir uns Phase 3 der Gutenberg-Roadmap n\u00e4hern.\n\n\n\n1. Verbesserungen im Vorlageneditor<\/strong>: Eine der wichtigsten neuen Funktionen ist der Vorlageneditor<\/a>. WordPress 6.1 soll die M\u00f6glichkeit bieten, die Struktur der Website zu durchsuchen, zu visualisieren und zu bearbeiten.\n\n2. Vorlagen-Muster<\/strong>: Ziel ist es, den Blockmustern eine zentrale Rolle<\/a> bei der Vorlagen- und Seitenerstellung zu geben, sie an benutzerdefinierte Beitragstypen<\/a> und Blocktypen anzupassen, die Sperrfunktion zu verbessern, die Verwaltung gespeicherter Muster zu verbessern usw.\n\n3. Globale Stile und Bl\u00f6cke & Design Tools<\/strong>: WordPress 6.1 wird es erm\u00f6glichen, Webfonts zu verwalten, responsive Typografie zu implementieren und das Toolset f\u00fcr Bl\u00f6cke zu erweitern.\n\nSchauen wir uns also einige der wichtigsten Funktionen von WordPress 6.1 genauer an:\n\n<\/div>
<\/kinsta-auto-toc>\n\n Automatische Bildkonvertierung ins WebP-Format<\/h2>\nWebP<\/a> wurde mit WordPress 5.8 eingef\u00fchrt<\/a> und ist ein modernes Bildformat, das eine hervorragende verlustfreie und verlustbehaftete Komprimierung<\/a> f\u00fcr Bilder im Internet bietet.\n\nObwohl du deine WebP-Bilder \u00fcber die Mediathek<\/a> in WordPress hochladen kannst, unterst\u00fctzt WordPress keine automatische Umwandlung von Bildern in das WebP-Format. Um diese Funktion auf deiner Website zu aktivieren, musst du ein WebP-WordPress-Plugin eines Drittanbieters<\/a> verwenden.\n\nMit WordPress 6.1 werden nun automatisch Bilduntergr\u00f6\u00dfen in alternativen Dateiformaten<\/a> erstellt. Au\u00dferdem f\u00fchrt WordPress 6.1 drei neue Filter<\/a> ein, mit denen Entwickler\/innen den Mime-Typ der Untergr\u00f6\u00dfen steuern k\u00f6nnen, die von WordPress im Frontend erzeugt und verwendet werden.\n\nUnd mit 6.1 wird WordPress standardm\u00e4\u00dfig WebP-Untergr\u00f6\u00dfen erzeugen und verwenden, wenn diese verf\u00fcgbar sind.\n\nWenn ein Nutzer ein JPEG-Bild<\/a> hochl\u00e4dt, kann WordPress automatisch sowohl WebP- als auch JPEG-Subgr\u00f6\u00dfen erzeugen. WordPress ist dann in der Lage, WebP-Bilder auf dem Frontend zu verwenden. JPEG-Bilder werden in Kontexten verwendet, in denen WebP noch nicht unterst\u00fctzt wird (z. B. bei E-Mails).\n\nDies ist das Standardverhalten. Die Entwickler k\u00f6nnen die Standardeinstellungen au\u00dfer Kraft setzen und mit Hilfe von Filtern<\/a> festlegen, welches Bildformat<\/a> verwendet werden soll.\n\nWenn neue Mime-Typen erstellt werden, werden nur die Bilder beibehalten, die kleiner sind als ihre jeweiligen Originale. Standardm\u00e4\u00dfig werden zus\u00e4tzliche Mime-Typen nur f\u00fcr Standardbildgr\u00f6\u00dfen und f\u00fcr benutzerdefinierte Gr\u00f6\u00dfen erzeugt, wenn du dich f\u00fcr die Unterst\u00fctzung entschieden hast.\n\nMit dieser \u00c4nderung werden auch drei neue Filter eingef\u00fchrt, die eine vollst\u00e4ndige Kontrolle \u00fcber die Ausgabe sekund\u00e4rer Mime-Typen erm\u00f6glichen:\n
- \n \t
wp_image_sizes_with_additional_mime_type_support<\/code> erm\u00f6glicht es Entwicklern, den Bild-Mime-Typ f\u00fcr jede Gr\u00f6\u00dfe zu steuern<\/li>\n \twp_upload_image_mime_transforms<\/code> erm\u00f6glicht es Entwicklern, den Mime-Typ f\u00fcr eine bestimmte Eingabe zu steuern und sogar den urspr\u00fcnglichen Mime-Typ zu \u00fcberschreiben<\/li>\n \twp_content_image_mimes<\/code> kann verwendet werden, um die Reihenfolge der Mime-Typ-Ausgabe f\u00fcr Inhaltsbilder zu steuern. Beim Rendern von Bildern auf der Seite wird der erste verf\u00fcgbare Mime-Typ verwendet.<\/li>\n<\/ul>\nDiese \u00c4nderung sollte eine durchschnittliche Reduzierung der Dateigr\u00f6\u00dfe<\/a> um 30 % bringen.\n\nVor der endg\u00fcltigen Version 6.1 kannst du die neue Funktion mit dem Performance Lab Plugin<\/a> der WordPress Performance Group testen.\n\n![\"WebP](\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/webp-images.jpg\")
Ein JPEG-Bild mit WebP- und JPEG-Untergr\u00f6\u00dfen in WordPress 6.1<\/figcaption><\/figure>\n\nDie \u00c4nderung scheint jedoch umstritten zu sein, und viele Kommentatoren berichten weiterhin von Problemen. Konkret wurde festgestellt, dass<\/a>:\n Die Ressourcen f\u00fcr die Bilderzeugung beim Hochladen eines Bildes werden drastisch erh\u00f6ht, die Ressourcen f\u00fcr die Bereitstellung eines Bildes werden jedoch gesenkt. Da das Hochladen von Bildern im Vergleich zum Bereitstellen von Bildern sehr selten ist, sollte sich der zus\u00e4tzliche Aufwand f\u00fcr das Komprimieren und Speichern von Bildern lohnen.<\/blockquote>\nUnd<\/a>:\n
Der dramatische Anstieg des Ressourcenverbrauchs beim Hochladen eines Bildes ist ein sehr schlechter Nebeneffekt. Das bedeutet, dass viele Uploads fehlschlagen und die Nutzer\/innen im Stich lassen werden. Au\u00dferdem werden dadurch die Supportanfragen sowohl bei WordPress als auch bei den Hosting-Unternehmen drastisch ansteigen. Das ist nicht akzeptabel. Selbst wenn die Unterst\u00fctzung von Multimime-Bildern in WordPress notwendig ist, scheint der aktuelle Ansatz keine gute L\u00f6sung zu sein.<\/blockquote>\nZum Zeitpunkt der Erstellung dieses Artikels ist noch unklar, ob die Verwendung des WebP-Formats in Bilduntergr\u00f6\u00dfen standardm\u00e4\u00dfig aktiviert sein wird oder ob der Website-Administrator das WebP-Format im Frontend seiner Website aktivieren muss. In der Zwischenzeit wurde die automatische Umwandlung von JPEG in WEBP vor\u00fcbergehend deaktiviert<\/a>. Eine aussagekr\u00e4ftige Zusammenfassung der laufenden Diskussion findest du im Artikel von Sara Gooding<\/a> auf WP Tavern.\n\n
![\"Die](\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/jpeg-to-webp-disabled.jpg\")
Die automatische Umwandlung von JPEG in WEBP wurde vor\u00fcbergehend deaktiviert (siehe Changeset 12023<\/a>)<\/figcaption><\/figure>\n Fluid Typography<\/h2>\nWordPress 6.1 bietet Unterst\u00fctzung f\u00fcr Fluid Typography<\/a> \u00fcber
calc<\/code><\/a>\/clamp<\/code><\/a> CSS-Funktionen.\n\nDer Ausdruck Fluid Typography<\/a> beschreibt die F\u00e4higkeit von Text, sich an die Breite des Viewports anzupassen, indem er sanft von einer minimalen zur maximalen Breite skaliert.\n\nDas ist etwas anderes als das, was du mit Media-Queries erreichen kannst, denn Media-Queries erm\u00f6glichen es Themes, die Gr\u00f6\u00dfe von Text in Abh\u00e4ngigkeit von bestimmten Viewport-Gr\u00f6\u00dfen zu ver\u00e4ndern, tun aber nichts zwischen verschiedenen Werten.\n\nEinige Themes unterst\u00fctzen bereits Fluid Typography. Twenty Twenty-Two<\/a> zum Beispiel nutzt die CSS-Funktionclamp()<\/code> f\u00fcr verschiedene Schriftgr\u00f6\u00dfen. Ein Beispiel:\n\"settings\": {\n\t...\n\t\"custom\": {\n\t\t\"spacing\": {\n\t\t\t\"small\": \"max(1.25rem, 5vw)\",\n\t\t\t\"medium\": \"clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)))\",\n\t\t\t\"large\": \"clamp(4rem, 10vw, 8rem)\",\n\t\t\t\"outer\": \"var(--wp--custom--spacing--small, 1.25rem)\"\n\t\t},\n\t\t\"typography\": {\n\t\t\t\"font-size\": {\n\t\t\t\t\"huge\": \"clamp(2.25rem, 4vw, 2.75rem)\",\n\t\t\t\t\"gigantic\": \"clamp(2.75rem, 6vw, 3.25rem)\",\n\t\t\t\t\"colossal\": \"clamp(3.25rem, 8vw, 6.25rem)\"\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\nWie du im obigen Code sehen kannst, werden f\u00fcr jede einzelne Schriftgr\u00f6\u00dfe flie\u00dfende Schriftgr\u00f6\u00dfenwerte verwendet.\n\nAb WordPress 6.1 k\u00f6nnen Themes jetzt automatisch fl\u00fcssige Schriftgr\u00f6\u00dfen erzeugen<\/a>, indem sie die neue Eigenschafttypography.fluid<\/code> wie folgt deklarieren:\n\"settings\": {\n\t....\n\t\"typography\": {\n\t\t\"fluid\": true,\n\t\t\"fontSizes\": [\n\t\t\t{\n\t\t\t\t\"size\": \"2rem\",\n\t\t\t\t\"fluid\": {\n\t\t\t\t\t\"min\": \"2rem\",\n\t\t\t\t\t\"max\": \"2.5rem\"\n\t\t\t\t},\n\t\t\t\t\"slug\": \"medium\",\n\t\t\t\t\"name\": \"Medium\"\n\t\t\t}\n\t\t]\n}<\/code><\/pre>\nMit Hilfe vontypography.fluid<\/code> undtypography.fontSizes[].fluid<\/code> wird der Wert jeder Schriftgr\u00f6\u00dfe automatisch nach der folgenden Formel<\/a> berechnet:\n--wp--preset--font-size--{slug}: clamp({fluid.min}, {fluid.min} + ((1vw - 0.48rem) * 1.592), {fluid.max});<\/code><\/pre>\nZum Beispiel:\n--wp--preset--font-size--large: clamp(2rem, 2rem + ((1vw - 0.48rem) * 1.592), {2.5rem});<\/code><\/pre>\nBeachte, dass Fluid Typography zum Zeitpunkt der Erstellung dieses Artikels eine experimentelle Funktion ist. Du kannst die technischen Details in Block unterst\u00fctzt: Fluid Typography hinzuf\u00fcgen<\/a> nachlesen.\n\nFluid typography is a significant improvement for building modern #WordPress<\/a> websites. We just updated @frostwp<\/a> to include this feature. Here\u2019s a great read from @richard_tabor into what it is and why it matters. https:\/\/t.co\/Bq5YuHX3wi<\/a><\/p>— Brian Gardner (@bgardner) August 8, 2022<\/a><\/blockquote>