{"id":47277,"date":"2022-01-20T14:14:38","date_gmt":"2022-01-20T13:14:38","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=47277&#038;preview=true&#038;preview_id=47277"},"modified":"2023-07-27T14:19:15","modified_gmt":"2023-07-27T13:19:15","slug":"wordpress-5-9","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/","title":{"rendered":"Was ist neu in WordPress 5.9 &#8211; Vollst\u00e4ndige Website-Bearbeitung, globale Stile, Bl\u00f6cke, Muster, APIs, UI-Verbesserungen und vieles mehr"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.org\/news\/2022\/01\/josephine\/\">WordPress 5.9 Josephine<\/a> ist da! Die erste WordPress-Version des Jahres sollte urspr\u00fcnglich am 14. Dezember 2021 ver\u00f6ffentlicht werden. Aufgrund mehrerer offener Probleme und ungel\u00f6ster Fehler <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/22\/wordpress-5-9-revised-release-schedule\/\">wurde die endg\u00fcltige Version verschoben<\/a> und schlie\u00dflich am 25. Januar 2022 ver\u00f6ffentlicht.<\/p>\n<p>Wenn du dich fragst, was in WordPress 5.9 neu ist, lautet die kurze Antwort: <strong>Full Site Editing<\/strong> (FSE ).<\/p>\n<p>Und tats\u00e4chlich sind viele Funktionen von 5.9 nur verf\u00fcgbar, wenn du ein Theme verwendest, das Full Site Editing unterst\u00fctzt, wie zum Beispiel das brandneue Standard-Theme <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-two\/\">Twenty Twenty-Two<\/a>.<\/p>\n<figure id=\"attachment_110731\" aria-describedby=\"caption-attachment-110731\" style=\"width: 2560px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110731 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2.jpg\" alt=\"Twenty Twenty-Two Vorschau, die den Text \"Kategorie: V\u00f6gel\" und Bilder von verschiedenen Vogelarten.\" width=\"2560\" height=\"1752\"><figcaption id=\"caption-attachment-110731\" class=\"wp-caption-text\">Eine Vorschau von Twenty Twenty-Two, dem neuen WordPress-Standard-Theme. (Bildquelle: <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\">WordPress.org<\/a>)<\/figcaption><\/figure>\n<p>Mit WordPress 5.9 kommen wir zum Kern der zweiten Phase der <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\">Gutenberg-Roadmap<\/a>: der <strong>Anpassungsphase<\/strong>, die sich haupts\u00e4chlich auf die vollst\u00e4ndige Bearbeitung der Webseite, Blockmuster, das Blockverzeichnis und blockbasierte Themes konzentriert.<\/p>\n<blockquote><p><em>Mit 5.9, das n\u00e4chsten Monat herauskommt, sind wir &#8211; ich w\u00fcrde sagen &#8211; beim MVP, dem Minimum Viable Product dieser Anpassungsphase von Gutenberg.<\/em><\/p><\/blockquote>\n<p>Diese Worte von Matt Mullenweg bei <a href=\"https:\/\/wordpress.tv\/2021\/12\/15\/matt-mullenweg-2021-state-of-the-word\/\">2021 State of the Word<\/a> fassen die wichtigsten Funktionen der kommenden WordPress-Version am besten zusammen.<\/p>\n<figure id=\"attachment_113486\" aria-describedby=\"caption-attachment-113486\" style=\"width: 1940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113486 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/gutenberg-roadmap-2.jpg\" alt=\"Die Gutenberg-Roadmap mit vier Bl\u00f6cken f\u00fcr die vier wichtigsten Verbesserungsziele: einfachere Bearbeitung, Anpassung, Zusammenarbeit und Mehrsprachigkeit.\" width=\"1940\" height=\"1120\"><figcaption id=\"caption-attachment-113486\" class=\"wp-caption-text\">Die Gutenberg Roadmap. (Bildquelle: <a href=\"https:\/\/wordpress.tv\/2021\/12\/15\/matt-mullenweg-2021-state-of-the-word\/\">Matt Mullenweg: 2021 State of the Word<\/a>)<\/figcaption><\/figure>\n<p>Was kannst du also von der ersten WordPress-Version des Jahres 2022 erwarten?<\/p>\n<p>Lass es uns herausfinden!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Globale Stile: Eine grafische Schnittstelle f\u00fcr <strong>theme.json<\/strong><\/h2>\n<p>Mit der <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">Ver\u00f6ffentlichung von WordPress 5.8<\/a> im Jahr 2021 wurde die Bearbeitung der Datei <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/theme-json-reference\/\">theme.json<\/a> zur Standardmethode f\u00fcr Theme-Entwickler\/innen, um Editoreinstellungen und Stile anzupassen.<\/p>\n<p>WordPress 5.9 bringt die Dinge auf die n\u00e4chste Stufe, indem es eine grafische Schnittstelle einf\u00fchrt, mit der Benutzer\/innen die <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-two\/#twenty-twentytwo-at-its-core-a-quick-overview-of-themejson\">Stilvorgaben<\/a> f\u00fcr ihre Webseiten anpassen k\u00f6nnen, entweder global oder auf Blockebene, ohne eine einzige Zeile Code zu schreiben.<\/p>\n<p>Der Mechanismus der Globalen Stile d\u00fcrfte die Art und Weise, wie du das Erscheinungsbild deiner Webseiten anpasst, erheblich ver\u00e4ndern, da die <a href=\"https:\/\/make.wordpress.org\/design\/handbook\/focuses\/global-styles\/\">Globalen Stile<\/a> mehrere Aspekte des WordPress-Seiten-Designs beeinflussen.<\/p>\n<p>Zun\u00e4chst einmal ersetzt die Oberfl\u00e4che der Globalen Stile den <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#customizing-your-theme-via-the-customizer\">Customizer<\/a> und ist nun die einzige M\u00f6glichkeit, Einstellungen und Stile mit Block-Themes anzupassen. Auch die komplexen Admin-Seiten f\u00fcr Theme-Optionen werden nicht mehr ben\u00f6tigt. Damit gibt es eine neue Standardmethode f\u00fcr die Konfiguration von Theme-Einstellungen und -Styles, die gleichzeitig den Workflow bei der Theme-Entwicklung vereinfachen d\u00fcrfte.<\/p>\n<p>Mit den globalen Styles erhalten WordPress-Nutzer\/innen mehr Kontrolle \u00fcber die Darstellung ihrer Webseiten, sowohl global als auch pro Blocktyp, \u00fcber den Kontext einzelner Seiten oder Beitr\u00e4ge hinaus.<\/p>\n<p>Im Webseiten-Editor gibt es jetzt eine neue Seitenleiste, in der du oben ein kleines Vorschaufeld und vier Komponenten in folgender Reihenfolge findest:<\/p>\n<ul>\n<li><a href=\"#typography\">Typografie<\/a><\/li>\n<li><a href=\"#colors\">Farben<\/a><\/li>\n<li><a href=\"#layout\">Layout<\/a><\/li>\n<li><a href=\"#blocks\">Bl\u00f6cke<\/a><\/li>\n<\/ul>\n<p>Wir k\u00f6nnen davon ausgehen, dass <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">im Laufe der Zeit neue Komponenten hinzugef\u00fcgt<\/a> werden.<\/p>\n<figure id=\"attachment_112441\" aria-describedby=\"caption-attachment-112441\" style=\"width: 1962px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112441 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/global-styles-sidebar.jpg\" alt=\"Die Seitenleiste \"Globale Stile\" auf einer WordPress-Seite, die das Twenty Twenty-Two-Theme verwendet, zeigt Typografieoptionen wie \"Farben\" und \"Layout\".\" width=\"1962\" height=\"1290\"><figcaption id=\"caption-attachment-112441\" class=\"wp-caption-text\">Die Global Styles Seitenleiste mit dem <a href=\"https:\/\/wordpress.org\/themes\/blockbase\/\">Blockbase-Theme<\/a> von Automattic.<\/figcaption><\/figure>\n<p>Schauen wir uns die neue Benutzeroberfl\u00e4che genauer an.<\/p>\n\n<h3>Stilvorschau<\/h3>\n<p>Das erste Element in der Seitenleiste der Globalen Stile ist ein Vorschaufenster. Hier kannst du das Ergebnis deiner Anpassungen \u00fcberpr\u00fcfen. Das ist besonders n\u00fctzlich, wenn sich deine \u00c4nderungen auf Elemente beziehen, die im Site-Editor nicht sichtbar sind.<\/p>\n<p>Das folgende Bild zeigt drei verschiedene Stilkombinationen im Vergleich:<\/p>\n<figure id=\"attachment_112425\" aria-describedby=\"caption-attachment-112425\" style=\"width: 1826px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112425 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/global-styles-preview.jpg\" alt=\"Globale Stilvorschauen f\u00fcr drei Stile in verschiedenen Farben (gr\u00fcn, gelb und marineblau), die nebeneinander angezeigt werden.\" width=\"1826\" height=\"1230\"><figcaption id=\"caption-attachment-112425\" class=\"wp-caption-text\">Globale Stile Vorschauen im Vergleich.<\/figcaption><\/figure>\n<h3>Typografie<\/h3>\n<p>Im Bereich Typografie steuerst du die Typografie deiner Webseite. Welche Steuerelemente in diesem Bereich verf\u00fcgbar sind, h\u00e4ngt nat\u00fcrlich von den Einstellungen in deiner <strong>theme.json<\/strong> ab.<\/p>\n<p>Das Thema <a href=\"https:\/\/wordpress.org\/themes\/tt1-blocks\/\">Twenty Twenty-One Blocks<\/a> (TT1 Blocks) deklariert zum Beispiel die folgenden Typografie-Eigenschaften:<\/p>\n<pre><code class=\"language-json\">\"settings\": {\n\t\"typography\": {\n\t\t\"customLineHeight\": true,\n\t\t\"fontSizes\": [],\n\t\t\"fontFamilies\": []\n\t}\n}<\/code><\/pre>\n<p>Die n\u00e4chste Abbildung zeigt die daraus resultierenden Typografieeinstellungen in der Seitenleiste Globale Stile:<\/p>\n<figure id=\"attachment_112443\" aria-describedby=\"caption-attachment-112443\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112443 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt1b-typography-settings.jpg\" alt=\"Typografie-Einstellungen in TT1 Blocks Global Styles, die drei nebeneinander liegende Panels mit verschiedenen Typografie-Optionen wie Schriftfamilie, Textgr\u00f6\u00dfe und Farben zeigen.\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-112443\" class=\"wp-caption-text\">Typografie-Einstellungen in TT1 Blocks Global Styles.<\/figcaption><\/figure>\n<p>Lass uns ein bisschen tiefer eintauchen und sehen, wie das TT1 Blocks-Thema <code>fontFamilies<\/code> deklariert:<\/p>\n<pre><code class=\"language-json\">\"fontFamilies\": [\n\t{\n\t\t\"fontFamily\": \"-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif\",\n\t\t\"slug\": \"system-font\",\n\t\t\"name\": \"System Font\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Helvetica Neue, Helvetica, Arial, sans-serif\",\n\t\t\"slug\": \"helvetica-arial\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Geneva, Tahoma, Verdana, sans-serif\",\n\t\t\"slug\": \"geneva-verdana\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Cambria, Georgia, serif\",\n\t\t\"slug\": \"cambria-georgia\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Hoefler Text, Baskerville Old Face, Garamond, Times New Roman, serif\",\n\t\t\"slug\": \"hoefler-times-new-roman\"\n\t}\n]<\/code><\/pre>\n<p>Du kannst diese Schriftfamilien in der Vorschau der Globalen Stile \u00fcberpr\u00fcfen:<\/p>\n<figure id=\"attachment_112427\" aria-describedby=\"caption-attachment-112427\" style=\"width: 1682px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112427 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt1b-font-preview.jpg\" alt=\"Sechs verschiedene Voransichten desselben Textes (\"Aa\") mit verschiedenen Schriftfamilien.\" width=\"1682\" height=\"804\"><figcaption id=\"caption-attachment-112427\" class=\"wp-caption-text\">In Twenty Twenty-One Blocks verf\u00fcgbare Schriftfamilien.<\/figcaption><\/figure>\n<h3>Farben<\/h3>\n<p>Im Bereich Farben kannst du Farbpaletten ansehen und bearbeiten und die Farbe verschiedener Seitenelemente anpassen.<\/p>\n<figure id=\"attachment_112428\" aria-describedby=\"caption-attachment-112428\" style=\"width: 1522px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112428 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/colors-panel-in-tt1b.jpg\" alt=\"Das Farben-Panel in TT1 Blocks zeigt eine Palette mit vier verschiedenen Farben (rot, marineblau, silber und gr\u00fcn).\" width=\"1522\" height=\"1348\"><figcaption id=\"caption-attachment-112428\" class=\"wp-caption-text\">Farbpalette in Twenty Twenty-One Blocks<\/figcaption><\/figure>\n<p>Wenn du auf diese Elemente klickst, erh\u00e4ltst du Zugang zu einem neuen Panel, in dem du Farben aus drei Farbpaletten ausw\u00e4hlen kannst: Standard-, Themen- und benutzerdefinierte Palette (mehr dazu unter <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/29568\">Standardfarben, Themenfarben und benutzerdefinierte Farben<\/a>).<\/p>\n<figure id=\"attachment_112445\" aria-describedby=\"caption-attachment-112445\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112445 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt1b-color-settings.jpg\" alt=\"TT1 Blocks Farbeinstellungen, die verschiedene Farbkreise f\u00fcr drei verschiedene Palettenoptionen zeigen: Thema, Standard und Benutzerdefiniert.\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-112445\" class=\"wp-caption-text\">Farbeinstellungen in Twenty Twenty-One Blocks<\/figcaption><\/figure>\n<p>In diesem Bereich kannst du die Farbe f\u00fcr das aktuelle Element einstellen und \u00e4ndern.<\/p>\n<figure id=\"attachment_112430\" aria-describedby=\"caption-attachment-112430\" style=\"width: 1522px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112430 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/color-picker-1.jpg\" alt=\"Ein Farbw\u00e4hler, der eine tiefrote Farbe im Fenster \"Globale Stile\" ausw\u00e4hlt.\" width=\"1522\" height=\"1286\"><figcaption id=\"caption-attachment-112430\" class=\"wp-caption-text\">Link-Farbe in Globalen Stilen anpassen<\/figcaption><\/figure>\n<h3>Layout<\/h3>\n<p>Die letzte Gruppe von Werkzeugen ist f\u00fcr Layoutanpassungen gedacht. Im globalen Kontext ist dies auf den Webseiten-Container beschr\u00e4nkt.<\/p>\n<figure id=\"attachment_112431\" aria-describedby=\"caption-attachment-112431\" style=\"width: 2404px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112431 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/global-padding-setting.jpg\" alt=\"Die globale Auff\u00fcllungseinstellung im Fenster \"Globale Stile\", die eine \u00c4nderung der vorherigen Auff\u00fcllungspixelgr\u00f6\u00dfe anzeigt.\" width=\"2404\" height=\"1350\"><figcaption id=\"caption-attachment-112431\" class=\"wp-caption-text\">Layout-Einstellungen in Twenty Twenty-One Blocks.<\/figcaption><\/figure>\n<h3>Bl\u00f6cke<\/h3>\n<p>Mit der Einf\u00fchrung des Mechanismus der Globalen Stile ist es jetzt auch m\u00f6glich, das Erscheinungsbild f\u00fcr bestimmte Bl\u00f6cke zu \u00e4ndern, z. B. f\u00fcr Abs\u00e4tze (Typografie und Farben), Schaltfl\u00e4chen (Layout) und Spalten (Farben und Layout).<\/p>\n<p>Beachte, dass <strong>Blockstile nur dann \u00fcber die Schnittstelle f\u00fcr globale Stile angepasst werden k\u00f6nnen, wenn der Block die Unterst\u00fctzung f\u00fcr bestimmte Funktionen<\/strong> in der entsprechenden <strong>block.json-Datei<\/strong> <strong>deklariert<\/strong>. Der Block <code>core\/post-title<\/code> zum Beispiel unterst\u00fctzt derzeit die folgenden Stile:<\/p>\n<pre><code class=\"language-json\">\"supports\": {\n\t\"align\": [ \"wide\", \"full\" ],\n\t\"html\": false,\n\t\"color\": {\n\t\t\"gradients\": true,\n\t\t\"link\": true\n\t},\n\t\"spacing\": {\n\t\t\"margin\": true\n\t},\n\t\"typography\": {\n\t\t\"fontSize\": true,\n\t\t\"lineHeight\": true,\n\t\t\"__experimentalFontFamily\": true,\n\t\t\"__experimentalFontWeight\": true,\n\t\t\"__experimentalFontStyle\": true,\n\t\t\"__experimentalTextTransform\": true,\n\t\t\"__experimentalLetterSpacing\": true,\n\t\t\"__experimentalDefaultControls\": {\n\t\t\t\"fontSize\": true,\n\t\t\t\"fontAppearance\": true,\n\t\t\t\"textTransform\": true\n\t\t}\n\t}\n},<\/code><\/pre>\n<p>Da der Block <code>core\/post-title<\/code> Farben, Abst\u00e4nde und Typografie unterst\u00fctzt, findest du die entsprechenden Eintr\u00e4ge in den Einstellungen der Globalen Stile des Blocks Post Title.<\/p>\n<p>Das folgende Bild zeigt die Einstellungen f\u00fcr die Typografie, die du leicht mit dem obigen Code vergleichen kannst:<\/p>\n<figure id=\"attachment_112449\" aria-describedby=\"caption-attachment-112449\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112449 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/post-tytle-typography-settings.jpg\" alt=\"Die Typografie-Einstellungen f\u00fcr den Beitragstitel in WordPress 5.9 zeigen eine Vielzahl von Optionen, darunter (neben vielen anderen) der Beitragstitel (der hervorgehoben ist), der Autor des Beitrags, die Tabelle, der Seitentitel und die Navigation.\" width=\"1790\" height=\"1308\"><figcaption id=\"caption-attachment-112449\" class=\"wp-caption-text\">Anpassen der Typografie-Einstellungen f\u00fcr den Beitragstitel<\/figcaption><\/figure>\n<p>Es ist erw\u00e4hnenswert, dass WordPress 5.9 nur die erste Implementierung der Global Styles-Schnittstelle enth\u00e4lt. Wie <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">Matias Ventura betont<\/a>, k\u00f6nnen wir davon ausgehen, dass die neue Funktion zur Stilsteuerung weiterentwickelt wird:<\/p>\n<blockquote><p>In Zukunft wird es Abl\u00e4ufe im System geben, die es dir erm\u00f6glichen, von lokalen Stilen zu globalen Stilen \u00fcberzugehen &#8211; z. B. wenn du einen Button-Block anpasst und dich daf\u00fcr entscheidest, diese \u00c4nderungen global auf alle Buttons dieses Typs anzuwenden.<\/p><\/blockquote>\n<p>Wir k\u00f6nnen also bald mit gro\u00dfen Verbesserungen rechnen. Das Bild unten ist nur ein Beispiel daf\u00fcr, was wir erwarten k\u00f6nnen:<\/p>\n<figure id=\"attachment_112432\" aria-describedby=\"caption-attachment-112432\" style=\"width: 1586px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112432 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/link-state-color.jpg\" alt=\"Ein Mockup f\u00fcr ein m\u00f6gliches zuk\u00fcnftiges Panel zum \u00c4ndern der Farben f\u00fcr den Linkstatus, einschlie\u00dflich der Optionen f\u00fcr \"Ruhend\", \"Hover\", \"Fokussiert\" und \"Ausgew\u00e4hlt\".\" width=\"1586\" height=\"872\"><figcaption id=\"caption-attachment-112432\" class=\"wp-caption-text\">In Zukunft kannst du die Farbe des Linkstatus steuern. (Bildquelle <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">GitHub<\/a>)<\/figcaption><\/figure>\n<p>Weitere Verbesserungen k\u00f6nnten darin bestehen, dass <a href=\"https:\/\/github.com\/WordPress\/theme-experiments\/pull\/292\">Themes<\/a> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36304\">alternative Farbpaletten<\/a> und <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35619\">mehrere globale Stilvarianten<\/a> anbieten k\u00f6nnen.<\/p>\n<p>https:\/\/twitter.com\/kjellr\/status\/1460270505513082881<\/p>\n<p>Entwickler k\u00f6nnen den Mechanismus des globalen Stylings im Support-Artikel <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\">Globale Einstellungen &#038; Stile (theme.json)<\/a> genauer kennenlernen. Weitere Beispiele findest du in unserer <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-two\/#global-styles-in-twenty-twentytwo\">Einf\u00fchrung in das Standard-Theme Twenty Twenty-Two<\/a>.<\/p>\n<h2>Der Navigationsblock<\/h2>\n<p>Der Navigationsblock wurde als &#8222;einer der wirkungsvollsten Theme-Bl\u00f6cke&#8220; <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/15\/wordpress-5-9-feature-go-no-go-october-14-2021\/\">bezeichnet<\/a>, und wir k\u00f6nnen dir da nur zustimmen.<\/p>\n<p>Der Block befindet sich schon seit einiger Zeit in der Fr\u00fchphase (siehe auch Navigationsblock <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/27593\">Tracking Issue<\/a> und <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/35521\">Tracking Issue i2<\/a>). Doch jetzt, wo alle <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36556\">Probleme und Blocker<\/a>, die als WordPress 5.9-Must-haves aufgelistet sind, behoben sind, k\u00f6nnen wir endlich <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34041\">eine der leistungsst\u00e4rksten Funktionen<\/a> nutzen, die <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/15\/wordpress-5-9-feature-go-no-go-october-14-2021\/\">mit WordPress 5.9<\/a> in den Kern integriert wurden.<\/p>\n<h3>Ein kurzer \u00dcberblick \u00fcber die Oberfl\u00e4che des Navigationsblocks<\/h3>\n<p>Die Verwendung des neuen Blocks mag anfangs etwas verwirrend sein, aber sobald du den Dreh raus hast, wirst du sein volles Potenzial zu sch\u00e4tzen wissen.<\/p>\n<figure id=\"attachment_112667\" aria-describedby=\"caption-attachment-112667\" style=\"width: 1382px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112667 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-placeholder.jpg\" alt=\"Der Platzhalter des Navigationsblocks in WordPress 5.9, der Optionen f\u00fcr das Navigationspanel zeigt, darunter \"Men\u00fc ausw\u00e4hlen\", \"Alle Seiten hinzuf\u00fcgen\" und \"Leer beginnen\".\" width=\"1382\" height=\"404\"><figcaption id=\"caption-attachment-112667\" class=\"wp-caption-text\">Der Navigationsblock-Platzhalter<\/figcaption><\/figure>\n<p>Wenn du zum ersten Mal einen Navigationsblock hinzuf\u00fcgst, bietet der Blockplatzhalter drei Optionen: Du kannst ein bestehendes blockbasiertes Men\u00fc ausw\u00e4hlen, ein Men\u00fc mit allen Seiten erstellen oder mit einem leeren Men\u00fc neu beginnen.<\/p>\n<figure id=\"attachment_112672\" aria-describedby=\"caption-attachment-112672\" style=\"width: 1412px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112672 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/select-navigation-menu.jpg\" alt=\"Ausw\u00e4hlen eines bestehenden Navigationsmen\u00fcs.\" width=\"1412\" height=\"860\"><figcaption id=\"caption-attachment-112672\" class=\"wp-caption-text\">Auswahl eines bestehenden Navigationsmen\u00fcs.<\/figcaption><\/figure>\n<p>Mit dem neuen Navigationsmen\u00fc kannst du auch Men\u00fcs importieren, die du \u00fcber den <a href=\"https:\/\/wordpress.org\/support\/article\/appearance-menus-screen\/\">Bildschirm &#8222;Erscheinungsbild-Men\u00fcs&#8220;<\/a> erstellt hast, der bei klassischen Themen verf\u00fcgbar ist.<\/p>\n<p>Das hei\u00dft, wenn du von einem klassischen Thema auf ein Blockthema umsteigst, musst du deine bestehenden Men\u00fcs nicht neu erstellen. Du musst nur eines deiner derzeit verf\u00fcgbaren &#8222;klassischen Men\u00fcs&#8220; ausw\u00e4hlen und es wird automatisch <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/the-new-navigation-block\/\">in ein blockbasiertes Navigationsmen\u00fc umgewandelt<\/a>.<\/p>\n<figure id=\"attachment_113474\" aria-describedby=\"caption-attachment-113474\" style=\"width: 1352px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113474 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/importing-cassic-menus.jpg\" alt=\"Ausw\u00e4hlen eines klassischen Men\u00fcs.\" width=\"1352\" height=\"1280\"><figcaption id=\"caption-attachment-113474\" class=\"wp-caption-text\">Ausw\u00e4hlen eines klassischen Men\u00fcs.<\/figcaption><\/figure>\n<p>Du kannst den Navigationsblock \u00fcberall auf deinen Seiten einf\u00fcgen. Du kannst ihn zum Beispiel in <a href=\"https:\/\/kinsta.com\/de\/blog\/langform-artikel\/\">langen Artikeln<\/a> verwenden, um <a href=\"https:\/\/kinsta.com\/de\/blog\/ankerlinks\/\">ein Inhaltsverzeichnis<\/a> zu erstellen, das es den Nutzern erm\u00f6glicht, zu bestimmten Inhaltsabschnitten zu springen.<\/p>\n<figure id=\"attachment_112673\" aria-describedby=\"caption-attachment-112673\" style=\"width: 1424px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112673 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/internal-links-navigation.jpg\" alt=\"Hinzuf\u00fcgen von Ankerlinks zu einem Navigationsmen\u00fc.\" width=\"1424\" height=\"1024\"><figcaption id=\"caption-attachment-112673\" class=\"wp-caption-text\">Hinzuf\u00fcgen von Ankerlinks zu einem Navigationsmen\u00fc.<\/figcaption><\/figure>\n<p>Neue Navigationslinks werden sofort zum Navigationsblock hinzugef\u00fcgt, indem du auf das Plus-Symbol<strong>(+<\/strong>) auf der rechten Seite klickst (siehe auch <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">Gutenberg 11.7 Versionshinweise<\/a>), es sei denn, es wurden bereits <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34899\">andere Arten von Bl\u00f6cken<\/a> zum Men\u00fc hinzugef\u00fcgt.<\/p>\n<figure id=\"attachment_112662\" aria-describedby=\"caption-attachment-112662\" style=\"width: 1416px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112662 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-appender.jpg\" alt=\"Der Navigationsblock-Appender, der die Navigationslinks anzeigt.\" width=\"1416\" height=\"1246\"><figcaption id=\"caption-attachment-112662\" class=\"wp-caption-text\">Der Navigationsblock Appender, der die Navigationslinks zeigt.<\/figcaption><\/figure>\n<p>Wenn du auf die Schaltfl\u00e4che <strong>Bearbeiten<\/strong> in der Symbolleiste des Navigationslink-Blocks klickst, wird ein Men\u00fcpunkt in einen benutzerdefinierten Link umgewandelt. So kannst du einzelne Elemente hinzuf\u00fcgen, bearbeiten, neu anordnen und entfernen.<\/p>\n<figure id=\"attachment_112674\" aria-describedby=\"caption-attachment-112674\" style=\"width: 1426px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112674 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/converting-navigation-menu-items.jpg\" alt=\"Umwandlung eines Navigationsmen\u00fcs in einzelne Seitenlinks.\" width=\"1426\" height=\"770\"><figcaption id=\"caption-attachment-112674\" class=\"wp-caption-text\">Umwandlung eines Navigationsmen\u00fcs in einzelne Seitenlinks.<\/figcaption><\/figure>\n<p>Du kannst <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">Links auch in Bl\u00f6cke umwandeln<\/a>, indem du auf die Schaltfl\u00e4che <strong>Umwandeln<\/strong> in der Blocksymbolleiste klickst. So kannst du <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34978\">bestimmte Bl\u00f6cke direkt in das Navigationsmen\u00fc<\/a> einf\u00fcgen.<\/p>\n<figure id=\"attachment_112675\" aria-describedby=\"caption-attachment-112675\" style=\"width: 1398px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112675 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/transform-links-to-blocks-in-navigation-menu.jpg\" alt=\"Umwandlung von Navigationslinks in Bl\u00f6cke.\" width=\"1398\" height=\"700\"><figcaption id=\"caption-attachment-112675\" class=\"wp-caption-text\">Umwandlung von Navigationslinks in Bl\u00f6cke.<\/figcaption><\/figure>\n<p>Die Bl\u00f6cke &#8222;Benutzerdefinierter Link&#8220;, &#8222;Abstandhalter&#8220;, &#8222;Seiten-Logo&#8220;, &#8222;Home-Link&#8220;, &#8222;Soziale Symbole&#8220; und &#8222;Suche&#8220; werden jetzt f\u00fcr die Nutzer\/innen sichtbar, wenn sie Bl\u00f6cke zu Navigationsmen\u00fcs hinzuf\u00fcgen.<\/p>\n<p>In der Seitenleiste der Einstellungen findest du eine Reihe von Optionen, mit denen du verschiedene Aspekte deines Navigationsmen\u00fcs steuern kannst.<\/p>\n<p>Das Layout-Panel enth\u00e4lt Steuerelemente f\u00fcr <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35077\">Ausrichtung<\/a>, Orientierung und Umbruch.<\/p>\n<figure id=\"attachment_112666\" aria-describedby=\"caption-attachment-112666\" style=\"width: 1688px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112666 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-layout-settings.jpg\" alt=\"Einstellungen f\u00fcr das Layout des Navigationsblocks.\" width=\"1688\" height=\"644\"><figcaption id=\"caption-attachment-112666\" class=\"wp-caption-text\">Layout-Einstellungen f\u00fcr den Navigationsblock<\/figcaption><\/figure>\n<p>Der Navigationsblock verf\u00fcgt au\u00dferdem \u00fcber ein <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">verbessertes Einstellungsfeld f\u00fcr die Anzeige<\/a> mit einer Option f\u00fcr ein immer aktives Burger-Men\u00fc.<\/p>\n<figure id=\"attachment_112664\" aria-describedby=\"caption-attachment-112664\" style=\"width: 1682px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112664 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-display-settings.jpg\" alt=\"Navigationsblock Anzeige des Einstellungsfeldes f\u00fcr den Navigationsblock.\" width=\"1682\" height=\"1008\"><figcaption id=\"caption-attachment-112664\" class=\"wp-caption-text\">Ein verbessertes Anzeige-Einstellungsfeld f\u00fcr den Navigationsblock.<\/figcaption><\/figure>\n<p>Du kannst auch die Text- und Hintergrundfarben f\u00fcr deine Men\u00fcs und Untermen\u00fcs anpassen.<\/p>\n<figure id=\"attachment_112663\" aria-describedby=\"caption-attachment-112663\" style=\"width: 1686px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112663 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-color-settings.jpg\" alt=\"Farbeinstellungen f\u00fcr den Navigationsblock.\" width=\"1686\" height=\"1162\"><figcaption id=\"caption-attachment-112663\" class=\"wp-caption-text\">Farbeinstellungen f\u00fcr den Navigationsblock.<\/figcaption><\/figure>\n<p>Eine weitere hilfreiche Erg\u00e4nzung, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">die k\u00fcrzlich zum Navigationsblock hinzugef\u00fcgt wurde<\/a>, ist die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33991\">Unterst\u00fctzung f\u00fcr Blockabst\u00e4nde<\/a>, mit der du den Abstand zwischen den Men\u00fcpunkten festlegen kannst.<\/p>\n<figure id=\"attachment_112669\" aria-describedby=\"caption-attachment-112669\" style=\"width: 1684px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112669 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-spacing.jpg\" alt=\"Abstand zwischen den Navigationsbl\u00f6cken.\" width=\"1684\" height=\"1114\"><figcaption id=\"caption-attachment-112669\" class=\"wp-caption-text\">Blockabstandskontrolle im Navigationsblock.<\/figcaption><\/figure>\n<p>Das Bedienfeld Typografie bietet eine Reihe von Steuerelementen f\u00fcr die Schriftfamilie, das Aussehen, die Zeilenh\u00f6he, die Verzierung und die Gro\u00df- und Kleinschreibung. Alle diese Steuerelemente k\u00f6nnen \u00fcber ein Dropdown-Men\u00fc ein- und ausgeschaltet werden, das erscheint, wenn du auf das Ellipsen-Symbol auf der rechten Seite klickst.<\/p>\n<figure id=\"attachment_112670\" aria-describedby=\"caption-attachment-112670\" style=\"width: 1688px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112670 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-typography-settings.jpg\" alt=\"Einstellungen f\u00fcr die Typografie des Navigationsblocks.\" width=\"1688\" height=\"964\"><figcaption id=\"caption-attachment-112670\" class=\"wp-caption-text\">Typografie-Einstellungen des Navigationsblocks.<\/figcaption><\/figure>\n<h3>Der Navigationsblock: Unter der Haube<\/h3>\n<p>Die Daten des Navigationsblocks werden in der Datenbank mit einem eigenen <code>wp_navigation<\/code> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35746\">Post-Typ<\/a> gespeichert.<\/p>\n<p>Warum ist das f\u00fcr WordPress-Nutzer interessant und wie funktioniert es?<\/p>\n<p>Angenommen, du hast ein Navigationsmen\u00fc erstellt, das aus zwei benutzerdefinierten Links und einem Suchfeld besteht. Wenn du das <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-two\/\">Twenty Twenty-Two-Theme<\/a> installiert hast, k\u00f6nnte das Men\u00fc wie in der folgenden Abbildung aussehen:<\/p>\n<figure id=\"attachment_112665\" aria-describedby=\"caption-attachment-112665\" style=\"width: 1610px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112665 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-example.jpg\" alt=\"Beispiel f\u00fcr einen Navigationsblock.\" width=\"1610\" height=\"246\"><figcaption id=\"caption-attachment-112665\" class=\"wp-caption-text\">Navigationsblock Beispiel<\/figcaption><\/figure>\n<p>Der obige Navigationsblock wird in der Datenbank als <code>wp_navigation<\/code> post type wie folgt gespeichert:<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:navigation-link {\"label\":\"Contacts\",\"type\":\"page\",\"id\":7,\"url\":\"http:\/\/wordpress-59.local\/?page_id=7\",\"kind\":\"post-type\",\"isTopLevelLink\":true} \/--&gt;\n\n&lt;!-- wp:navigation-link {\"label\":\"About Us\",\"type\":\"page\",\"id\":10,\"url\":\"http:\/\/wordpress-59.local\/?page_id=10\",\"kind\":\"post-type\",\"isTopLevelLink\":true} \/--&gt;\n\n&lt;!-- wp:search {\"showLabel\":false,\"placeholder\":\"Search the site\",\"buttonPosition\":\"button-inside\",\"buttonUseIcon\":true} \/--&gt;<\/code><\/pre>\n<p>Wenn du den Inhalt des Navigationsblocks in der Datenbank speicherst, kannst du die gleichen Navigationsmen\u00fcs in verschiedenen Blockthemes verwenden. Wenn das Men\u00fc nicht sofort sichtbar ist, w\u00e4hlst du einfach das gew\u00fcnschte Navigationsmen\u00fc im Men\u00fcselektor aus (siehe auch Ausgabe <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36087\">#36087<\/a> und PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36178\">#36178<\/a>).<\/p>\n<p>Das folgende Bild zeigt das obige Men\u00fc mit dem <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-one-theme\/#the-twenty-twentyone-blocks-experiment\">Thema Twenty Twenty-One Blocks<\/a>:<\/p>\n<figure id=\"attachment_112671\" aria-describedby=\"caption-attachment-112671\" style=\"width: 1158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112671 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-menu-selector-tt1b.jpg\" alt=\"W\u00e4hle das Men\u00fc in Twenty Twenty-One Blocks.\" width=\"1158\" height=\"708\"><figcaption id=\"caption-attachment-112671\" class=\"wp-caption-text\">Men\u00fc ausw\u00e4hlen in Twenty Twenty-One Blocks.<\/figcaption><\/figure>\n<p>Der Navigationsblock hat mehrere Iterationen durchlaufen. In den Versionshinweisen zu Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">11.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">11.8<\/a> und <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/12\/whats-new-in-gutenberg-11-9-0-10-november\/\">11.9<\/a> kannst du die einzelnen Implementierungen genauer kennenlernen.<\/p>\n<p>Du kannst auch mehr \u00fcber den Navigationsblock in den <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/the-new-navigation-block\/\">Entwicklungshinweisen zum neuen Navigationsblock<\/a> und im <a href=\"https:\/\/wordpress.org\/support\/article\/navigation-block\/\">Artikel zur Unterst\u00fctzung des Navigationsblocks<\/a> lesen.<\/p>\n<h2>Bildergalerien, Featured Images und Webseiten-Symbole<\/h2>\n<p>Mit dem Ziel, das Verhalten von Bildern in verschiedenen Kontexten einheitlicher zu gestalten, bietet WordPress 5.9 neue Funktionen und Verbesserungen f\u00fcr verschiedene Bl\u00f6cke. Der Galerie-Block wurde komplett \u00fcberarbeitet, w\u00e4hrend verschiedene \u00c4nderungen an den Bl\u00f6cken &#8222;Featured Image&#8220; und &#8222;Site Icon&#8220; den Nutzerinnen und Nutzern eine genauere Kontrolle \u00fcber die jeweiligen Bilder erm\u00f6glichen.<\/p>\n<h3>Ein \u00fcberarbeiteter Galerie-Block<\/h3>\n<p>In WordPress 5.8 war die M\u00f6glichkeit, das Aussehen von Bildern in Galerien anzupassen, etwas eingeschr\u00e4nkt. Es gab keine M\u00f6glichkeit, den Bildstil zu \u00e4ndern oder einen Duotone-Filter anzuwenden.<\/p>\n<p>Au\u00dferdem fehlten wichtige Funktionen f\u00fcr Galeriebilder, z. B. das Hinzuf\u00fcgen von benutzerdefinierten Links zu einzelnen Bildern in einer Galerie.<\/p>\n<p>Um den Grund f\u00fcr diese Asymmetrie zwischen Bildern in den beiden unterschiedlichen Kontexten eines einzelnen Bildes und eines Bildes in einer Galerie besser zu verstehen, werfen wir einen Blick auf den Galerie-Block in der Codeansicht von WordPress 5.8:<\/p>\n<figure id=\"attachment_112457\" aria-describedby=\"caption-attachment-112457\" style=\"width: 1896px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112457\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-code-view-wordpress-5-8.jpg\" alt=\"Gallery block in code view in WordPress 5.8.\" width=\"1896\" height=\"494\"><figcaption id=\"caption-attachment-112457\" class=\"wp-caption-text\">Galerie-Block in der Code-Ansicht in WordPress 5.8.<\/figcaption><\/figure>\n<p>Beachte, dass die Bilddetails nur im Begrenzer des Galerie-Blocks gespeichert werden (siehe auch <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-blocke\/#what-is-a-gutenberg-block\">Was ist ein Gutenberg-Block?<\/a>).<\/p>\n<figure id=\"attachment_112461\" aria-describedby=\"caption-attachment-112461\" style=\"width: 1822px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112461 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-wordpress-5-8.jpg\" alt=\"Galerie-Block in WordPress 5.8.\" width=\"1822\" height=\"778\"><figcaption id=\"caption-attachment-112461\" class=\"wp-caption-text\">Galerie-Block in der Codeansicht in WordPress 5.8.<\/figcaption><\/figure>\n<p>Dadurch <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/11436\">verhielten sich einzelne Bilder anders als Bilder in Galerien<\/a>.<\/p>\n<p>Damit sich Bilder in den beiden unterschiedlichen Kontexten einheitlich verhalten, f\u00fchrt WordPress 5.9 <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/upcoming-gallery-block-improvements\/\">einen komplett \u00fcberarbeiteten Galerie-Block<\/a> ein, der sich jetzt <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/20\/gallery-block-refactor-dev-note\/\">wie ein Container f\u00fcr eine Sammlung von Bildelementen verh\u00e4lt<\/a>, statt wie eine ungeordnete Liste von Bildern.<\/p>\n<p>In WordPress 5.9 werden Galeriebilder mithilfe der <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-blocke\/#innerblocks-component\">zentralen <code>innerBlocks<\/code> APIs<\/a> verschachtelt, und jedes Bild speichert seine eigene Reihe von Details, genau wie einzelne Bilder.<\/p>\n<figure id=\"attachment_112458\" aria-describedby=\"caption-attachment-112458\" style=\"width: 1896px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-112458\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-code-view-wordpress-5-9.jpg\" alt=\"Gallery block in code view in WordPress 5.9.\" width=\"1896\" height=\"628\"><figcaption id=\"caption-attachment-112458\" class=\"wp-caption-text\">Gallery block in code view in WordPress 5.9<\/figcaption><\/figure>\n<p>Das ist eine gro\u00dfartige Verbesserung, denn die <strong>Bilder des Galerie-Blocks unterst\u00fctzen jetzt die gleichen Funktionen wie die Bilder-Bl\u00f6cke<\/strong>, z. B. Bildgr\u00f6\u00dfe und <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#duotone-block-support\">Duotone-Filter<\/a>, sowie die Standardfunktionen des Blocks, z. B. Drag-and-Drop, Kopieren, Duplizieren und Entfernen.<\/p>\n<figure id=\"attachment_112462\" aria-describedby=\"caption-attachment-112462\" style=\"width: 1604px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112462 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-wordpress-5-9.jpg\" alt=\"Galerie-Block in WordPress 5.9.\" width=\"1604\" height=\"864\"><figcaption id=\"caption-attachment-112462\" class=\"wp-caption-text\">Inspecting Gallery block in WordPress 5.9<\/figcaption><\/figure>\n<p>Mit dem neuen Galerie-Block kannst du Bilder individuell gestalten. Das bietet dir eine Vielzahl von Anpassungsm\u00f6glichkeiten.<\/p>\n<p>Das Bild unten zeigt mehrere Bilder in einer Galerie, jedes mit unterschiedlich abgerundeten Ecken:<\/p>\n<figure id=\"attachment_112459\" aria-describedby=\"caption-attachment-112459\" style=\"width: 1642px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112459 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-full-wordpress-5-9.jpg\" alt=\"Der neue Galerie-Block.\" width=\"1642\" height=\"1274\"><figcaption id=\"caption-attachment-112459\" class=\"wp-caption-text\">Der neue Galerie-Block ist ein Wrapper f\u00fcr einzelne Bildbl\u00f6cke.<\/figcaption><\/figure>\n<p>Du kannst auch verschiedene Duotone-Filter f\u00fcr verschiedene Bilder in derselben Galerie verwenden.<\/p>\n<figure id=\"attachment_112460\" aria-describedby=\"caption-attachment-112460\" style=\"width: 1728px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112460 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-image-duotone-filters.jpg\" alt=\"Duotone Filter, die auf verschiedene Bilder in einem Galerieblock angewendet werden.\" width=\"1728\" height=\"1048\"><figcaption id=\"caption-attachment-112460\" class=\"wp-caption-text\">Verschiedene Duotone-Filter, die auf verschiedene Bilder in einem Galerie-Block angewendet werden<\/figcaption><\/figure>\n<p>Und nat\u00fcrlich kannst du jedem Bild eine bestimmte CSS-Klasse zuweisen, die dir zus\u00e4tzliche M\u00f6glichkeiten gibt, deine Galeriebilder individuell anzupassen.<\/p>\n<p>Weitere Informationen zum neuen Galerie-Block findest du in den <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/20\/gallery-block-refactor-dev-note\/\">Entwicklungshinweisen zum Galerie-Block, in den kommenden Verbesserungen des Galerie-Blocks<\/a> und in den <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/01\/whats-new-in-gutenberg-11-4-1-september\/\">Gutenberg 11.4 Release Notes<\/a>.<\/p>\n<h3>Verbesserungen bei den Featured Images<\/h3>\n<p>Auch der Featured Image-Block wurde in mehreren Punkten verbessert.<\/p>\n<h4>Grundlegende Dimensionskontrollen<\/h4>\n<p>Der Block &#8222;Featured Image&#8220; verf\u00fcgt jetzt \u00fcber ein neues Einstellungsfeld f\u00fcr die Abmessungen, in dem <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31634\">H\u00f6he, Breite und Skalierung eingestellt<\/a> werden k\u00f6nnen.<\/p>\n<figure id=\"attachment_112828\" aria-describedby=\"caption-attachment-112828\" style=\"width: 2032px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112828 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/featured-image-dimensions-control-1.jpg\" alt=\"Das Feld f\u00fcr die Abmessungen des Featured Image.\" width=\"2032\" height=\"1128\"><figcaption id=\"caption-attachment-112828\" class=\"wp-caption-text\">Featured Image Dimensions panel.<\/figcaption><\/figure>\n<p>Die Bema\u00dfungssteuerung gilt auch f\u00fcr Featured Images in Query Loop-Bl\u00f6cken, wie in der folgenden Abbildung zu sehen ist:<\/p>\n<figure id=\"attachment_112829\" aria-describedby=\"caption-attachment-112829\" style=\"width: 2876px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112829 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/featured-image-dimensions-control-2.jpg\" alt=\"Steuerelemente f\u00fcr die Abmessungen des Featured Image in einem Query Loop-Block.\" width=\"2876\" height=\"1202\"><figcaption id=\"caption-attachment-112829\" class=\"wp-caption-text\">Featured Image Dimensions in einem Query Loop Block.<\/figcaption><\/figure>\n<h4>Duotone-Filter f\u00fcr Featured Images<\/h4>\n<p>Wir haben bereits erw\u00e4hnt, dass wir jetzt den Duotone-Filter auf Bilder anwenden k\u00f6nnen, die in den neuen, \u00fcberarbeiteten Galerie-Block eingeschlossen sind.<\/p>\n<p>Ab WordPress 5.9 sind <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#duotone-block-support\">Duotone-Filter<\/a> jetzt auch in Featured Image-Bl\u00f6cken in jedem Kontext verf\u00fcgbar, von Beitragsvorlagen und Seitenvorlagen bis hin zu Query Loop-Bl\u00f6cken.<\/p>\n<figure id=\"attachment_112830\" aria-describedby=\"caption-attachment-112830\" style=\"width: 2110px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112830 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/featured-image-duotone-filter.jpg\" alt=\"Duotone-Filter f\u00fcr vorgestellte Bilder in einem Query Loop-Block.\" width=\"2110\" height=\"1042\"><figcaption id=\"caption-attachment-112830\" class=\"wp-caption-text\">Duotone-Filter auf Featured Images in einem Query Loop-Block.<\/figcaption><\/figure>\n<p>Diese Funktion erm\u00f6glicht kreative und einheitliche Farbkombinationen auf der gesamten Website.<\/p>\n<h3>Bildbeschneidung im Seiten-Logo<\/h3>\n<p>Vor WordPress 5.9 (und <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/01\/whats-new-in-gutenberg-11-6-29-september\/\">Gutenberg 11.6<\/a>) konnten Logobilder nur bearbeitet werden, bevor sie hochgeladen wurden. Mit WordPress 5.9 kannst du Bilder, die im Site-Logo-Block verwendet werden, direkt in der Symbolleiste des Blocks <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31607\">zuschneiden, zoomen und rotieren<\/a>.<\/p>\n<figure id=\"attachment_112831\" aria-describedby=\"caption-attachment-112831\" style=\"width: 1258px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112831 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/editing-logo-image.jpg\" alt=\"Webseiten-Logo-Bild bearbeiten.\" width=\"1258\" height=\"1272\"><figcaption id=\"caption-attachment-112831\" class=\"wp-caption-text\">Bearbeiten des Seiten-Logo-Bildes.<\/figcaption><\/figure>\n<h2>Neue Design-Tools, Bl\u00f6cke und UI-Verbesserungen<\/h2>\n<p>Mit WordPress 5.9 werden elf Gutenberg-Versionen in den Core integriert, die so viele Funktionen, Verbesserungen und Fehlerbehebungen mit sich bringen, dass es unm\u00f6glich w\u00e4re, sie alle in einem einzigen Artikel zu behandeln.<\/p>\n<p>Deshalb haben wir einige der Funktionen ausgew\u00e4hlt, die wir f\u00fcr besonders erw\u00e4hnenswert halten. Einen tieferen \u00dcberblick \u00fcber diese Funktionen und Verbesserungen findest du in den Beitr\u00e4gen zu Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/10\/whats-new-in-gutenberg-10-8-9-june\/\">10.8<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">10.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/09\/whats-new-in-gutenberg-11-0-0-9-july\/\">11.0<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/21\/whats-new-in-gutenberg-11-1-0-21-july\/\">11.1<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/05\/whats-new-in-gutenberg-11-2-0-4-august\/\">11.2<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/18\/whats-new-in-gutenberg-11-3-18-august\/\">11.3<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/01\/whats-new-in-gutenberg-11-4-1-september\/\">11.4<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">11.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/01\/whats-new-in-gutenberg-11-6-29-september\/\">11.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">11.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">11.8<\/a> und <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/12\/whats-new-in-gutenberg-11-9-0-10-november\/\">11.9<\/a>.<\/p>\n<p>Daher werden in diesem Abschnitt die folgenden \u00c4nderungen behandelt:<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Border unterst\u00fctzt die UI<\/h3>\n<p>Ab WordPress 5.9, wenn in der <strong>theme.json<\/strong> die Einstellungen von <code>border<\/code> deklariert sind und ein Block die Unterst\u00fctzung von Rahmen \u00fcber die <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-supports\/\">Block Supports API<\/a> deklariert, bietet ein neues Einstellungsfeld Steuerelemente f\u00fcr <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31585\">Rahmenradius, Breite, Stil, Farbe<\/a> und <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33315\">Einheiten<\/a> (siehe auch <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/21\/whats-new-in-gutenberg-11-1-0-21-july\/\">Gutenberg 11.1<\/a>).<\/p>\n<p>Der <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/group\">Kernblock Gruppe<\/a> ist ein gutes Beispiel f\u00fcr diese n\u00fctzliche UI-Erweiterung. Die Datei <strong>block.json<\/strong> des Gruppenblocks enth\u00e4lt jetzt die folgenden <code>supports<\/code> Deklarationen:<\/p>\n<pre><code class=\"language-json\">{\n\t...\n\t\"supports\": {\n\t\t\"align\": [ \"wide\", \"full\" ],\n\t\t\"anchor\": true,\n\t\t\"html\": false,\n\t\t\"color\": {\n\t\t\t\"gradients\": true,\n\t\t\t\"link\": true\n\t\t},\n\t\t\"spacing\": {\n\t\t\t\"padding\": true,\n\t\t\t\"__experimentalDefaultControls\": {\n\t\t\t\t\"padding\": true\n\t\t\t}\n\t\t},\n\t\t\"__experimentalBorder\": {\n\t\t\t\"color\": true,\n\t\t\t\"radius\": true,\n\t\t\t\"style\": true,\n\t\t\t\"width\": true,\n\t\t\t\"__experimentalDefaultControls\": {\n\t\t\t\t\"color\": true,\n\t\t\t\t\"radius\": true,\n\t\t\t\t\"style\": true,\n\t\t\t\t\"width\": true\n\t\t\t}\n\t\t},\n\t\t...\n\t},\n\t...\n}<\/code><\/pre>\n<p>Mit dieser Funktion k\u00f6nnen Nutzerinnen und Nutzer mit minimalem Aufwand beeindruckende grafische Effekte auf ihren Webseiten erstellen. Du kannst sie im neuen Twenty Twenty-Two-Theme in Aktion sehen.<\/p>\n<p>Erstelle in einem neuen Beitrag oder einer Seite einen neuen Gruppenblock und w\u00e4hle ihn aus. In der Seitenleiste mit den Blockeinstellungen siehst du das Feld &#8220; <strong>Rahmen<\/strong> &#8222;. \u00c4ndere die Breite und den Stil des Rahmens nach Bedarf und genie\u00dfe das Ergebnis.<\/p>\n<figure id=\"attachment_112693\" aria-describedby=\"caption-attachment-112693\" style=\"width: 1868px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112693 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/border-controls.jpg\" alt=\"Ein Gruppenblock mit einer angepassten Rahmenkonfiguration mit Twenty Twenty-Two.\" width=\"1868\" height=\"1222\"><figcaption id=\"caption-attachment-112693\" class=\"wp-caption-text\">Ein Gruppenblock mit einer angepassten Rahmenkonfiguration mit Twenty Twenty-Two.<\/figcaption><\/figure>\n<p>Wenn du ein Theme-Entwickler bist und diese Funktion zu deinen Themes hinzuf\u00fcgen m\u00f6chtest, \u00f6ffne deine <strong>theme.json<\/strong>-Datei und deklariere die Unterst\u00fctzung f\u00fcr Rahmen wie im folgenden Code gezeigt:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"border\": {\n\t\t\t\"customColor\": true,\n\t\t\t\"customRadius\": true,\n\t\t\t\"customStyle\": true,\n\t\t\t\"customWidth\": true\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Speichere die Datei und gehe zur\u00fcck in dein WordPress-Dashboard. Erstelle in einem neuen Beitrag oder einer neuen Seite einen neuen Gruppenblock und w\u00e4hle ihn aus. Jetzt solltest du in der Seitenleiste der Blockeinstellungen ein Rahmenfeld sehen (siehe auch diese <a href=\"https:\/\/gist.github.com\/aaronrobertshaw\/8ed108e4a024b81297a55fc498ef3a57\">experimentelle theme.json<\/a>).<\/p>\n<h3>Verbesserungen in der Listenansicht<\/h3>\n<p>Mit WordPress 5.9 wurde die Listenansicht verbessert und bietet jetzt Drag and Drop, zusammenklappbare Abschnitte und HTML-Anker.<\/p>\n<h4>Drag and Drop in der Listenansicht<\/h4>\n<p>Wie im <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33320\">Pull Request #33320<\/a> erw\u00e4hnt, wurde Drag-and-Drop in der Listenansicht implementiert, aber aufgrund von Leistungsproblemen deaktiviert.<\/p>\n<p>Ab WordPress 5.9 wurde Drag-and-Drop in der Listenansicht wieder eingef\u00fchrt. Du kannst Bl\u00f6cke und Gruppen von Bl\u00f6cken wieder \u00fcberall in der Listenansicht <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/21\/whats-new-in-gutenberg-11-1-0-21-july\/\">ziehen und ablegen<\/a>. Das ist eine gro\u00dfartige Verbesserung der Benutzerfreundlichkeit des Editors, denn so kannst du Bl\u00f6cke und Blockgruppen schnell und einfach auf deinen Seiten verschieben. Das ist besonders hilfreich bei <a href=\"https:\/\/kinsta.com\/de\/blog\/langform-artikel\/\">langen Artikeln<\/a> und Seiten und bei der Verwaltung komplexer Strukturen mit verschachtelten Bl\u00f6cken.<\/p>\n<figure id=\"attachment_112560\" aria-describedby=\"caption-attachment-112560\" style=\"width: 1994px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112560 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/drag-and-drop-in-list-view.jpg\" alt=\"Drag and Drop in der Listenansicht.\" width=\"1994\" height=\"1180\"><figcaption id=\"caption-attachment-112560\" class=\"wp-caption-text\">Drag and Drop in der Listenansicht.<\/figcaption><\/figure>\n<h4>Zusammenklappbare Abschnitte in der Listenansicht<\/h4>\n<p>Eine weitere wichtige Verbesserung der Listenansicht ist die M\u00f6glichkeit, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">Abschnitte von verschachtelten Bl\u00f6cken ein- und auszublenden<\/a>. So kannst du leicht durch komplexe Blockstrukturen navigieren, indem du einzelne Gruppen von Bl\u00f6cken aufklappst, w\u00e4hrend der Rest eingeklappt bleibt.<\/p>\n<p>Du kannst die Abschnitte in der Listenansicht auch <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32117\">mit den Pfeiltasten nach links und rechts<\/a> aus- und einklappen.<\/p>\n<figure id=\"attachment_112561\" aria-describedby=\"caption-attachment-112561\" style=\"width: 1996px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112561 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/group-block-expanded.jpg\" alt=\"Eine erweiterte Gruppe von Bl\u00f6cken.\" width=\"1996\" height=\"1102\"><figcaption id=\"caption-attachment-112561\" class=\"wp-caption-text\">Eine erweiterte Gruppe von Bl\u00f6cken.<\/figcaption><\/figure>\n<h4>HTML-Anker in der Listenansicht<\/h4>\n<p>Eine weitere hilfreiche Neuerung ist die M\u00f6glichkeit, HTML-Anker zu deinen Bl\u00f6cken in der Listenansicht hinzuzuf\u00fcgen und sie auf einen Blick zu sehen.<\/p>\n<figure id=\"attachment_112562\" aria-describedby=\"caption-attachment-112562\" style=\"width: 1997px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112562 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/html-anchors-list-view.jpg\" alt=\"HTML-Anker in der Listenansicht.\" width=\"1997\" height=\"1112\"><figcaption id=\"caption-attachment-112562\" class=\"wp-caption-text\">HTML-Anker in der Listenansicht.<\/figcaption><\/figure>\n<h3>Blockabstandskontrolle<\/h3>\n<p>Erstmals in <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/01\/whats-new-in-gutenberg-11-4-1-september\/\">Gutenberg 11.4<\/a> eingef\u00fchrt und jetzt mit WordPress 5.9 in den Kern integriert, kannst du mit dem neuen Steuerelement f\u00fcr den Blockabstand einen benutzerdefinierten Abstand zwischen Elementen innerhalb eines Blocks festlegen. Unten siehst du eine Vorschau mit verschiedenen Blockabst\u00e4nden in einem Spaltenblock mit dem Standardthema Twenty Twenty-Two:<\/p>\n<figure id=\"attachment_113303\" aria-describedby=\"caption-attachment-113303\" style=\"width: 1966px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113303 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/block-spacing-90.jpg\" alt=\"Steuerung von Columns Block Spacing in WordPress 5.9.\" width=\"1966\" height=\"1166\"><figcaption id=\"caption-attachment-113303\" class=\"wp-caption-text\">Steuerung von Columns Block Spacing in WordPress 5.9.<\/figcaption><\/figure>\n<p>Gap Spacing wird zun\u00e4chst f\u00fcr bestimmte Bl\u00f6cke verf\u00fcgbar sein, z. B. f\u00fcr Schaltfl\u00e4chen, Bilder, Spalten, Titel und die Navigation, soll aber in Zukunft auf weitere Bl\u00f6cke ausgeweitet werden.<\/p>\n<p>Themes sollten Gap Spacing in der <strong>theme.json<\/strong> mit der neuen Eigenschaft <em>appearanceTools<\/em> aktivieren. Mehr \u00fcber appearanceTools erf\u00e4hrst du in unserem <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-two\/#layout-and-appearance-tools\">ausf\u00fchrlichen Artikel \u00fcber Twenty Twenty-Two<\/a>. Siehe auch die Pull Requests <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33991\">#33991<\/a> und <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34630\">#34630<\/a>.<\/p>\n<h3>Rich URL Preview f\u00fcr Link Control<\/h3>\n<p>Durch die Nutzung des neuen <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31763\">REST-Endpunkts url-details<\/a> bietet das Link-Steuerelement jetzt eine <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">ausf\u00fchrliche URL-Vorschau<\/a>, die Details zu einer Link-Zielressource anzeigt.<\/p>\n<figure id=\"attachment_112702\" aria-describedby=\"caption-attachment-112702\" style=\"width: 1390px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112702 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/rich-url-preview.jpg\" alt=\"Rich-URL-Vorschau im Beitragseditor.\" width=\"1390\" height=\"1002\"><figcaption id=\"caption-attachment-112702\" class=\"wp-caption-text\">Rich-URL-Vorschau im Beitragseditor.<\/figcaption><\/figure>\n<p>In der <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31464\">ersten Implementierung<\/a> war diese Funktion nur in der <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-blocke\/#using-richtext-component\">Richtext-Komponente<\/a> des Post Editors verf\u00fcgbar. Zum Zeitpunkt der Erstellung dieses Artikels ist sie auch im Seiteneditor verf\u00fcgbar, aber nicht im Navigations- und Widget-Editor.<\/p>\n<h3>Seiten aus Link-Popup erstellen<\/h3>\n<p>WordPress 5.9 bietet au\u00dferdem eine <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">verbesserte Inline-Link-Benutzeroberfl\u00e4che<\/a> mit einer brandneuen Schaltfl\u00e4che, mit der du <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35083\">neue Seiten direkt aus dem Inline-Link-Popup erstellen<\/a> kannst. Diese Funktion ist nur im <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-wordpress-editor\/\">Beitragseditor<\/a> verf\u00fcgbar.<\/p>\n<figure id=\"attachment_113304\" aria-describedby=\"caption-attachment-113304\" style=\"width: 1332px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113304 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/create-pages-from-link-popup.jpg\" alt=\"WordPress 5.9 bietet eine neue Inline-Link-Benutzeroberfl\u00e4che\" width=\"1332\" height=\"1100\"><figcaption id=\"caption-attachment-113304\" class=\"wp-caption-text\">WordPress 5.9 bietet eine neue Inline-Link-Benutzeroberfl\u00e4che<\/figcaption><\/figure>\n<h3>Verbesserungen am Suchblock<\/h3>\n<p>Der Suchblock zeigt jetzt die <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/05\/whats-new-in-gutenberg-11-2-0-4-august\/\">Einstellungen f\u00fcr die Schaltfl\u00e4chen- und Rahmenfarbe<\/a> an.<\/p>\n<figure id=\"attachment_113295\" aria-describedby=\"caption-attachment-113295\" style=\"width: 2032px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113295 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/search-block-color-settings.jpg\" alt=\"Einstellungen f\u00fcr die Suchblockfarbe.\" width=\"2032\" height=\"1068\"><figcaption id=\"caption-attachment-113295\" class=\"wp-caption-text\">Einstellungen f\u00fcr die Suchblockfarbe.<\/figcaption><\/figure>\n<p>Du kannst jetzt auch die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32416\">Hintergrund- und Textfarbe<\/a> sowie die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31783\">Farbe und den Radius des Rahmens<\/a> anpassen.<\/p>\n<figure id=\"attachment_113294\" aria-describedby=\"caption-attachment-113294\" style=\"width: 2028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113294 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/search-block-border-settings.jpg\" alt=\"Suche Einstellungen f\u00fcr die Farbe und den Radius des Blockrandes.\" width=\"2028\" height=\"1100\"><figcaption id=\"caption-attachment-113294\" class=\"wp-caption-text\">Suche Einstellungen f\u00fcr die Farbe und den Radius des Blockrandes.<\/figcaption><\/figure>\n<h3>Neue Steuerelemente f\u00fcr Blockabmessungen<\/h3>\n<p>Es gibt <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/28356\">jetzt ein neues Einstellungsfeld f\u00fcr die Abmessungen<\/a>, mit dem du <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/18\/whats-new-in-gutenberg-11-3-18-august\/\">den Platz, den ein Block auf der Seite einnimmt, festlegen<\/a> kannst. <em>Das<\/em> Panel enth\u00e4lt Einstellungen f\u00fcr H\u00f6he, Breite, Auff\u00fcllung, Rand und m\u00f6glicherweise Ausrichtung, aber nicht alle Attribute werden f\u00fcr jeden Block verf\u00fcgbar sein.<\/p>\n<figure id=\"attachment_113296\" aria-describedby=\"caption-attachment-113296\" style=\"width: 2026px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113296 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/dimensions-panel-group-block.jpg\" alt=\"Gruppenblockabmessungen.\" width=\"2026\" height=\"616\"><figcaption id=\"caption-attachment-113296\" class=\"wp-caption-text\">Auff\u00fcllungssteuerung f\u00fcr einen Gruppenblock in WordPress 5.9.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-blocke\/\">Blockentwickler<\/a> finden die <code>&lt;DimensionControl \/&gt;<\/code> Komponente <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/trunk\/packages\/components\/src\/dimension-control\/README.md\">auf GitHub dokumentiert<\/a>. Beachte aber, dass sie noch als experimentelles Feature gekennzeichnet ist und zum Zeitpunkt der Erstellung dieses Artikels noch \u00c4nderungen unterworfen sein k\u00f6nnte.<\/p>\n<h3>Ein neuer Widget-Gruppen-Block auf dem Widgets-Bildschirm<\/h3>\n<p>Im blockbasierten Widgets-Editor ist jetzt ein neuer <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/22\/core-editor-improvement-introducing-the-widget-group-block\/\">Widget-Gruppen-Block<\/a> <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">verf\u00fcgbar<\/a>. Der neue Block erm\u00f6glicht es dir, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34484\">eine Gruppe von Bl\u00f6cken in einem Widget mit einem Titel<\/a> im Widgets-Editor der klassischen Themen und im Customizer hinzuzuf\u00fcgen.<\/p>\n<figure id=\"attachment_113297\" aria-describedby=\"caption-attachment-113297\" style=\"width: 1398px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113297 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/widget-group-block.jpg\" alt=\"Widget-Gruppen-Block im Twenty Twenty-One-Theme.\" width=\"1398\" height=\"1122\"><figcaption id=\"caption-attachment-113297\" class=\"wp-caption-text\">Widget-Gruppen-Block im Twenty Twenty-One-Theme.<\/figcaption><\/figure>\n<p>Mehr \u00fcber den Widgets-Editor erf\u00e4hrst du unter <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#blockbased-widgets-editor-and-block-widgets-in-the-customizer\">Blockbasierter Widgets-Editor und Block-Widgets im Customizer<\/a>.<\/p>\n<h3>Flex-Layout und der neue Zeilenblock<\/h3>\n<p>Urspr\u00fcnglich als <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33359\">experimentelle Funktion<\/a> mit <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/05\/whats-new-in-gutenberg-11-2-0-4-august\/\">Gutenberg 11.2<\/a> eingef\u00fchrt, wurde das <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/CSS_Flexible_Box_Layout\/Basic_Concepts_of_Flexbox\">Flex-Layout<\/a> auf mehrere Bl\u00f6cke ausgeweitet, darunter die Bl\u00f6cke <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34493\">Soziale Links<\/a> und Gruppen.<\/p>\n<p>Einige Bl\u00f6cke, wie z. B. der Block Soziale Links, bieten jetzt eine Reihe von Steuerelementen f\u00fcr die Symbolleiste und Einstellungen f\u00fcr die Seitenleiste, mit denen du das Flex-Layout anpassen kannst.<\/p>\n<figure id=\"attachment_112704\" aria-describedby=\"caption-attachment-112704\" style=\"width: 1358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112704 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/social-links-layout-controls.jpg\" alt=\"Layout-Steuerelemente in der Symbolleiste des Social Links-Blocks.\" width=\"1358\" height=\"524\"><figcaption id=\"caption-attachment-112704\" class=\"wp-caption-text\">Layout-Steuerelemente in der Symbolleiste des Social Links-Blocks.<\/figcaption><\/figure>\n<p>Die gleichen Funktionen stehen auch im <a href=\"#the-navigation-block\">Navigationsblock<\/a> und im <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34535\">Zeilenblock<\/a> zur Verf\u00fcgung, einer neuen Variante des Gruppenblocks, die mit <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">Gutenberg 11.5<\/a> eingef\u00fchrt wurde.<\/p>\n<p>Das folgende Bild zeigt den Zeilenblock mit Layout-Steuerelementen in der Einstellungs-Seitenleiste:<\/p>\n<figure id=\"attachment_112706\" aria-describedby=\"caption-attachment-112706\" style=\"width: 2046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112706 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/row-block-with-layout-settings.jpg\" alt=\"Der neue Row-Block mit Layout-Einstellungen.\" width=\"2046\" height=\"772\"><figcaption id=\"caption-attachment-112706\" class=\"wp-caption-text\">Der neue Row-Block mit Layout-Einstellungen.<\/figcaption><\/figure>\n<p>Unten siehst du denselben Zeilenblock im Frontend und im <a href=\"https:\/\/kinsta.com\/de\/blog\/element-untersuchen\/\">Inspektor-Tool<\/a> von Chrome.<\/p>\n<figure id=\"attachment_112705\" aria-describedby=\"caption-attachment-112705\" style=\"width: 2460px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112705 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/row-block-flex-props.jpg\" alt=\"Ein Zeilenblock im Inspektor-Tool von Chrome.\" width=\"2460\" height=\"880\"><figcaption id=\"caption-attachment-112705\" class=\"wp-caption-text\">Ein Zeilenblock im Inspektor-Tool von Chrome.<\/figcaption><\/figure>\n<h2>Verbesserungen bei den Blockmustern<\/h2>\n<p>Mit den Blockmustern, die erstmals <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-5\/#block-patterns\">mit WordPress 5.5 eingef\u00fchrt<\/a> wurden, k\u00f6nnen WordPress-Nutzer\/innen mit wenigen Klicks <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-5\/#block-patterns\">komplexe, gebrauchsfertige Strukturen aus verschachtelten Bl\u00f6cken<\/a> in ihre Inhalte einbauen.<\/p>\n<p>Mit WordPress 5.9 gehen wir einen Schritt weiter in Richtung Demokratisierung des Designs und Erm\u00e4chtigung der Nutzer\/innen, indem wir einige Verbesserungen am Blockmuster-System vornehmen.<\/p>\n<p>Was ist also neu an den Blockmustern in WordPress 5.9?<\/p>\n<h3>Hervorgehobene Muster aus dem Musterverzeichnis<\/h3>\n<p>Der Block-Inserter <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">zeigt jetzt dynamisch ausgew\u00e4hlte Blockmuster<\/a> aus dem <a href=\"https:\/\/wordpress.org\/patterns\/\">Musterverzeichnis<\/a> <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">an<\/a>. So k\u00f6nnen Nutzer\/innen schnell und einfach beliebte Muster f\u00fcr ihre Inhalte finden.<\/p>\n<figure id=\"attachment_112574\" aria-describedby=\"caption-attachment-112574\" style=\"width: 2160px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112574 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/buttons-patterns-wp-59-tt2.jpg\" alt=\"Buttons blockieren Muster in WordPress 5.9.\" width=\"2160\" height=\"1308\"><figcaption id=\"caption-attachment-112574\" class=\"wp-caption-text\">Buttons blockieren Muster in WordPress 5.9.<\/figcaption><\/figure>\n<p>Da die Patterns direkt in das WordPress-Dashboard integriert werden, sollten WordPress-Entwickler dazu ermutigt werden, im Laufe der Zeit immer mehr Patterns zu erstellen und zu ver\u00f6ffentlichen, um den Nutzern immer fortschrittlichere Gestaltungsm\u00f6glichkeiten zu bieten.<\/p>\n<h3>Ein neuer Fullscreen Pattern Explorer<\/h3>\n<p>Da die Anzahl der im <a href=\"https:\/\/wordpress.org\/patterns\/\">Musterverzeichnis<\/a> verf\u00fcgbaren Blockmuster weiter w\u00e4chst und immer mehr Themes sie verwenden, f\u00fchrt WordPress 5.9 eine <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/12\/whats-new-in-gutenberg-11-9-0-10-november\/\">neue Navigationsoberfl\u00e4che f\u00fcr Blockmuster<\/a> ein: den Pattern Explorer.<\/p>\n<figure id=\"attachment_112575\" aria-describedby=\"caption-attachment-112575\" style=\"width: 2158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112575 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/fullscreen-pattern-modal.jpg\" alt=\"Vollbild-Muster-Modal in WordPress 5.9.\" width=\"2158\" height=\"1300\"><figcaption id=\"caption-attachment-112575\" class=\"wp-caption-text\">Vollbild-Muster-Modal in WordPress 5.9.<\/figcaption><\/figure>\n<p>Ein neuer <strong>Explore-Button<\/strong> \u00f6ffnet jetzt ein <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35773\">bildschirmf\u00fcllendes Modal<\/a>, in dem Nutzer\/innen mit wenigen Klicks nach Blockmustern suchen und sie einf\u00fcgen k\u00f6nnen. Das Ergebnis ist ein verbessertes Nutzererlebnis.<\/p>\n<figure id=\"attachment_112576\" aria-describedby=\"caption-attachment-112576\" style=\"width: 1996px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112576 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/featured-block-patterns.jpg\" alt=\"Gekennzeichnete Blockmuster im Block-Inserter.\" width=\"1996\" height=\"1132\"><figcaption id=\"caption-attachment-112576\" class=\"wp-caption-text\">Gekennzeichnete Blockmuster im Block-Inserter.<\/figcaption><\/figure>\n<p>Weitere Hinweise und mehrere Beispiele f\u00fcr Blockmuster findest du in unserem tiefen Einblick in das <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-two\/#twenty-twentytwo-block-patterns\">WordPress-Theme Twenty Twenty-Two<\/a>.<\/p>\n<p>Wenn du interessiert bist und mehr erfahren m\u00f6chtest, h\u00f6r dir den Podcast von Josepha Haden Chomphosy <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/episode-16-a-sneak-peek-at-wordpress-5-9\/\">Episode 16<\/a> und <a href=\"https:\/\/wordpress.org\/news\/2021\/11\/episode-21-all-things-block-themes\/\">21<\/a> an und schau dir das YouTube-Video <a href=\"https:\/\/www.youtube.com\/watch?v=r59aR1tmY6k\">Exploring WordPress 5.9<\/a> von Anne McCarthy an.<\/p>\n<h2>Das Twenty Twenty-Two-Theme und WordPress-Block-Themes<\/h2>\n<p>Mit WordPress 5.9 brauchst du das Gutenberg-Plugin nicht mehr zu installieren, um das Full Site Editing auf deiner WordPress-Webseite zu aktivieren. Du musst nur noch ein Block-Theme zulassen, um alle FSE-Funktionen zu nutzen.<\/p>\n<p>Au\u00dferdem wird WordPress 5.9 mit einem brandneuen Standard-Theme ausgeliefert: Twenty Twenty-Two ist das erste Standard-Block-Theme \u00fcberhaupt.<\/p>\n<p>Twenty Twenty-Two ist ein \u00e4u\u00dferst flexibles und anpassbares Theme. Es ist der perfekte Sandkasten, um den neuen Template-Bearbeitungsfluss, die neuen Bl\u00f6cke, die verbesserten Benutzeroberfl\u00e4chen und alle neuen Funktionen zur Webseiten-Bearbeitung auszuprobieren, die mit WordPress 5.9 eingef\u00fchrt wurden.<\/p>\n<figure id=\"attachment_110731\" aria-describedby=\"caption-attachment-110731\" style=\"width: 2560px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110731 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2.jpg\" alt=\"Twenty Twenty-Two Vorschau.\" width=\"2560\" height=\"1752\"><figcaption id=\"caption-attachment-110731\" class=\"wp-caption-text\">Twenty Twenty-Two ist das neue WordPress Standard-Theme. (Bildquelle: <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\">WordPress.org<\/a>)<\/figcaption><\/figure>\n<p>Wie bereits erw\u00e4hnt, musst du nur ein <a href=\"https:\/\/wordpress.org\/themes\/tags\/full-site-editing\/\">Block-Theme<\/a>, wie Twenty Twenty-Two, installieren und aktivieren. Sobald das Theme aktiviert ist, erscheint ein neuer Men\u00fcpunkt <strong>Editor (beta)<\/strong>\u00a0im Admin-Men\u00fc des WordPress-Dashboards.<\/p>\n<figure id=\"attachment_113422\" aria-describedby=\"caption-attachment-113422\" style=\"width: 2002px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113422 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/wp-59-appearance-menu.jpg\" alt=\"Das neue Appearance Men\u00fc in WordPress 5.9.\" width=\"2002\" height=\"830\"><figcaption id=\"caption-attachment-113422\" class=\"wp-caption-text\">Das neue Appearance Men\u00fc in WordPress 5.9.<\/figcaption><\/figure>\n<p>Die Oberfl\u00e4che des Seiten-Editors bietet jetzt einen \u00fcberarbeiteten <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-two\/#twenty-twentytwo-brings-a-new-site-editing-flow\">Site-Editing-Flow<\/a>. Von der Bearbeitungsoberfl\u00e4che aus kannst du die Homepage, die Vorlagen und die Vorlagenteile der Webseite visuell bearbeiten und auf die <a href=\"#global-styles-a-graphic-interface-for-themejson\">Schnittstelle f\u00fcr globale Stile<\/a> zugreifen.<\/p>\n<figure id=\"attachment_110741\" aria-describedby=\"caption-attachment-110741\" style=\"width: 2318px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110741 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/editor-navigation-menu.jpg\" alt=\"Das Navigationsmen\u00fc des Editors.\" width=\"2318\" height=\"1046\"><figcaption id=\"caption-attachment-110741\" class=\"wp-caption-text\">Das Navigationsmen\u00fc des Editors.<\/figcaption><\/figure>\n<p>Wenn du ein Blockthema aktivierst, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/state-of-the-customizer-with-block-themes-in-wordpress-5-9\/\">wirst du den Customizer nicht finden<\/a>. Das liegt daran, dass der Customizer keine Blockthemen unterst\u00fctzt, die nur den Seiteneditor verwenden. Das ist auch der Grund, warum <strong>du keine Vorschau von inaktiven Blockthemes<\/strong>\u00a0sehen kannst.<\/p>\n<figure id=\"attachment_113429\" aria-describedby=\"caption-attachment-113429\" style=\"width: 1650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113429 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/live-preview-not-available.jpg\" alt=\"Die Live-Vorschau ist bei Blockthemen nicht verf\u00fcgbar.\" width=\"1650\" height=\"1268\"><figcaption id=\"caption-attachment-113429\" class=\"wp-caption-text\">Die Live-Vorschau ist bei Blockthemen nicht verf\u00fcgbar.<\/figcaption><\/figure>\n<p>Seit WordPress 5.9 ist der Zugriff auf den Customizer nicht mehr im Admin-Men\u00fc verf\u00fcgbar, wenn ein Block-Theme aktiv ist (es sei denn, du verwendest <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/block-themes-a-new-way-to-build-themes-in-wordpress-5-9\/\">ein Plugin, das davon Gebrauch macht<\/a>).<\/p>\n<p>Wenn du noch an traditionelle Themes gebunden bist und dir Sorgen um die Abw\u00e4rtskompatibilit\u00e4t machst, kannst du beruhigt sein: Du kannst dein Theme weiter benutzen.<\/p>\n<p>Derzeit kannst du aus vier verschiedenen Kategorien von Themes w\u00e4hlen:<\/p>\n<ul>\n<li><strong>Block-Themen<\/strong>: Themen, die f\u00fcr FSE entwickelt wurden<\/li>\n<li><strong>Universal-Themen<\/strong>: Themes, die sowohl mit dem Customizer als auch mit dem Site Editor funktionieren<\/li>\n<li><strong>Hybrid-Themen<\/strong>: Klassische Themes, die FSE-Funktionen wie theme.json unterst\u00fctzen<\/li>\n<li><strong>Klassische Themes<\/strong>: Themes mit PHP-Vorlagen, functions.php, etc.<\/li>\n<\/ul>\n<p>Aufgrund der Bedeutung, die Block-Themes f\u00fcr das WordPress-\u00d6kosystem haben werden, haben wir einen ganzen Artikel \u00fcber <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-two\/\">Twenty Twenty-Two und WordPress-Block-Themes<\/a> geschrieben. Darin findest du einen detaillierten \u00dcberblick.<\/p>\n<h2>Leistungsverbesserungen<\/h2>\n<p>Wir bei Kinsta sind besessen von der <a href=\"https:\/\/kinsta.com\/de\/lernen\/wordpress-beschleunigen\/\">Geschwindigkeit unserer Webseiten<\/a>. Deshalb freuen wir uns \u00fcber die <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/05\/wordpress-5-9-performance-improvements\/\">Leistungsverbesserungen<\/a>, die mit WordPress 5.9 kommen.<\/p>\n<p>Diese Verbesserungen betreffen verschiedene Bereiche des CMS, vom Block-Editor \u00fcber Block-Themes bis hin zu Lazy Loading und mehr. Lass uns eintauchen.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Verbesserungen am Block-Inserter<\/h3>\n<p>Seit WordPress 5.9 werden Blocktypen, -muster und -kategorien im Block-Inserter &#8222;lazy&#8220; gerendert. Der Browser l\u00e4dt Inhalte mit h\u00f6herer Priorit\u00e4t zuerst, was die Bearbeitung erleichtert und die Leistung verbessert.<\/p>\n<p>Weitere bemerkenswerte Leistungsverbesserungen im Zusammenhang mit dem Block-Editor betreffen wiederverwendbare Bl\u00f6cke und die <a href=\"#list-view-improvements\">Listenansicht<\/a>.<\/p>\n<h3>Weniger CSS wird geladen<\/h3>\n<p>Was das Frontend angeht, hat WordPress 5.9 die Menge an CSS, die von Blockthemen geladen wird, drastisch reduziert, was dazu f\u00fchrt, dass Seiten deutlich schneller geladen werden.<\/p>\n<p>Die wichtigste Verbesserung in diesem Zusammenhang ist die Einf\u00fchrung des Mechanismus <strong>theme.json<\/strong> settings and styles, der verhindert, dass Themes riesige Stylesheets mit Hunderten von CSS-Deklarationen verwenden. Die Menge an CSS-Code, die ein Theme verwendet, wurde auf <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-two\/#twenty-twentytwo-at-its-core-a-quick-overview-of-themejson\">einige wenige CSS-Eigenschaften<\/a> reduziert, die jeder Blocktyp wiederverwenden kann.<\/p>\n<h3>Lazy Loading Leistungsverbesserungen<\/h3>\n<p>Lazy Loading f\u00fcr Bilder wurde erstmals <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-5\/#native-image-lazyloading-in-wordpress-core\">in WordPress 5.5 eingef\u00fchrt<\/a>. Ab WordPress 5.7 wurde die Lazy-Loading-Funktionalit\u00e4t <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-7\/#lazyloading-iframes\">auf Iframes <\/a>ausgeweitet, sodass Webseiten-Betreiber schnellere Webseiten erstellen und <a href=\"https:\/\/kinsta.com\/de\/ebooks\/wordpress\/wie-man-seo-verbessert\/\">ihre SEO verbessern<\/a> k\u00f6nnen.<\/p>\n<p>Nach einer Analyse des <a href=\"https:\/\/kinsta.com\/de\/blog\/core-web-vitals\/#largest-contentful-paint-lcp\">Largest Contentful Paint (LCP)<\/a> stellte sich jedoch heraus, dass die Zuweisung des Attributs <code>loading=\"lazy\"<\/code> an alle Bilder und iframes auf der Seite eine leichte Leistungsverschlechterung verursacht.<\/p>\n<p>Das Attribut <code>loading=\"lazy\"<\/code> einfach wegzulassen, war keine L\u00f6sung, weil dadurch die klaren Vorteile des <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-lazy-load\/\">Lazy Loading<\/a> verloren gehen w\u00fcrden.<\/p>\n<p>Die <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/15\/refining-wordpress-cores-lazy-loading-implementation\/\">optimale L\u00f6sung<\/a> w\u00e4re, das Attribut <code>loading=\"lazy\"<\/code> nur bei Bildern wegzulassen, die oberhalb der Falz erscheinen. Da das <code>loading=\"lazy\"<\/code> -Attribut jedoch serverseitig vergeben wird, kann WordPress nicht genau bestimmen, welche Bilder oberhalb der Falz angezeigt werden. Das h\u00e4ngt vor allem vom aktiven Theme ab.<\/p>\n<p>Als Kompromissl\u00f6sung wird das Attribut <code>loading=\"lazy\"<\/code> <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/29\/enhanced-lazy-loading-performance-in-5-9\/\">ab WordPress 5.9<\/a> nicht mehr auf das erste Inhaltsbild oder den ersten Iframe angewendet. Eine Analyse von 50 beliebten <a href=\"https:\/\/kinsta.com\/de\/blog\/schnellsten-wordpress-theme\/\">WordPress-Themes<\/a> ergab, dass diese L\u00f6sung zu erheblichen Leistungsverbesserungen f\u00fchrt und die Seiten bis zu 30 % schneller laden.<\/p>\n<p>Felix Arntz erkl\u00e4rt, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/29\/enhanced-lazy-loading-performance-in-5-9\/\">wie es funktioniert<\/a>:<\/p>\n<blockquote><p>&#8230; um die Leistung sofort zu verbessern, ohne dass ein Entwickler das Verhalten anpassen muss, \u00fcberspringt WordPress jetzt das erste &#8222;Inhaltsbild oder Iframe&#8220; auf der Seite, das nicht geladen wird. Der Begriff &#8222;Inhaltsbild oder Iframe&#8220; bezeichnet hier jedes Bild oder jeden Iframe, der im Inhalt eines Beitrags in der aktuellen Hauptabfrageschleife gefunden wird, sowie jedes Featured Image eines solchen Beitrags. Dies gilt sowohl f\u00fcr &#8222;singul\u00e4re&#8220; als auch f\u00fcr &#8222;Archiv&#8220;-Inhalte: In einem &#8222;singul\u00e4ren&#8220; Kontext wird das erste Bild oder der erste iframe des (einzigen) Beitrags nicht verz\u00f6gert geladen, w\u00e4hrend in einem &#8222;Archiv&#8220;-Kontext das erste Bild oder der erste iframe des ersten Beitrags in der Abfrage nicht verz\u00f6gert geladen wird.<\/p><\/blockquote>\n<p>Themeentwickler k\u00f6nnen jetzt den neuen Filter <code>wp_omit_loading_attr_threshold<\/code> verwenden, um die Anzahl der Bilder\/iframes zu \u00e4ndern, die beim Lazy Loading \u00fcbersprungen werden sollen.<\/p>\n<h3>Mehrere Stylesheets pro Block<\/h3>\n<p>Block- und Themeentwickler k\u00f6nnen f\u00fcr jeden Block <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/15\/using-multiple-stylesheets-per-block\/\">mehrere Stylesheets registrieren<\/a> und bei Bedarf Styles aus anderen Bl\u00f6cken laden. Dies erm\u00f6glicht das Laden von Stylesheets in Abh\u00e4ngigkeit vom Seiteninhalt und verhindert, dass Themes auf jeder Seite riesige Stylesheets laden m\u00fcssen.<\/p>\n<p>Laut <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/15\/using-multiple-stylesheets-per-block\/\">Ari Stathopoulos<\/a>:<\/p>\n<blockquote><p>Bl\u00f6cke k\u00f6nnen jetzt mehrere Stylesheets registrieren und bei Bedarf Styles aus anderen Bl\u00f6cken laden. Themes werden in der Lage sein, Stile auf Blockbasis hinzuzuf\u00fcgen, anstatt monolithische Stylesheets zu laden, die \u00fcberall zwangsgeladen werden. Dies wirkt sich vor allem auf Block-Themes aus, bei denen das Laden von Stylesheets auf der Grundlage des Seiten- und Layoutinhalts optimiert wird, kann aber auch von klassischen Themes genutzt werden.<\/p><\/blockquote>\n<h2>Zus\u00e4tzliche Funktionen f\u00fcr Entwickler<\/h2>\n<p>Zus\u00e4tzlich zu den vielen Funktionen und UI-Verbesserungen, die bisher besprochen wurden, f\u00fchrt WordPress 5.9 auch einige Funktionen f\u00fcr Entwickler\/innen ein.<\/p>\n<p><aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Wenn du neu in der Entwicklung von WordPress-Bl\u00f6cken bist, solltest du dir unbedingt unser <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-blocke\/\">Definitive Block Development Tutorial<\/a><\/p>\n<\/aside>\n ansehen<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Ein neues Attribut zum Sperren von Bl\u00f6cken<\/h3>\n<p>Blockentwickler\/innen k\u00f6nnen jetzt verhindern, dass Nutzer\/innen <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/01\/whats-new-in-gutenberg-11-6-29-september\/\">einzelne Bl\u00f6cke verschieben oder l\u00f6schen<\/a>, indem sie <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/locking-blocks-in-wordpress-5-9\/\">ein <code>lock<\/code> Attribut in den Blockeinstellungen hinzuf\u00fcgen<\/a>:<\/p>\n<pre><code class=\"language-json\">{\n\t...\n\t\"attributes\": {\n\t\t\"lock\": {\n\t\t\t\"type\": \"object\",\n\t\t\t\"default\": {\n\t\t\t\t\"move\": true,\n\t\t\t\t\"remove\": true\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Wenn <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32457\">diese Funktion aktiviert ist<\/a>, k\u00f6nnen Nutzer\/innen den Blockinhalt bearbeiten, aber den Block nicht auf der Seite verschieben oder aus dem Editor-Canvas entfernen. Die folgende Abbildung zeigt einen <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-blocke\/\">benutzerdefinierten Block<\/a> mit einem Standardsatz von Symbolleistensteuerungen:<\/p>\n<figure id=\"attachment_112708\" aria-describedby=\"caption-attachment-112708\" style=\"width: 1288px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112708 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/custom-block-with-regular-toolbar.jpg\" alt=\"Ein benutzerdefinierter Block mit einer normalen Symbolleiste\" width=\"1288\" height=\"946\"><figcaption id=\"caption-attachment-112708\" class=\"wp-caption-text\">Ein benutzerdefinierter Block mit einer normalen Symbolleiste<\/figcaption><\/figure>\n<p>Wenn du das Attribut <code>lock<\/code> definierst, wie im obigen Code zu sehen, werden die Blockmover und die Steuerelemente <strong>Move to<\/strong> und <strong>Remove<\/strong> aus der Blocksymbolleiste ausgeblendet. Das Bild unten zeigt das Endergebnis auf dem Bildschirm:<\/p>\n<figure id=\"attachment_112709\" aria-describedby=\"caption-attachment-112709\" style=\"width: 1284px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112709 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/custom-block-without-move-and-remove-controls.jpg\" alt=\"Ein benutzerdefinierter Block ohne Steuerelemente zum Verschieben und Entfernen\" width=\"1284\" height=\"762\"><figcaption id=\"caption-attachment-112709\" class=\"wp-caption-text\">Ein benutzerdefinierter Block ohne Steuerelemente zum Verschieben und Entfernen<\/figcaption><\/figure>\n<p>Du kannst auch einen bestimmten Block in einem Blockmuster sperren. Ein Beispiel daf\u00fcr findest du unter <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/locking-blocks-in-wordpress-5-9\/\">Sperren von Bl\u00f6cken in WordPress 5.9<\/a>.<\/p>\n<h3>Neue API f\u00fcr den Zugriff auf globale Einstellungen und Stile<\/h3>\n<p>WordPress 5.9 f\u00fchrt eine neue <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/new-api-to-access-global-settings-styles\/\">\u00f6ffentliche PHP-API<\/a> ein, um Daten aus <strong>theme.json<\/strong> zu lesen.<\/p>\n<h4>Lesen von Einstellungen und Styles aus theme.json<\/h4>\n<p>Es gibt zwei neue Funktionen zum Lesen von Daten aus den Abschnitten <code>settings<\/code> und <code>styles<\/code>, die in der <strong>theme.json<\/strong> deklariert sind:<\/p>\n<pre><code class=\"language-php\">wp_get_global_settings( $path = array() , $context = array() );\nwp_get_global_styles( $path = array(), $context = array() );<\/code><\/pre>\n<ul>\n<li><code>$path<\/code> ist ein Array, das den Pfad zu der angegebenen Einstellung auflistet<\/li>\n<li><code>$context<\/code> ist ein Array, das den Kontext f\u00fcr diese Daten angibt. Entwickler k\u00f6nnen aus einem bestimmten Abschnitt der Blockeinstellungen lesen &#8211; zum Beispiel aus <code>array( 'block_name' =&gt; 'core\/paragraph' )<\/code>. Wenn der Schl\u00fcssel <code>orygin<\/code> auf <code>base<\/code> gesetzt wird, k\u00f6nnen die vom Benutzer gespeicherten benutzerdefinierten Daten ignoriert werden.<\/li>\n<\/ul>\n<p>Der folgende Beispielcode w\u00fcrde den Wert der Einstellung <code>contentSize<\/code> zur\u00fcckgeben. In Twenty Twenty-Two w\u00e4re es <code>650px<\/code>:<\/p>\n<pre><code class=\"language-php\">wp_get_global_settings( array( 'layout', 'contentSize' ) );<\/code><\/pre>\n<p>Wenn du einen Kontext festlegst, kannst du Stile f\u00fcr bestimmte Bl\u00f6cke abrufen. Der folgende Code zeigt, wie du den Radius des Rahmens f\u00fcr den Block <code>core\/button<\/code> abrufen kannst:<\/p>\n<pre><code class=\"language-php\">function get_global_styles() {\n\treturn\n\twp_get_global_styles(\n\t\tarray( 'border', 'radius' ),\n\t\tarray( 'block_name' =&gt; 'core\/button' )\n\t);\n}<\/code><\/pre>\n<p>Die obige Funktion gibt den erforderlichen Eigenschaftswert zur\u00fcck und ber\u00fccksichtigt dabei die Standardeinstellungen, die Themeneinstellungen und die Nutzerdaten. Der benutzerdefinierte Wert wird bereitgestellt, wenn der Benutzer den Rahmenradius der Schaltfl\u00e4che in der Schnittstelle f\u00fcr globale Stile konfiguriert.<\/p>\n<p>Um die Benutzerdaten zu ignorieren, w\u00fcrdest du den folgenden Code verwenden:<\/p>\n<pre><code class=\"language-php\">function get_global_styles() {\n\treturn\n\twp_get_global_styles(\n\t\tarray( 'border', 'radius' ),\n\t\tarray( 'block_name' =&gt; 'core\/button', 'origin' =&gt; 'base' )\n\t);\n}<\/code><\/pre>\n<h4>Abrufen des generierten Stylesheets<\/h4>\n<p>WordPress 5.9 f\u00fchrt auch eine neue Funktion ein, mit der du das Stylesheet abrufen kannst, das sich aus den Standard-, Theme- und benutzerdefinierten Styles ergibt:<\/p>\n<pre><code class=\"language-php\">wp_get_global_stylesheet( $types = array() );<\/code><\/pre>\n<p><code>$types<\/code> ist eine Liste der zu erzeugenden Styles.<\/p>\n<p>Mehr \u00fcber die neue API erf\u00e4hrst du unter <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/new-api-to-access-global-settings-styles\/\">Neue API f\u00fcr den Zugriff auf globale Einstellungen und Styles<\/a>.<\/p>\n<h3>Weitere Funktionen f\u00fcr Entwickler<\/h3>\n<p>Weitere WordPress 5.9-\u00c4nderungen f\u00fcr Entwickler, die du kennen solltest, sind<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/block-themes-a-new-way-to-build-themes-in-wordpress-5-9\/\">Blockthemen, eine neue Art, Themes in WordPress 5.9 zu erstellen<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/updates-for-settings-styles-and-theme-json\/\">Updates f\u00fcr Einstellungen, Styles und theme.json<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/theme-focused-changes-and-filters-in-wordpress-5-9\/\">Themenspezifische \u00c4nderungen und Filter in WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/05\/new-capability-queries-in-wordpress-5-9\/\">Neue F\u00e4higkeitsabfragen in WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/miscellaneous-core-changes-in-wordpress-5-9\/\">Verschiedene Core-\u00c4nderungen in WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/miscellaneous-block-editor-changes-in-wordpress-5-9\/\">Verschiedene \u00c4nderungen am Block-Editor in WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/28\/take-more-control-over-inner-block-areas-as-a-block-developer\/\">Mehr Kontrolle \u00fcber innere Blockbereiche (als Blockentwickler)<\/a><\/li>\n<\/ul>\n\n<h2>Zusammenfassung<\/h2>\n<p>Wir schlie\u00dfen diesen Artikel mit einem kurzen Hinweis auf den <a href=\"https:\/\/kinsta.com\/de\/wordpress-marktanteil\/\">Marktanteil von WordPress<\/a> ab. WordPress betreibt derzeit \u00fcber 65% aller Webseiten, deren Content Management System bekannt ist, und liegt \u00fcber <strong>43% aller Webseiten<\/strong>.<\/p>\n<p>Diese Zahlen sind beeindruckend, vor allem wenn man sie mit den n\u00e4chsten Konkurrenten vergleicht, die weniger als 5 % Marktanteil haben, wie z. B. Shopify.<\/p>\n<p>Und das bedeutet auch, dass du die Entwicklung <a href=\"https:\/\/kinsta.com\/de\/blog\/content-management-system\/\">des WP CMS<\/a> nicht \u00fcbersehen kannst. Jede <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-version\/\">neue Version von WordPress<\/a> bringt neue Funktionen, Erweiterungen der Benutzeroberfl\u00e4che und Leistungsverbesserungen mit sich, und WordPress 5.9 ist da keine Ausnahme. Alles, was du brauchst, um die neuen Funktionen zu testen, ist ein Block-Theme, wie das neue Standard-Theme Twenty Twenty-Two, und schon bist du startklar.<\/p>\n<p><em>Jetzt bist du dran! Bist du bereit, auf Block-Themes und FSE umzusteigen? Und was sind deine Lieblings\u00e4nderungen in WordPress 5.9?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.9 Josephine ist da! Die erste WordPress-Version des Jahres sollte urspr\u00fcnglich am 14. Dezember 2021 ver\u00f6ffentlicht werden. Aufgrund mehrerer offener Probleme und ungel\u00f6ster Fehler wurde &#8230;<\/p>\n","protected":false},"author":36,"featured_media":47278,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[89,566,567,28,29],"topic":[1011],"class_list":["post-47277","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-cms","tag-editing","tag-updates","tag-webdev","tag-wordpress","topic-wordpress-updates"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Was ist neu in WordPress 5.9 - Sehr viel, wir zeigen die was!<\/title>\n<meta name=\"description\" content=\"Schau dir unseren Test von WordPress 5.9 an und entdecke alle wichtigen Funktionen, die mit der neuen WordPress-Version eingef\u00fchrt wurden!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Was ist neu in WordPress 5.9 - Vollst\u00e4ndige Website-Bearbeitung, globale Stile, Bl\u00f6cke, Muster, APIs, UI-Verbesserungen und vieles mehr\" \/>\n<meta property=\"og:description\" content=\"Schau dir unseren Test von WordPress 5.9 an und entdecke alle wichtigen Funktionen, die mit der neuen WordPress-Version eingef\u00fchrt wurden!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-20T13:14:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-27T13:19:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/whats-new-in-wordpress-5-9.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Schau dir unseren Test von WordPress 5.9 an und entdecke alle wichtigen Funktionen, die mit der neuen WordPress-Version eingef\u00fchrt wurden!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/whats-new-in-wordpress-5-9.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"37\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Was ist neu in WordPress 5.9 &#8211; Vollst\u00e4ndige Website-Bearbeitung, globale Stile, Bl\u00f6cke, Muster, APIs, UI-Verbesserungen und vieles mehr\",\"datePublished\":\"2022-01-20T13:14:38+00:00\",\"dateModified\":\"2023-07-27T13:19:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/\"},\"wordCount\":5870,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/whats-new-in-wordpress-5-9.jpg\",\"keywords\":[\"CMS\",\"editing\",\"updates\",\"webdev\",\"WordPress\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/\",\"name\":\"Was ist neu in WordPress 5.9 - Sehr viel, wir zeigen die was!\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/whats-new-in-wordpress-5-9.jpg\",\"datePublished\":\"2022-01-20T13:14:38+00:00\",\"dateModified\":\"2023-07-27T13:19:15+00:00\",\"description\":\"Schau dir unseren Test von WordPress 5.9 an und entdecke alle wichtigen Funktionen, die mit der neuen WordPress-Version eingef\u00fchrt wurden!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/whats-new-in-wordpress-5-9.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/whats-new-in-wordpress-5-9.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Was ist neu in WordPress 5.9 - Vollst\u00e4ndige Website-Bearbeitung, globale Stile, Bl\u00f6cke, Muster, APIs, UI-Verbesserungen und vieles mehr\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Updates\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/wordpress-updates\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Was ist neu in WordPress 5.9 &#8211; Vollst\u00e4ndige Website-Bearbeitung, globale Stile, Bl\u00f6cke, Muster, APIs, UI-Verbesserungen und vieles mehr\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Was ist neu in WordPress 5.9 - Sehr viel, wir zeigen die was!","description":"Schau dir unseren Test von WordPress 5.9 an und entdecke alle wichtigen Funktionen, die mit der neuen WordPress-Version eingef\u00fchrt wurden!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/","og_locale":"de_DE","og_type":"article","og_title":"Was ist neu in WordPress 5.9 - Vollst\u00e4ndige Website-Bearbeitung, globale Stile, Bl\u00f6cke, Muster, APIs, UI-Verbesserungen und vieles mehr","og_description":"Schau dir unseren Test von WordPress 5.9 an und entdecke alle wichtigen Funktionen, die mit der neuen WordPress-Version eingef\u00fchrt wurden!","og_url":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2022-01-20T13:14:38+00:00","article_modified_time":"2023-07-27T13:19:15+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/whats-new-in-wordpress-5-9.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Schau dir unseren Test von WordPress 5.9 an und entdecke alle wichtigen Funktionen, die mit der neuen WordPress-Version eingef\u00fchrt wurden!","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/whats-new-in-wordpress-5-9.jpg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Carlo Daniele","Gesch\u00e4tzte Lesezeit":"37\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Was ist neu in WordPress 5.9 &#8211; Vollst\u00e4ndige Website-Bearbeitung, globale Stile, Bl\u00f6cke, Muster, APIs, UI-Verbesserungen und vieles mehr","datePublished":"2022-01-20T13:14:38+00:00","dateModified":"2023-07-27T13:19:15+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/"},"wordCount":5870,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/whats-new-in-wordpress-5-9.jpg","keywords":["CMS","editing","updates","webdev","WordPress"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/","url":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/","name":"Was ist neu in WordPress 5.9 - Sehr viel, wir zeigen die was!","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/whats-new-in-wordpress-5-9.jpg","datePublished":"2022-01-20T13:14:38+00:00","dateModified":"2023-07-27T13:19:15+00:00","description":"Schau dir unseren Test von WordPress 5.9 an und entdecke alle wichtigen Funktionen, die mit der neuen WordPress-Version eingef\u00fchrt wurden!","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/whats-new-in-wordpress-5-9.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/whats-new-in-wordpress-5-9.jpg","width":1460,"height":730,"caption":"Was ist neu in WordPress 5.9 - Vollst\u00e4ndige Website-Bearbeitung, globale Stile, Bl\u00f6cke, Muster, APIs, UI-Verbesserungen und vieles mehr"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress Updates","item":"https:\/\/kinsta.com\/de\/thema\/wordpress-updates\/"},{"@type":"ListItem","position":3,"name":"Was ist neu in WordPress 5.9 &#8211; Vollst\u00e4ndige Website-Bearbeitung, globale Stile, Bl\u00f6cke, Muster, APIs, UI-Verbesserungen und vieles mehr"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/47277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=47277"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/47277\/revisions"}],"predecessor-version":[{"id":48229,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/47277\/revisions\/48229"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47277\/translations\/en"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47277\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47277\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47277\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47277\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47277\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47277\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47277\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47277\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47277\/translations\/jp"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47277\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/47278"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=47277"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=47277"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=47277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}