{"id":70528,"date":"2024-07-05T09:11:33","date_gmt":"2024-07-05T08:11:33","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=70528&#038;preview=true&#038;preview_id=70528"},"modified":"2025-03-10T17:29:07","modified_gmt":"2025-03-10T16:29:07","slug":"wordpress-6-6","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/","title":{"rendered":"Was ist neu in WordPress 6.6: Pattern Overrides, Block Bindings API, Data Views, neue Design Tools und vieles mehr!"},"content":{"rendered":"<p>WordPress 6.6 \u201eDorsey\u201d ist da.\u00a0<a href=\"https:\/\/wordpress.org\/download\/releases\/6-6\/\">Die neue Version<\/a>\u00a0konzentriert sich auf die Verfeinerung und Verbesserung mehrerer Funktionen, die in fr\u00fcheren Versionen eingef\u00fchrt wurden. Es gibt jedoch auch zahlreiche Erg\u00e4nzungen, die den Kern einen Schritt weiter auf dem Weg der Phase 3 der WordPress-Entwicklung bringen.<\/p>\n<p>Insgesamt <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/25\/wordpress-6-6-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">299 Core Track Tickets<\/a> sind in WordPress 6.6 enthalten, zusammen mit 392 Erweiterungen, 462 Bugfixes und 46 Verbesserungen der Zug\u00e4nglichkeit des Blockeditors.<\/p>\n<p>Von den vielen neuen Funktionen, die mit WordPress 6.6 kommen, gefallen uns die Blockmuster-\u00dcberschreibungen am besten. Urspr\u00fcnglich war die Ver\u00f6ffentlichung mit <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/\">WordPress 6.5<\/a> geplant, wurde dann aber auf 6.6 verschoben. Die Pattern Overrides sind die zweite Implementierung der <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#block-bindings-api\">Block Bindings API<\/a> und geben uns eine bessere Vorstellung davon, was in zuk\u00fcnftigen WordPress-Versionen kommen wird.<\/p>\n<p>Die Pattern Overrides sind jedoch nur eine von vielen gro\u00dfartigen Neuerungen in der kommenden WordPress-Version. Beginnen wir also damit, die aufregendsten neuen Funktionen und Erweiterungen von WordPress 6.6 zu beleuchten.<\/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>Synchrone Muster\u00fcberschreibungen<\/h2>\n<p>Die erste Implementierung der <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#block-bindings-api\">Block Bindings API<\/a> diente der <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#connecting-custom-fields-to-blocks\">Verbindung von Blockattributen und benutzerdefinierten Feldern<\/a>. Mit WordPress 6.6 wird in einer zweiten Iteration eine Erweiterung der Synced Patterns namens <strong>Synced Pattern Overrides<\/strong> freigeschaltet.<\/p>\n<p>Es gibt zwei Arten von Blockmustern:<\/p>\n<ul>\n<li>Synchrone Blockmuster<\/li>\n<li>Standard-Blockmuster (nicht synchronisiert)<\/li>\n<\/ul>\n<p>Der <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-block-muster\/#custom-block-patterns\">Unterschied zwischen den beiden Typen<\/a> besteht darin, dass alle \u00c4nderungen, die an einem synchronisierten Muster vorgenommen werden, f\u00fcr jedes Vorkommen des Musters auf deiner gesamten Website gelten. Im Gegensatz dazu wirken sich \u00c4nderungen an einem Standard-Blockmuster nur auf eine bestimmte Instanz des Musters aus.<\/p>\n<p>Synced Pattern Overrides liegen irgendwo in der Mitte zwischen diesen beiden Extremen. Dank der Block Bindings API kannst du jetzt <strong>Blockmuster<\/strong> <strong>erstellen, die \u00fcberall auf deiner Website die gleiche Struktur<\/strong> haben und sich synchron mit den Anpassungen der Musterstruktur und des Stils im Website-Editor \u00e4ndern. <b>Du kannst jedoch den Inhalt des Musters in einer einzelnen Instanz \u00e4ndern, ohne dass dies Auswirkungen auf andere Instanzen desselben Musters auf der Website hat.<\/b><\/p>\n<p>Hier erf\u00e4hrst du, wie das \u00dcberschreiben von Mustern funktioniert.<\/p>\n<p>Zuerst brauchst du ein synchronisiertes Muster. Du kannst es im Post-Editor von Grund auf neu erstellen oder im Abschnitt <strong>Muster<\/strong> des Website-Editors nach vorhandenen synchronisierten Mustern suchen.<\/p>\n<p><strong>Schritt 1<\/strong>: Gehe zu <strong>Muster<\/strong> und dupliziere eines der vorhandenen Muster, z. B. das Muster <strong>Hero<\/strong> des <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-four-theme\/\">Standardthemes Twenty Twenty-Four<\/a>. F\u00fcge einen Namen hinzu und lege die Kopie als <strong>synchronisiertes Muster<\/strong> fest.<\/p>\n<figure id=\"attachment_181296\" aria-describedby=\"caption-attachment-181296\" style=\"width: 1842px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181296 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-duplicate-pattern.jpg\" alt=\"Muster im Website-Editor duplizieren\" width=\"1842\" height=\"1214\"><figcaption id=\"caption-attachment-181296\" class=\"wp-caption-text\">Muster im Website-Editor duplizieren<\/figcaption><\/figure>\n<p><strong>Schritt 2<\/strong>: Navigiere zu dem Bereich <strong>Meine Muster<\/strong> und finde dein neues synchronisiertes Muster. \u00d6ffne es im Seiteneditor und w\u00e4hle alle Bl\u00f6cke aus, die du einzeln \u00fcberschreiben willst.<\/p>\n<p>Gehe zur Seitenleiste mit den Blockeinstellungen und scrolle nach unten in den Bereich <strong>Erweitert<\/strong>. Hier findest du die Schaltfl\u00e4che <strong>\u00dcberschreibungen aktivieren<\/strong>.<\/p>\n<figure id=\"attachment_181299\" aria-describedby=\"caption-attachment-181299\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181299 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-enable-overrides-1.jpg\" alt=\"Aktiviere Muster\u00fcberschreibungen\" width=\"2270\" height=\"1156\"><figcaption id=\"caption-attachment-181299\" class=\"wp-caption-text\">Aktiviere Muster\u00fcberschreibungen<\/figcaption><\/figure>\n<p>Wenn du auf die Schaltfl\u00e4che klickst, wirst du aufgefordert, einen Namen hinzuzuf\u00fcgen und die Art des Musters festzulegen.<\/p>\n<figure id=\"attachment_181300\" aria-describedby=\"caption-attachment-181300\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181300 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-overrides-enabled.jpg\" alt=\"Overrides aktiviert\" width=\"2270\" height=\"1250\"><figcaption id=\"caption-attachment-181300\" class=\"wp-caption-text\">Overrides aktiviert<\/figcaption><\/figure>\n<p><strong>Schritt 3<\/strong>: Wiederhole den gleichen Vorgang f\u00fcr jeden Block, den du \u00fcberschreiben m\u00f6chtest. Wenn du fertig bist, erstelle einen neuen Beitrag oder eine neue Seite und f\u00fcge dein benutzerdefiniertes Muster ein.<\/p>\n<figure id=\"attachment_181338\" aria-describedby=\"caption-attachment-181338\" style=\"width: 2272px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181338 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-insert-override.jpg\" alt=\"Hinzuf\u00fcgen eines Musters zum Editor Canvas\" width=\"2272\" height=\"1238\"><figcaption id=\"caption-attachment-181338\" class=\"wp-caption-text\">Hinzuf\u00fcgen eines Musters zum Editor Canvas<\/figcaption><\/figure>\n<p><strong>Schritt 4<\/strong>: \u00c4ndere den Inhalt der Bl\u00f6cke in Override und speichere den Beitrag. \u00dcberpr\u00fcfe abschlie\u00dfend das Ergebnis auf dem Frontend.<\/p>\n<figure id=\"attachment_181339\" aria-describedby=\"caption-attachment-181339\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181339 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-override-added-and-customized.jpg\" alt=\"Ein Blockmuster mit \u00dcberschreibungen im Beitragseditor\" width=\"2270\" height=\"1320\"><figcaption id=\"caption-attachment-181339\" class=\"wp-caption-text\">Ein Blockmuster mit \u00dcberschreibungen im Beitragseditor<\/figcaption><\/figure>\n<p>Und schon bist du fertig. Du kannst eine beliebige Anzahl dieser Muster \u00fcberall auf deiner Website einf\u00fcgen, und jede neue Instanz zeigt denselben urspr\u00fcnglichen Inhalt, ist aber bereit f\u00fcr deine Anpassungen.<\/p>\n<p>Jetzt wollen wir uns den Code dieser Muster ansehen. Navigiere zur\u00fcck zum Abschnitt <strong>Muster<\/strong> im Site Editor. W\u00e4hle <strong>Meine Muster<\/strong> und f\u00fcge dein Muster hinzu. \u00d6ffne dann das Men\u00fc Optionen und w\u00e4hle Code-Editor, um den Code des Musters anzuzeigen.<\/p>\n<p>In unserem Beispiel sollte der Code wie folgt aussehen:<\/p>\n<pre><code class=\"language-html\">&lt;div class=\"wp-block-group\"&gt;\n\t&lt;!-- wp:heading {\n\t\t\"textAlign\":\"center\",\n\t\t\"level\":1,\n\t\t\"metadata\":{\n\t\t\t\"bindings\":{\n\t\t\t\t\"__default\":{\n\t\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t\t}\n\t\t\t},\n\t\t\"name\":\"Hero title\"\n\t},\"fontSize\":\"x-large\"} --&gt;\n\t\t&lt;h1 class=\"wp-block-heading has-text-align-center has-x-large-font-size\"&gt;A commitment to innovation and sustainability&lt;\/h1&gt;\n\t&lt;!-- \/wp:heading --&gt;\n\t...\n&lt;\/div&gt;<\/code><\/pre>\n<p>Im Blockbegrenzer wirst du die Eigenschaft <code>metadata.bindings<\/code> bemerken. Dadurch wird der <strong>\u00dcberschriftenblock<\/strong> editierbar. Die Bindung <code>__default<\/code> weist WordPress an, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60694\">alle unterst\u00fctzten Attribute mit einer bestimmten Quelle zu verbinden<\/a>, die <code>\"core\/pattern-overrides\"<\/code> ist.<\/p>\n<p>Dieselbe Eigenschaft gilt f\u00fcr alle Bl\u00f6cke, die du bearbeitbar machen willst. Siehe z. B. den <strong>Button-Block<\/strong>:<\/p>\n<pre><code class=\"language-html\">&lt;div class=\"wp-block-buttons\"&gt;\n\t&lt;!-- wp:button {\n\t\t\"metadata\":{\n\t\t\t\"bindings\":{\n\t\t\t\t\"__default\":{\n\t\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\"name\":\"Hero button\"\n\t\t\t}\n\t\t} --&gt;\n\t&lt;!-- \/wp:button --&gt;\n\t&lt;div class=\"wp-block-button\"&gt;\n\t\t&lt;a class=\"wp-block-button__link wp-element-button\"&gt;About us&lt;\/a&gt;\n\t&lt;\/div&gt;\n\t...\n&lt;\/div&gt;<\/code><\/pre>\n<p>Kehren wir nun zum Beitragseditor zur\u00fcck und wechseln wir zum <strong>Code-Editor<\/strong>. Der Code sollte in etwa so aussehen wie der folgende:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:block {\n\t\"ref\":261,\n\t\"content\":{\n\t\t\"Hero title\":{\n\t\t\t\"content\":\"Managed WordPress Hosting\"\n\t\t},\n\t\t\"Hero body\":{\n\t\t\t\"content\":\"Kinsta is an extension of your business. Fast, secure, feature-rich hosting that makes your work so much easier. Built for WordPress websites and agencies worldwide.\"\n\t\t},\n\t\t\"Hero button\":{\n\t\t\t\"text\":\"Learn more\",\n\t\t\t\"url\":\"https:\/\/kinsta.com\/wordpress-hosting\/\",\n\t\t\t\"linkTarget\":\"\",\n\t\t\t\"rel\":\"\"\n\t\t},\n\t\t\"Second button\":{\n\t\t\t\"text\":\"View pricing\",\n\t\t\t\"url\":\"https:\/\/kinsta.com\/pricing\/\",\n\t\t\t\"linkTarget\":\"_blank\",\n\t\t\t\"rel\":\"noreferrer noopener\"\n\t\t},\n\t\t\"Hero image\":{\n\t\t\t\"id\":268,\n\t\t\t\"alt\":\"\",\n\t\t\t\"url\":\"http:\/\/wordpress.kinsta.cloud\/wp-content\/uploads\/2024\/06\/homepage-featured-image.jpg\"\n\t\t}\n\t}\n} \/--&gt;<\/code><\/pre>\n<p>Hier siehst du keine Bl\u00f6cke, sondern nur einen Verweis auf das Blockmuster und eine Reihe von Eigenschaften f\u00fcr jeden Block, die als bearbeitbar eingestellt sind.<\/p>\n<p>Auch hier kannst du eine beliebige Anzahl von Blockmustern an beliebiger Stelle auf deiner Website einf\u00fcgen, und diese Muster entsprechen der gleichen Struktur und dem gleichen Design, das du im Site Editor erstellt hast.<\/p>\n<figure id=\"attachment_181351\" aria-describedby=\"caption-attachment-181351\" style=\"width: 2940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181351 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-overrides-in-site-editor.jpg\" alt=\"Musterstil und Struktur mit \u00dcberschreibungen im Site-Editor bearbeiten\" width=\"2940\" height=\"1912\"><figcaption id=\"caption-attachment-181351\" class=\"wp-caption-text\">Musterstil und Struktur mit \u00dcberschreibungen im Site-Editor bearbeiten<\/figcaption><\/figure>\n<p>Dann kannst du den Inhalt der bearbeitbaren Bl\u00f6cke einzeln \u00e4ndern, ohne die Struktur zu ver\u00e4ndern.<\/p>\n<figure id=\"attachment_181352\" aria-describedby=\"caption-attachment-181352\" style=\"width: 2238px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181352 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-overrides-in-front-end.jpg\" alt=\"Ein Muster mit \u00dcberschreibungen auf der Frontseite\" width=\"2238\" height=\"1612\"><figcaption id=\"caption-attachment-181352\" class=\"wp-caption-text\">Ein Muster mit \u00dcberschreibungen auf der Frontseite<\/figcaption><\/figure>\n<p>Da Pattern Overrides eine Implementierung der Block Bindings API sind, k\u00f6nnen wir nur unterst\u00fctzte Bl\u00f6cke au\u00dfer Kraft setzen: \u00dcberschrift, Absatz, Bild und Schaltfl\u00e4chen.<\/p>\n<figure id=\"attachment_181473\" aria-describedby=\"caption-attachment-181473\" style=\"width: 2470px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181473 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-image-override.jpg\" alt=\"Du kannst die Bildattribute URL, Alt und Title au\u00dfer Kraft setzen\" width=\"2470\" height=\"1200\"><figcaption id=\"caption-attachment-181473\" class=\"wp-caption-text\">Du kannst die Bildattribute URL, Alt und Title au\u00dfer Kraft setzen<\/figcaption><\/figure>\n<p>In <a href=\"https:\/\/wordpress.tv\/2024\/06\/11\/developer-hours-exploring-synced-pattern-overrides-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">diesem WordPress TV-Video<\/a> und <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/06\/18\/an-introduction-to-overrides-in-synced-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">diesem Blogbeitrag<\/a> von Nick Diego kannst du tiefer in die Muster\u00fcberschreibungen eintauchen.<\/p>\n<p>Pattern Overrides werden in Zukunft noch verbessert und erg\u00e4nzt. Die Diskussion wird auf GitHub <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/59819\" target=\"_blank\" rel=\"noopener noreferrer\">hier<\/a> und <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/discussions\/57937\" target=\"_blank\" rel=\"noopener noreferrer\">hier<\/a> fortgesetzt.<\/p>\n<h2>Benutzerdefinierte Feldwerte aus verbundenen Bl\u00f6cken bearbeiten<\/h2>\n<p>Mit WordPress 6.5 wurden benutzerdefinierte Felder als Datenquelle (<code>core\/post-meta<\/code>) f\u00fcr Blockattribute eingef\u00fchrt, so dass Benutzer benutzerdefinierte Feldwerte mit Bl\u00f6cken verbinden k\u00f6nnen. WordPress <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/28\/editing-custom-fields-from-connected-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">6.6 bringt neue Verbesserungen<\/a> f\u00fcr diese Funktion, z. B. die M\u00f6glichkeit, benutzerdefinierte Feldwerte <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/61753\" target=\"_blank\" rel=\"noopener noreferrer\">direkt im verbundenen Block<\/a> zu bearbeiten.<\/p>\n<p>Du kannst es selbst ausprobieren, indem du einen neuen Satz von benutzerdefinierten Feldern \u00fcber ein Plugin oder die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-functions-php\/\">Funktionsdatei<\/a> deines Themes registrierst und dabei sicherstellst, dass du <code>show_in_rest<\/code> auf <code>true<\/code> setzt, wenn du die Post-Meta registrierst. Hier ist ein Beispiel:<\/p>\n<pre><code class=\"language-php\">register_post_meta( \n\t'post', \n\t'book_title', \n\tarray(\n\t\t'show_in_rest' =&gt; true,\n\t\t'type' =&gt; 'string',\n\t\t'single' =&gt; true,\n\t\t'sanitize_callback' =&gt; 'sanitize_text_field'\n\t)\n);<\/code><\/pre>\n<p>Erstelle einen neuen Beitrag oder eine neue Seite und f\u00fcge ein neues benutzerdefiniertes Feld mit demselben Namen hinzu. F\u00fcge einen der unterst\u00fctzten Bl\u00f6cke (z. B. einen \u00dcberschriftenblock) zum Canvas hinzu, wechsle zum Code-Editor und \u00e4ndere den Block wie unten gezeigt:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:heading \n{\n\t\"metadata\":{\n\t\t\"bindings\":{\n\t\t\t\"content\":{\n\t\t\t\t\"source\":\"core\/post-meta\",\n\t\t\t\t\"args\":{\n\t\t\t\t\t\"key\":\"book_title\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n} --&gt;\n&lt;h2 class=\"wp-block-heading\"&gt;&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;<\/code><\/pre>\n<p>Speichere den Beitrag\/die Seite und \u00fcberpr\u00fcfe das Ergebnis. Jetzt kannst du den Inhalt der \u00dcberschrift direkt in dem Block bearbeiten. Der Wert des benutzerdefinierten Feldes sollte deine \u00c4nderungen widerspiegeln.<\/p>\n<figure id=\"attachment_181887\" aria-describedby=\"caption-attachment-181887\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181887 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-custom-fields.jpg\" alt=\"Ein benutzerdefiniertes Feld \u00fcber den verbundenen Block in WordPress 6.6 bearbeiten\" width=\"2154\" height=\"1370\"><figcaption id=\"caption-attachment-181887\" class=\"wp-caption-text\">Ein benutzerdefiniertes Feld \u00fcber den verbundenen Block in WordPress 6.6 bearbeiten<\/figcaption><\/figure>\n<p>Au\u00dferdem gibt es jetzt ein neues Panel, das Informationen \u00fcber die Blockattribute liefert, die mit benutzerdefinierten Feldern verbunden sind und die Blockattribute anzeigt, die mit benutzerdefinierten Feldern verkn\u00fcpft sind.<\/p>\n<figure id=\"attachment_181888\" aria-describedby=\"caption-attachment-181888\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181888 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-block-bindings.jpg\" alt=\"Bildattribute mit Blockbindungen in WordPress 6.6\" width=\"2154\" height=\"1330\"><figcaption id=\"caption-attachment-181888\" class=\"wp-caption-text\">Bildattribute mit Blockbindungen in WordPress 6.6<\/figcaption><\/figure>\n<p>Dieses Feature kommt mit einigen verwandten Funktionalit\u00e4ten:<\/p>\n<ul>\n<li>Du kannst benutzerdefinierte Feldwerte aus einer Abfrageschleife heraus aktualisieren.<\/li>\n<li>Wenn mehrere Bl\u00f6cke mit demselben benutzerdefinierten Feld verbunden sind, teilen sie sich denselben benutzerdefinierten Feldwert und \u00e4ndern sich synchron mit ihm.<\/li>\n<li>Benutzer k\u00f6nnen benutzerdefinierte Felder nur in Beitr\u00e4gen bearbeiten, f\u00fcr die sie berechtigt sind.<\/li>\n<\/ul>\n<p>Abschlie\u00dfende Anmerkung: Wie bereits erw\u00e4hnt, sind Bl\u00f6cke, die die Block Bindings API unterst\u00fctzen, immer noch auf Folgendes beschr\u00e4nkt:<\/p>\n<table>\n<tbody>\n<tr>\n<td><strong>Block<\/strong><\/td>\n<td><strong>Attribute<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Bild<\/td>\n<td><code>url<\/code>, <code>alt<\/code>, <code>title<\/code><\/td>\n<\/tr>\n<tr>\n<td>\u00dcberschrift<\/td>\n<td><code>content<\/code><\/td>\n<\/tr>\n<tr>\n<td>Absatz<\/td>\n<td><code>content<\/code><\/td>\n<\/tr>\n<tr>\n<td>Schaltfl\u00e4che<\/td>\n<td><code>url<\/code>,<code>text<\/code>, <code>linkTarget<\/code>, <code>rel<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Verbesserungen bei den Datenansichten<\/h2>\n<p>Data Views wurde mit <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#dataviews\">WordPress 6.5<\/a> eingef\u00fchrt und ist eine verbesserte Benutzeroberfl\u00e4che f\u00fcr Sammlungen von Vorlagen, Mustern, Beitr\u00e4gen, Medien und mehr. Die neue Oberfl\u00e4che spielt eine wichtige Rolle in Phase 3 der Entwicklungs-Roadmap &#8211; <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/24\/phase-3-collaboration\/\" target=\"_blank\" rel=\"noopener noreferrer\">Zusammenarbeit<\/a> &#8211; und daher k\u00f6nnen wir in zuk\u00fcnftigen WordPress-Releases <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/13\/data-views-update-june-2024\/\" target=\"_blank\" rel=\"noopener noreferrer\">weitere Verbesserungen<\/a> erwarten, &#8222;einschlie\u00dflich Workflow-Verbesserungen f\u00fcr die Zuweisung von Personen zur \u00dcberpr\u00fcfung von Beitr\u00e4gen oder die Erstellung benutzerdefinierter Ansichten zur Rationalisierung von Prozessen.&#8220; In WordPress 6.6 gibt es die neue Schnittstelle nur im Site-Editor, aber sie soll in zuk\u00fcnftigen Versionen auf weitere Verwaltungsbereiche ausgeweitet werden.<\/p>\n<p>WordPress 6.6 f\u00fchrt neue Layouts f\u00fcr die Verwaltungsseiten ein. Die Verwaltung der Vorlagenteile wurde entfernt und in den Bereich &#8222;Muster&#8220; integriert, w\u00e4hrend das Men\u00fc <strong>Muster<\/strong>\u00a0im Site-Editor in zwei Bereiche aufgeteilt wurde, wobei die Vorlagenteile oben und die Muster unten angeordnet sind.<\/p>\n<figure id=\"attachment_181482\" aria-describedby=\"caption-attachment-181482\" style=\"width: 2202px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181482 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-patterns-template-parts.jpg\" alt=\"Das neue Patterns-Men\u00fc in WordPress 6.6\" width=\"2202\" height=\"1446\"><figcaption id=\"caption-attachment-181482\" class=\"wp-caption-text\">Das neue Patterns-Men\u00fc in WordPress 6.6<\/figcaption><\/figure>\n<p>F\u00fcr Seiten gibt es ein neues Panel mit einer Liste von Seiten und der M\u00f6glichkeit, mit einem einzigen Klick eine Vorschau jeder Seite anzuzeigen.<\/p>\n<figure id=\"attachment_181483\" aria-describedby=\"caption-attachment-181483\" style=\"width: 2516px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181483 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-preview-pages.jpg\" alt=\"Seitenvorschau in WordPress 6.6\" width=\"2516\" height=\"1448\"><figcaption id=\"caption-attachment-181483\" class=\"wp-caption-text\">Seitenvorschau in WordPress 6.6<\/figcaption><\/figure>\n<p>Du wirst auch neue Layout-Optionen im Men\u00fc <strong>Ansichtsoptionen<\/strong> sehen. (Das Symbol in der oberen rechten Ecke.)<\/p>\n<figure id=\"attachment_181484\" aria-describedby=\"caption-attachment-181484\" style=\"width: 2204px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181484 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-65-view-options.jpg\" alt=\"Musteransicht mit Ansichtsoptionen in WordPress 6.5\" width=\"2204\" height=\"1442\"><figcaption id=\"caption-attachment-181484\" class=\"wp-caption-text\">Musteransicht mit Ansichtsoptionen in WordPress 6.5<\/figcaption><\/figure>\n<figure id=\"attachment_181485\" aria-describedby=\"caption-attachment-181485\" style=\"width: 2204px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181485 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-view-options.jpg\" alt=\"Musteransicht mit Ansichtsoptionen in WordPress 6.6\" width=\"2204\" height=\"1442\"><figcaption id=\"caption-attachment-181485\" class=\"wp-caption-text\">Musteransicht mit Ansichtsoptionen in WordPress 6.6<\/figcaption><\/figure>\n<p>Neben diesen umfangreicheren \u00c4nderungen gibt es bei den Datenansichten weitere kleinere Verbesserungen, die die Benutzeroberfl\u00e4che verbessern und sie funktionaler und informativer machen, wie z. B. eine neue Massenbearbeitungsfunktion und ein <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/61718\" target=\"_blank\" rel=\"noopener noreferrer\">Abzeichen<\/a> auf der Startseite oder der Beitragsseite.<\/p>\n<figure id=\"attachment_181846\" aria-describedby=\"caption-attachment-181846\" style=\"width: 2378px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181846 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-data-views-badge.jpg\" alt=\"Ein Abzeichen, das die Startseite in WordPress 6.6 anzeigt\" width=\"2378\" height=\"900\"><figcaption id=\"caption-attachment-181846\" class=\"wp-caption-text\">Ein Abzeichen, das die Startseite in WordPress 6.6 anzeigt<\/figcaption><\/figure>\n<p>WordPress 6.6 bringt Data Views einen Schritt weiter, aber wir befinden uns noch in einem fr\u00fchen Stadium. In Zukunft werden wir eine Erweiterungs-API einf\u00fchren, die es Entwicklern erm\u00f6glicht, direkt auf Views zu reagieren. Einen tieferen Einblick in die Zukunft von Data Views findest du im <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/13\/data-views-update-june-2024\/\" target=\"_blank\" rel=\"noopener noreferrer\">Data Views Update &#8211; Juni 2024<\/a> von Anne McCarthy.<\/p>\n<h2>Weitere Verbesserungen im Block-Editor<\/h2>\n<p>WordPress 6.6 bringt 8 Gutenberg-Versionen in den Kern &#8211; von 17.8 bis 18.5 &#8211; mit vielen Verbesserungen an der Oberfl\u00e4che, der React-Bibliothek, der Block-API und vielem mehr. Hier sind nur ein paar davon:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Ein neuer Ver\u00f6ffentlichungsfluss<\/h3>\n<p>Mit der Version 6.6 wurde die Seitenleiste f\u00fcr die Beitrags- und Seiteneinstellungen aufger\u00e4umt, \u00fcbersichtlicher und einheitlicher gestaltet. Mit dieser Iteration macht der <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/editor-unified-extensibility-apis-in-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vereinheitlichungsprozess zwischen dem Beitrags- und dem Seiteneditor<\/a> einen Schritt nach vorne, und beide Editoren haben jetzt <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/08\/whats-new-in-gutenberg-18-3-8-may\/#add-publish-flow-in-site-editor\" target=\"_blank\" rel=\"noopener noreferrer\">denselben Ver\u00f6ffentlichungsfluss<\/a>.<\/p>\n<figure id=\"attachment_181543\" aria-describedby=\"caption-attachment-181543\" style=\"width: 1300px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181543 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-page-settings-sidebar.jpg\" alt=\"Seiteneinstellungen-Seitenleiste in WordPress 6.5 vs. 6.6\" width=\"1300\" height=\"1350\"><figcaption id=\"caption-attachment-181543\" class=\"wp-caption-text\">Seiteneinstellungen-Seitenleiste in WordPress 6.5 vs. 6.6<\/figcaption><\/figure>\n<p>Das Ver\u00f6ffentlichungserlebnis wurde vereinheitlicht, und eine neue <strong>Status- und Sichtbarkeitsleiste<\/strong> erm\u00f6glicht es dir, den Status des Beitrags\/der Seite an einer bequemeren Stelle einzustellen.<\/p>\n<figure id=\"attachment_181544\" aria-describedby=\"caption-attachment-181544\" style=\"width: 1260px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181544 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-status-visibility.png\" alt=\"Status- &#038; Sichtbarkeitseinstellungen in WordPress 6.6\" width=\"1260\" height=\"1238\"><figcaption id=\"caption-attachment-181544\" class=\"wp-caption-text\">Status- &#038; Sichtbarkeitseinstellungen in WordPress 6.6<\/figcaption><\/figure>\n<p>Weitere \u00c4nderungen betreffen die Steuerelemente f\u00fcr das Featured Image und den Excerpt, die an den oberen Rand der Seitenleiste verschoben wurden, sowie das verbesserte Aktionsmen\u00fc in der rechten oberen Ecke.<\/p>\n<figure id=\"attachment_181847\" aria-describedby=\"caption-attachment-181847\" style=\"width: 1266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181847 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-featured-image-excerpt.jpg\" alt=\"Steuerelemente f\u00fcr das ausgew\u00e4hlte Bild und den Auszug im Post-Editor\" width=\"1266\" height=\"1010\"><figcaption id=\"caption-attachment-181847\" class=\"wp-caption-text\">Steuerelemente f\u00fcr das ausgew\u00e4hlte Bild und den Auszug im Post-Editor<\/figcaption><\/figure>\n<h3>Alle Bl\u00f6cke anzeigen<\/h3>\n<p>Wenn du in fr\u00fcheren WordPress-Versionen einen Block ausgew\u00e4hlt hast, zeigte der Block-Inserter nur den Block an, den du zu dem ausgew\u00e4hlten Block hinzuf\u00fcgen konntest. Wenn du zum Beispiel eine Spalte ausgew\u00e4hlt hast, konntest du im Block-Inserter nur den Spaltenblock sehen, weil du nur eine Spalte hinzuf\u00fcgen konntest.<\/p>\n<figure id=\"attachment_181539\" aria-describedby=\"caption-attachment-181539\" style=\"width: 2162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181539\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-65-block-inserter.jpg\" alt=\"The block inserter in WordPress 6.5\" width=\"2162\" height=\"1460\"><figcaption id=\"caption-attachment-181539\" class=\"wp-caption-text\">Wenn du in WordPress 6.5 einen Column-Block ausw\u00e4hlst, zeigt der Block-Inserter nur einen Column-Block an<\/figcaption><\/figure>\n<p>Ab WordPress 6.6 zeigt der Block-Inserter zwei Gruppen von Bl\u00f6cken an: Bl\u00f6cke, die du in den ausgew\u00e4hlten Block einf\u00fcgen kannst, und Bl\u00f6cke, die du unterhalb des ausgew\u00e4hlten Blocks einf\u00fcgen kannst.<\/p>\n<figure id=\"attachment_181540\" aria-describedby=\"caption-attachment-181540\" style=\"width: 2156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181540\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-block-inserter.jpg\" alt=\"The block inserter in WordPress 6.6\" width=\"2156\" height=\"1338\"><figcaption id=\"caption-attachment-181540\" class=\"wp-caption-text\">Wenn du in WordPress 6.6 einen Spaltenblock ausw\u00e4hlst, zeigt der Block-Inserter zwei Gruppen von Bl\u00f6cken an<\/figcaption><\/figure>\n<h3>Ein Tastaturk\u00fcrzel zum Gruppieren von Bl\u00f6cken<\/h3>\n<p>Jetzt kannst du eine Auswahl von Bl\u00f6cken mit <code>\u2318 + G<\/code> unter MacOS oder <code>Ctrl + G<\/code> unter Windows <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#group-blocks-shortcut\" target=\"_blank\" rel=\"noopener noreferrer\">gruppieren<\/a>.<\/p>\n<h2>Blockmuster in klassischen Themes<\/h2>\n<p>Seit WordPress 6.6 unterst\u00fctzen klassische Themes die gleiche Musterschnittstelle wie Block-Themes. Wenn du also klassische Themes auf deiner WordPress-Website verwendest, genie\u00dft du dieselbe umfassende Erfahrung bei der Verwaltung von Mustern wie bei Blockthemen.<\/p>\n<p>Die folgenden Bilder zeigen einen Vergleich zwischen dem Muster-Bildschirm in WordPress 6.5 und dem Muster-Verwaltungsbereich in WordPress 6.6.<\/p>\n<figure id=\"attachment_181842\" aria-describedby=\"caption-attachment-181842\" style=\"width: 2156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181842\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-65-patterns-screen.jpg\" alt=\"Patterns screen in WordPress 6.5 with the Twenty Twenty-One classic theme\" width=\"2156\" height=\"868\"><figcaption id=\"caption-attachment-181842\" class=\"wp-caption-text\">Patterns-Bildschirm in WordPress 6.5 mit dem klassischen Theme Twenty Twenty-One<\/figcaption><\/figure>\n<figure id=\"attachment_181845\" aria-describedby=\"caption-attachment-181845\" style=\"width: 2148px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181845 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-patters-admin.jpg\" alt=\"Musterverwaltung in WordPress 6.6 mit dem klassischen Twenty Twenty-One Theme\" width=\"2148\" height=\"1434\"><figcaption id=\"caption-attachment-181845\" class=\"wp-caption-text\">Musterverwaltung in WordPress 6.6 mit dem klassischen Twenty Twenty-One Theme<\/figcaption><\/figure>\n<p>Du kannst jetzt Muster bearbeiten, duplizieren, umbenennen, als JSON exportieren und l\u00f6schen, wie du es von Blockthemen gewohnt bist.<\/p>\n<figure id=\"attachment_181844\" aria-describedby=\"caption-attachment-181844\" style=\"width: 2148px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181844 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-actions.jpg\" alt=\"Pattern-Aktionen in WordPress 6.6 mit dem klassischen Twenty Twenty-One Theme\" width=\"2148\" height=\"1440\"><figcaption id=\"caption-attachment-181844\" class=\"wp-caption-text\">Pattern-Aktionen in WordPress 6.6 mit dem klassischen Twenty Twenty-One Theme<\/figcaption><\/figure>\n<p>Du kannst Massen-Aktionen durchf\u00fchren, indem du Muster einzeln ausw\u00e4hlst oder auf die Schaltfl\u00e4che <strong>Massen bearbeiten<\/strong> klickst. Sortier- und Filterfunktionen sind ebenfalls verf\u00fcgbar.<\/p>\n<figure id=\"attachment_181843\" aria-describedby=\"caption-attachment-181843\" style=\"width: 2150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181843 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pasttern-bulk-edit.jpg\" alt=\"Massen-Aktionen f\u00fcr Muster in WordPress 6.6 mit dem klassischen Twenty Twenty-One Theme\" width=\"2150\" height=\"1442\"><figcaption id=\"caption-attachment-181843\" class=\"wp-caption-text\">Massen-Aktionen f\u00fcr Muster in WordPress 6.6 mit dem klassischen Twenty Twenty-One Theme<\/figcaption><\/figure>\n<p>Du kannst auch Muster erstellen, wie du sie in Block-Themes erstellst. Klicke auf die Schaltfl\u00e4che <strong>Neues Muster hinzuf\u00fcgen<\/strong> in der oberen rechten Ecke und du wirst aufgefordert, das Formular mit den Musterdetails auszuf\u00fcllen.<\/p>\n<figure id=\"attachment_181849\" aria-describedby=\"caption-attachment-181849\" style=\"width: 2150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181849 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-add-new-pattern-classic-themes.jpg\" alt=\"Ein neues Muster mit einem klassischen Theme in WordPress 6.6 hinzuf\u00fcgen\" width=\"2150\" height=\"1436\"><figcaption id=\"caption-attachment-181849\" class=\"wp-caption-text\">Ein neues Muster mit einem klassischen Theme in WordPress 6.6 hinzuf\u00fcgen<\/figcaption><\/figure>\n<p>Dann kannst du dein Muster wie gewohnt im Site-Editor erstellen oder bearbeiten.<\/p>\n<figure id=\"attachment_181850\" aria-describedby=\"caption-attachment-181850\" style=\"width: 2158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181850 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-edit-pattern-classic-themes.jpg\" alt=\"Bearbeiten eines Musters im Site-Editor mit einem Classic-Theme in WordPress 6.6\" width=\"2158\" height=\"1112\"><figcaption id=\"caption-attachment-181850\" class=\"wp-caption-text\">Bearbeiten eines Musters im Site-Editor mit einem Classic-Theme in WordPress 6.6<\/figcaption><\/figure>\n<p>Dieses Update gibt Nutzern von klassischen Themes mehr Macht, schaltet neue Funktionen frei und macht die Bearbeitung von klassischen und Block-Themes einheitlicher.<\/p>\n<h2>Neue Tools und Funktionen f\u00fcr Designer und Theme-Entwickler<\/h2>\n<p>WordPress 6.6 bringt so viele leistungsstarke Funktionen und Verbesserungen f\u00fcr Designer\/innen und Theme-Entwickler\/innen mit sich, und wir freuen uns, die, die uns am besten gefallen haben, hier zu teilen. Designerinnen und Designer haben mehr M\u00f6glichkeiten, ihre Websites zu gestalten, dank Abschnittsstilen, seitenweiten Hintergrundbildern, einem brandneuen Schatten-Editor und einer Grid-Layout-Variante. Und weitere Tools bieten den Themenautoren noch mehr Flexibilit\u00e4t. Lass uns eintauchen.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Theme.json v.3<\/h3>\n<p>WordPress 6.6 bringt auch eine neue <strong>theme.json<\/strong> Version, jetzt Version 3 ist. Die neue Version \u00e4ndert die Art und Weise, wie vordefinierte Eigenschaften au\u00dfer Kraft gesetzt werden k\u00f6nnen. Um die Standardwerte von <code>fontSizes<\/code> oder <code>spacingSizes<\/code> zu \u00e4ndern, musst du jetzt <code>defaultFontSizes<\/code> oder <code>defaultSpacingSizes<\/code> auf <code>false<\/code> unter <code>settings.typography<\/code> oder <code>settings.spacing<\/code> setzen.<\/p>\n<p>Um es noch einmal zusammenzufassen:<\/p>\n<ul>\n<li>Wenn <code>defaultFontSizes<\/code> oder <code>defaultSpacingSizes<\/code> auf <code>true<\/code> gesetzt ist, werden die Standard-Schriftgr\u00f6\u00dfen und -Zwischenr\u00e4ume im Editor angezeigt, und Themes k\u00f6nnen keine Voreinstellungen mit den Standard-Slugs erstellen. <code>defaultFontSizes<\/code> ist standardm\u00e4\u00dfig auf <code>true<\/code> gesetzt.<\/li>\n<li>Wenn <code>defaultFontSizes<\/code> oder <code>defaultSpacingSizes<\/code> auf <code>false<\/code> eingestellt ist, werden die Standard-Schriftgr\u00f6\u00dfen und -Zwischenr\u00e4ume im Editor nicht angezeigt und Themes k\u00f6nnen die Standard-Slugs verwenden.<\/li>\n<\/ul>\n<p>In der Dev Note findest du eine ausf\u00fchrlichere \u00dcbersicht \u00fcber die <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/19\/theme-json-version-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">Theme.json Version 3<\/a>.<\/p>\n<h3>CSS-Spezifit\u00e4t in WordPress 6.6<\/h3>\n<p>Mit WordPress 6.6 \u00e4ndert sich die CSS-Spezifit\u00e4t und es ist jetzt einfacher, Core-Styles zu \u00fcberschreiben, w\u00e4hrend die Unterst\u00fctzung f\u00fcr globale Styles erhalten bleibt.<\/p>\n<p>Bis 6.6 war es oft schwierig, Core Styles zu \u00fcberschreiben, und Theme-Entwickler mussten komplexe CSS-Regeln ausarbeiten, um die gew\u00fcnschten Ergebnisse zu erzielen. Mit 6.6 wurden die Core Block Styles und Global Styles (<strong>theme.json<\/strong>) ge\u00e4ndert, indem der bestehende Selektor in <code>:root :where(...)<\/code> eingeschoben wurde, um die Spezifit\u00e4t der Core Styles auf <code>0-1-0<\/code> zu reduzieren und sie einheitlich zu gestalten, damit auch die neuen Section Styles unterst\u00fctzt werden.<\/p>\n<p>So wurde zum Beispiel <code>.wp-block-image.is-style-rounded img<\/code> in <code>:root :where(.wp-block-image.is-style-rounded img)<\/code> ge\u00e4ndert.<\/p>\n<p>Blockentwickler, die sich f\u00fcr globale Stile entscheiden, werden aufgefordert, die gleichen \u00c4nderungen an ihren Stilen vorzunehmen, damit sie auf vorhersehbare Weise \u00fcber die Schnittstelle f\u00fcr Stile angepasst werden k\u00f6nnen. Wenn du also einen benutzerdefinierten Block mit dem folgenden Stil hast:<\/p>\n<pre><code class=\"language-css\">.wp-block-custom-block {\n\tpadding: 0;\n}<\/code><\/pre>\n<p>Du solltest ihn in <code>:root :where()<\/code> einschieben:<\/p>\n<pre><code class=\"language-css\">:root :where(.wp-block-custom-block) {\n\tpadding: 0;\n}<\/code><\/pre>\n<p>So k\u00f6nnen die Benutzer die Blockauff\u00fcllung \u00fcber die Schnittstelle f\u00fcr globale Stile au\u00dfer Kraft setzen.<\/p>\n<p>Theme-Entwickler sollten das Gleiche tun, damit die Blockstile \u00fcber die Schnittstelle f\u00fcr globale Stile konfiguriert werden k\u00f6nnen.<\/p>\n<p>In der <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/21\/wordpress-6-6-css-specificity\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dev Note<\/a> findest du einen ausf\u00fchrlicheren \u00dcberblick \u00fcber die CSS-Spezifikationen in WordPress 6.6.<\/p>\n<h3>Abschnittsstile<\/h3>\n<p>Mit WordPress 6.6 kannst du <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\">einzelne Abschnitte eines Beitrags\/einer Seite stylen<\/a>, ohne die gleichen Stile auf mehrere Bl\u00f6cke nacheinander anwenden zu m\u00fcssen. Das hei\u00dft, du kannst mehrere Bl\u00f6cke und Unterbl\u00f6cke ausw\u00e4hlen und <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57908\" target=\"_blank\" rel=\"noopener noreferrer\">der gesamten Auswahl eine Stilvariation zuweisen<\/a>.<\/p>\n<p>Dies ist dank der Erweiterung der Blockstilvariationen m\u00f6glich, die jetzt auch das Styling von inneren Bl\u00f6cken und Elementen unterst\u00fctzen und die <a href=\"#css-specificity-in-wordpress-66\" target=\"_blank\" rel=\"noopener noreferrer\">reduzierte Styling-Spezifizit\u00e4t<\/a> f\u00fcr globale Stile ausnutzen.<\/p>\n<p>Blockstilvariationen k\u00f6nnen nur dann \u00fcber Globale Stile definiert und manipuliert werden, wenn du sie mit einer der folgenden Methoden registriert hast:<\/p>\n<ul>\n<li>Mit Hilfe von <strong>theme.json-Partials<\/strong> im Verzeichnis <strong>\/styles<\/strong> des Themes<\/li>\n<li>Verwendung der Funktion <code>register_block_style<\/code><\/li>\n<li>Definiere Blockstilvariationen unter <code>styles.blocks.variations<\/code> in deiner <strong>theme.json<\/strong><\/li>\n<\/ul>\n<p>Lass uns eintauchen.<\/p>\n<h4>Blockstil-Variationen mit theme.json-Partials definieren<\/h4>\n<p>Wie die Style-Variationen eines Themes k\u00f6nnen auch die Block-Style-Variationen ihre eigene <strong>theme.json-Datei<\/strong> im Verzeichnis <strong>\/styles<\/strong> deines Themes haben.<\/p>\n<p>Der Unterschied zwischen den beiden Arten von Variationen besteht darin, dass Blockstilvariationen eine neue Top-Level-Eigenschaft <code>blockTypes<\/code> haben, die ein nicht leeres Array von Blocktypen ist, die die Blockstilvariation unterst\u00fctzen. Au\u00dferdem wurde eine neue Eigenschaft <code>slug<\/code> hinzugef\u00fcgt, &#8222;um Konsistenz zwischen den verschiedenen Quellen zu schaffen, die Blockstilvariationen definieren k\u00f6nnen, und um den Slug von der \u00fcbersetzbaren Eigenschaft <code>title<\/code> zu entkoppeln.&#8220;<\/p>\n<p>Die <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dev Note<\/a> enth\u00e4lt das folgende Beispiel f\u00fcr eine <strong>theme.json<\/strong> Teildatei:<\/p>\n<pre><code class=\"language-json\">{\n\t\"$schema\": \"https:\/\/schemas.wp.org\/trunk\/theme.json\",\n\t\"version\": 3,\n\t\"title\": \"Variation A\",\n\t\"slug\": \"variation-a\",\n\t\"blockTypes\": [ \"core\/group\", \"core\/columns\", \"core\/media-text\" ],\n\t\"styles\": {\n\t\t\"color\": {\n\t\t\t\"background\": \"#eed8d3\",\n\t\t\t\"text\": \"#201819\"\n\t\t},\n\t\t\"elements\": {\n\t\t\t\"heading\": {\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"text\": \"#201819\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"blocks\": {\n\t\t\t\"core\/group\": {\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"background\": \"#825f58\",\n\t\t\t\t\t\"text\": \"#eed8d3\"\n\t\t\t\t},\n\t\t\t\t\"elements\": {\n\t\t\t\t\t\"heading\": {\n\t\t\t\t\t\t\"color\": {\n\t\t\t\t\t\t\t\"text\": \"#eed8d3\"\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<h4>Programmatische Definition von Blockstilvariationen \u00fcber register_block_style<\/h4>\n<p>Die Funktion <code>register_block_style<\/code> bietet eine zweite M\u00f6glichkeit, Blockstilvariationen zu registrieren. Du kannst sie auf diese Weise in der <strong>functions.php<\/strong> deines Themes verwenden:<\/p>\n<pre><code class=\"language-php\">register_block_style(\n\tarray( 'core\/group', 'core\/columns' ),\n\tarray(\n\t\t'name'\t\t\t=&gt; 'light',\n\t\t'label'\t\t\t=&gt; __( 'Light' ),\n\t\t'style_data'\t=&gt; array(\n\t\t\t'color'\t\t=&gt; array(\n\t\t\t\t'background'\t=&gt; '#973C20',\n\t\t\t\t'text'\t\t\t=&gt; '#d2e3c8',\n\t\t\t),\n\t\t\t'blocks'   =&gt; array(\n\t\t\t\t'core\/group'\t=&gt; array(\n\t\t\t\t\t'color'\t\t=&gt; array(\n\t\t\t\t\t\t'background'\t=&gt; '#739072',\n\t\t\t\t\t\t'text'\t\t\t=&gt; '#e3eedd',\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t),\n\t\t\t'elements' =&gt; array(\n\t\t\t\t'link'   =&gt; array(\n\t\t\t\t\t'color'  =&gt; array(\n\t\t\t\t\t\t'text' =&gt; '#ead196',\n\t\t\t\t\t),\n\t\t\t\t\t':hover' =&gt; array(\n\t\t\t\t\t\t'color' =&gt; array(\n\t\t\t\t\t\t\t'text' =&gt; '#ebd9b4',\n\t\t\t\t\t\t),\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t),\n\t\t),\n\t)\n);<\/code><\/pre>\n<p>Wenn du jetzt einen Gruppen- oder Spaltenblock ausw\u00e4hlst, wird im Styles-Panel der Block-Seitenleiste eine Schaltfl\u00e4che f\u00fcr den registrierten Abschnittsstil angezeigt.<\/p>\n<figure id=\"attachment_181649\" aria-describedby=\"caption-attachment-181649\" style=\"width: 2088px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181649 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-section-style-variations.jpg\" alt=\"Eine Abschnittsstilvariation in WordPress 6.6\" width=\"2088\" height=\"1306\"><figcaption id=\"caption-attachment-181649\" class=\"wp-caption-text\">Eine Abschnittsstilvariation in WordPress 6.6<\/figcaption><\/figure>\n<p>Einen tieferen \u00dcberblick und weitere Beispiele f\u00fcr Abschnittsstilvariationen findest du in <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/06\/21\/styling-sections-nested-elements-and-more-with-block-style-variations-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Styling von Abschnitten, verschachtelten Elementen und mehr mit Blockstilvariationen in WordPress 6.6<\/a>\u00a0von Justin Tadlock, in der <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dev Note<\/a> von Aaron Robertshaw und in <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57908\" target=\"_blank\" rel=\"noopener noreferrer\">Blockstile: Erweitern der Blockstilvariationen Pull Request<\/a>.<\/p>\n<h4>Blockstilvariationen mit Theme-Stilvariationen definieren<\/h4>\n<p>Obwohl es derzeit m\u00f6glich ist, die Eigenschaft <strong>theme.json<\/strong> <code>styles.variations<\/code> zu verwenden, ist diese Methode nur vor\u00fcbergehend verf\u00fcgbar und sollte bald veraltet sein. Eine detailliertere Beschreibung findest du in <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/#via-theme-style-variations-not-recommended\">diesem Abschnitt<\/a> der Dev Note.<\/p>\n<h3>Voreinstellungen f\u00fcr Farbe und Typografie<\/h3>\n<p>Du kannst jetzt die Farbpalette und die Schriftfamilien deines Themes \u00fcber die Schnittstelle f\u00fcr globale Stile \u00e4ndern, indem du <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56622\" target=\"_blank\" rel=\"noopener noreferrer\">eine der verf\u00fcgbaren Voreinstellungen ausw\u00e4hlst<\/a>.<\/p>\n<p>Wenn dein aktuelles Theme Farb- und Typografievorgaben unterst\u00fctzt, werden sie unter <strong>Farben<\/strong> und <strong>Typografieeinstellungen<\/strong> in den Globalen Stilen angezeigt.<\/p>\n<p>Die folgenden Bilder zeigen zwei Farbpaletten, die von Twenty Twenty-Four bereitgestellt werden.<\/p>\n<figure id=\"attachment_181896\" aria-describedby=\"caption-attachment-181896\" style=\"width: 1916px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181896 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-ttf-color-palette-light.jpg\" alt=\"Helle Farbpalette in Twenty Twenty-Four\" width=\"1916\" height=\"1400\"><figcaption id=\"caption-attachment-181896\" class=\"wp-caption-text\">Helle Farbpalette in Twenty Twenty-Four<\/figcaption><\/figure>\n<figure id=\"attachment_181895\" aria-describedby=\"caption-attachment-181895\" style=\"width: 1916px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181895 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-ttf-color-palette-dark.jpg\" alt=\"Dunkle Farbpalette in Twenty Twenty-Four\" width=\"1916\" height=\"1402\"><figcaption id=\"caption-attachment-181895\" class=\"wp-caption-text\">Dunkle Farbpalette in Twenty Twenty-Four<\/figcaption><\/figure>\n<p>Um diese Funktion zu deinen Themes hinzuzuf\u00fcgen, musst du Stilvariationen erstellen, die nur Farben und Typografie enthalten. Die so definierten Stile werden extrahiert und f\u00fcr die Erstellung von Voreinstellungen verwendet.<\/p>\n<p>Zu dieser Funktion siehe auch <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/09\/core-editor-improvement-upgrade-your-designs\/\" target=\"_blank\" rel=\"noopener noreferrer\">Core Editor Optimierung: Aktualisiere deine Designs<\/a> und <a href=\"https:\/\/nomad.blog\/2024\/06\/26\/wordpress-6-6-source-of-truth\/#create-individual-typography-and-color-variations-to-level-up-design-options-theme-author-end-user\" target=\"_blank\" rel=\"noopener noreferrer\">Erstelle individuelle Typografie- und Farbvariationen&#8230;<\/a><\/p>\n<h3>Seitenweite Hintergrundbilder<\/h3>\n<p>Ab WordPress 6.6 kannst du <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/20\/site-wide-background-images-in-wordpress-6-6\/\">seitenweite Hintergrundbilder in der <em>theme.json<\/em> und im Site Editor definieren<\/a>.<\/p>\n<p>Ein seitenweites Bild ist der Wert einer <code>background-image<\/code> Eigenschaft, die auf dem body-Element auf der Site-Ebene festgelegt wird und auf jeder Website-Website erscheint.<\/p>\n<p>In der <code>theme.json<\/code> kannst du unter der Eigenschaft <code>styles.background<\/code> die <code>backgroundImage.url<\/code> verwenden, um ein seitenweites Hintergrundbild zu definieren:<\/p>\n<pre><code class=\"language-json\">{\n\t\"styles\": {\n\t\t\"background\": {\n\t\t\t\"backgroundImage\": {\n\t\t\t\t\"url\": \"https:\/\/example.com\/bg.png\"\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Im obigen Beispiel haben wir einen absoluten Pfad zum Bild festgelegt, aber du kannst auch Hintergrundbilder mit Pfaden relativ zum Stammverzeichnis des Themes auf diese Weise definieren.<\/p>\n<pre><code class=\"language-json\">{\n\t\"styles\": {\n\t\t\"background\": {\n\t\t\t\"backgroundImage\": {\n\t\t\t\t\"url\": \"file:.\/assets\/bg.png\"\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Dann kannst du die folgenden Bildrequisiten verwenden:<\/p>\n<ul>\n<li><code>backgroundPosition<\/code><\/li>\n<li><code>backgroundSize<\/code><\/li>\n<li><code>backgroundRepeat<\/code><\/li>\n<\/ul>\n<p>Wenn du kein Theme-Entwickler bist, kannst du seitenweite Hintergrundbilder \u00fcber das Styles-Panel des Site-Editors verwenden. In WordPress 6.6 findest du die entsprechenden Steuerelemente unter <strong>Stile &gt; Layout<\/strong>.<\/p>\n<figure id=\"attachment_181553\" aria-describedby=\"caption-attachment-181553\" style=\"width: 1150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181553 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-background-image.jpg\" alt=\"Das Panel Hintergrundbild in den Stileinstellungen\" width=\"1150\" height=\"912\"><figcaption id=\"caption-attachment-181553\" class=\"wp-caption-text\">Das Panel Hintergrundbild in den Stileinstellungen<\/figcaption><\/figure>\n<p>Dies ist die erste Iteration f\u00fcr Hintergrundbilder. Wie es funktioniert, welche Einschr\u00e4nkungen es gibt und was als N\u00e4chstes kommt, erf\u00e4hrst du in der Dev Note <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/20\/site-wide-background-images-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Hintergrundbilder f\u00fcr die gesamte Website in WordPress 6.6<\/a>.<\/p>\n<h3>Grid-Layout-Variante<\/h3>\n<p>Eine neue Layoutvariante des Gruppenblocks erm\u00f6glicht es dir, <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#visualize-grid-layouts\" target=\"_blank\" rel=\"noopener noreferrer\">Elemente innerhalb einer Gruppe als Raster darzustellen<\/a>.<\/p>\n<p>Du kannst <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/61640\" target=\"_blank\" rel=\"noopener noreferrer\">es ausprobieren<\/a>, indem du <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/59853\">einen Gruppenblock zur Arbeitsfl\u00e4che des Editors hinzuf\u00fcgst<\/a> und das Rasterlayout in den Blockeinstellungen ausw\u00e4hlst.<\/p>\n<figure id=\"attachment_181584\" aria-describedby=\"caption-attachment-181584\" style=\"width: 1938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181584 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-grid-layout.jpg\" alt=\"Grid-Layout\" width=\"1938\" height=\"1304\"><figcaption id=\"caption-attachment-181584\" class=\"wp-caption-text\">Das Grid-Layout in WordPress 6.6<\/figcaption><\/figure>\n<p>Das Grid-Layout gibt es in <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/grid-layout-type\/\" target=\"_blank\" rel=\"noopener noreferrer\">zwei Varianten<\/a>:<\/p>\n<ul>\n<li><strong>Auto<\/strong> erzeugt die Rasterzeilen und -spalten automatisch<\/li>\n<li><strong>Manuell<\/strong> erm\u00f6glicht es dir, die Anzahl der Spalten festzulegen, die du dem Grid hinzuf\u00fcgen m\u00f6chtest<\/li>\n<\/ul>\n<p>F\u00fcge Inhalte zu den Gitterelementen hinzu und \u00e4ndere ihre Gr\u00f6\u00dfe mithilfe der Griffe. Du kannst auch die <strong>Mindestspalte mit<\/strong> oder die Anzahl der Spalten anpassen, je nachdem, welche Art von Raster du ausgew\u00e4hlt hast.<\/p>\n<h3>Negative R\u00e4nder<\/h3>\n<p>Du kannst jetzt <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60347\" target=\"_blank\" rel=\"noopener noreferrer\">negative R\u00e4nder<\/a> f\u00fcr alle Bl\u00f6cke festlegen, die Randsteuerungen unterst\u00fctzen. Vor WordPress 6.6 war diese Funktion nur in der <strong>theme.json<\/strong> verf\u00fcgbar, w\u00e4hrend es jetzt einfach ist, negative R\u00e4nder auf Elemente anzuwenden, um \u00dcberlappungseffekte zu erzeugen.<\/p>\n<p>Beachte, dass du ab WordPress 6.6 den negativen Wert manuell hinzuf\u00fcgen musst, wie in der folgenden Abbildung gezeigt.<\/p>\n<figure id=\"attachment_181902\" aria-describedby=\"caption-attachment-181902\" style=\"width: 2250px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181902 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-negative-margins.jpg\" alt=\"Einstellen negativer R\u00e4nder f\u00fcr einen Buttons-Block in WordPress 6.6\" width=\"2250\" height=\"1106\"><figcaption id=\"caption-attachment-181902\" class=\"wp-caption-text\">Einstellen negativer R\u00e4nder f\u00fcr einen Buttons-Block in WordPress 6.6<\/figcaption><\/figure>\n<h3>Benutzerdefinierte Schatten<\/h3>\n<p>In WordPress 6.6 kannst du <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/09\/what-is-new-in-gutenberg-18-5-05-jun\/#custom-shadows\" target=\"_blank\" rel=\"noopener noreferrer\">benutzerdefinierte Schatten<\/a> in der Schnittstelle f\u00fcr globale Stile erstellen und bearbeiten. Um <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60706\" target=\"_blank\" rel=\"noopener noreferrer\">deine benutzerdefinierten Schatten zu erstellen<\/a>, navigiere zum Site-Editor und w\u00e4hle <strong>Schatten<\/strong> aus dem Men\u00fc Globale Stile. Hier findest du das Feld <strong>Benutzerdefiniert<\/strong>. Wenn du auf die Schaltfl\u00e4che <code>+<\/code> klickst, erh\u00e4ltst du \u00fcber ein neues Element Zugriff auf eine Reihe von Steuerelementen, mit denen du deinen Schatten anpassen oder ihn umbenennen\/l\u00f6schen kannst.<\/p>\n<figure id=\"attachment_181768\" aria-describedby=\"caption-attachment-181768\" style=\"width: 1642px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181768 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-shadown-controls.jpg\" alt=\"Schatten-Steuerungen in WordPress 6.6\" width=\"1642\" height=\"1610\"><figcaption id=\"caption-attachment-181768\" class=\"wp-caption-text\">Schatten-Steuerungen in WordPress 6.6<\/figcaption><\/figure>\n<h3>Benutzerdefinierte Voreinstellungen f\u00fcr das Seitenverh\u00e4ltnis<\/h3>\n<p>Theme-Entwickler k\u00f6nnen jetzt <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#define-custom-aspect-ratio\" target=\"_blank\" rel=\"noopener noreferrer\">benutzerdefinierte Voreinstellungen f\u00fcr das Seitenverh\u00e4ltnis<\/a> definieren, indem sie die Option <code>settings.dimensions.aspectRatios<\/code> in der <strong>theme.json<\/strong> setzen.<\/p>\n<h2>Zus\u00e4tzliche \u00c4nderungen f\u00fcr Entwickler<\/h2>\n<p>Die \u00c4nderungen f\u00fcr Entwickler sind jedoch nicht auf Themes beschr\u00e4nkt. Weitere Erg\u00e4nzungen und Verbesserungen betreffen die React-Bibliothek und verschiedene APIs.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Optionen-API: Deaktivierung von Autoload f\u00fcr gro\u00dfe Optionen<\/h3>\n<p>Vor WordPress 6.6 wurde eine gro\u00dfe Anzahl von Optionen bei jedem Laden der Seite automatisch geladen. Um dieses Standardverhalten zu verhindern, mussten Entwickler entweder <code>\"yes\"<\/code>\/<code>true<\/code> oder <code>\"no\"<\/code>\/<code>false<\/code> an den dritten Parameter der Funktionen <code>add_option()<\/code> oder <code>update_option()<\/code> \u00fcbergeben. Da dieser Parameter jedoch optional war und der Standardwert <code>\"yes\"<\/code> lautete, wurden bei jedem Seitenaufruf gro\u00dfe Mengen an unn\u00f6tigen Daten geladen, was sich negativ auf die Leistung der Website auswirkte.<\/p>\n<p>Um dieses Verhalten zu verhindern, f\u00fchrt WordPress 6.6 einige \u00c4nderungen an der Optionen-API ein:<\/p>\n<p>Damit WordPress bestimmen kann, ob eine Option auf der aktuellen Seite geladen werden soll, wurde der Standardwert f\u00fcr den Parameter <code>$autoload<\/code> von <code>add_option()<\/code> und <code>update_option()<\/code> von <code>\"yes\"<\/code> auf <code>null<\/code> ge\u00e4ndert. Der Parameter akzeptiert jetzt einen der folgenden Werte:<\/p>\n<ul>\n<li><code>true<\/code>: Lade die Option auf jeder Seite, um eine zus\u00e4tzliche DB-Abfrage zu vermeiden.<\/li>\n<li><code>false<\/code>: Never autoload, die Option, um zu vermeiden, dass Daten auf jeder Seite geladen werden.<\/li>\n<li><code>null<\/code>: Maybe autoload, was bedeutet, dass der Autoload-Wert dynamisch bestimmt werden soll. Standardm\u00e4\u00dfig werden Optionen automatisch geladen, wenn sie keine gro\u00dfen Werte enthalten.<\/li>\n<\/ul>\n<p>Die Datenbankwerte haben sich entsprechend ge\u00e4ndert, und jetzt ist der Autoload-Wert f\u00fcr jede Option einer der folgenden:<\/p>\n<ul>\n<li><code>on<\/code>: muss auf jeder Seite automatisch geladen werden. Es wird mit einem expliziten <code>true<\/code> Wert hinzugef\u00fcgt.<\/li>\n<li><code>off<\/code>: darf nicht automatisch geladen werden und wird nur auf einer einzigen Verwaltungsseite verwendet. Es wird mit einem expliziten <code>false<\/code> Wert hinzugef\u00fcgt.<\/li>\n<li><code>auto<\/code>: sich auf das Standard-Autoloading-Verhalten von WP verlassen. In WP 6.6 sollte es automatisch geladen werden, aber das Verhalten kann sich in Zukunft \u00e4ndern.<\/li>\n<li><code>auto-on<\/code>: sollte automatisch geladen werden. Es wird dynamisch auf <code>true<\/code> gesetzt.<\/li>\n<li><code>auto-off<\/code>: sollte nicht automatisch geladen werden. Es wird dynamisch auf <code>false<\/code> gesetzt.<\/li>\n<\/ul>\n<p>Zusammen mit diesen \u00c4nderungen f\u00fchrt WordPress 6.6 mehrere Funktionen und Filter ein:<\/p>\n<ul>\n<li>Die Funktion <code>wp_autoload_values_to_autoload()<\/code> gibt alle Datenbankwerte zur\u00fcck, die automatisch geladen werden sollen.<\/li>\n<li>Mit dem Filter <code>wp_autoload_values_to_autoload<\/code> kannst du die Liste der Optionen bearbeiten, die automatisch geladen werden sollen.<\/li>\n<li>Der <code>wp_default_autoload_value<\/code> Filter setzt den Wert einer Option, f\u00fcr die kein expliziter Wert festgelegt wurde.<\/li>\n<li>Der Filter <code>wp_max_autoloaded_option_size<\/code> \u00e4ndert den Schwellenwert, ab dem Optionen standardm\u00e4\u00dfig nicht mehr automatisch geladen werden. Der Standardwert ist 150000. (150kb)<\/li>\n<\/ul>\n<p>Diese \u00c4nderung ist besonders n\u00fctzlich f\u00fcr komplexe Websites mit vielen Plugins und verdient die Aufmerksamkeit von Plugin-Entwicklern. F\u00fcr einen gr\u00fcndlicheren \u00dcberblick empfehlen wir, die <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#define-custom-aspect-ratio\" target=\"_blank\" rel=\"noopener noreferrer\">Voreinstellungen f\u00fcr das Seitenverh\u00e4ltnis<\/a> zu \u00fcberpr\u00fcfen.<\/p>\n<h3>Verbesserungen an der React-Bibliothek<\/h3>\n<p>Zwei wichtige \u00c4nderungen betreffen die React-Bibliothek. Erstens enth\u00e4lt WordPress 6.6 React 18.3, das Warnungen f\u00fcr Verwerfungen und andere \u00c4nderungen hinzuf\u00fcgt, um Entwicklern zu helfen, sich auf React 19 vorzubereiten, sobald es stabil wird.<\/p>\n<p>Zweitens k\u00f6nnen Entwickler jetzt die neue React JSX-Transformation verwenden, die mit <a href=\"https:\/\/legacy.reactjs.org\/blog\/2020\/09\/22\/introducing-the-new-jsx-transform.html\" target=\"_blank\" rel=\"noopener noreferrer\">React 17<\/a> eingef\u00fchrt wurde.<\/p>\n<p>Eine genauere \u00dcbersicht \u00fcber diese \u00c4nderungen findest du unter <a href=\"https:\/\/kinsta.com\/de\/blog\/react-19-wordpress\/\">Vorbereitung auf das React 19 Upgrade<\/a> und in den <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/06\/jsx-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSX in WordPress 6.6<\/a> Dev Notes.<\/p>\n<h3>Verbesserungen an der Block-API<\/h3>\n<p>WordPress 6.6 bringt auch einige technische \u00c4nderungen an der Block-API, darunter die folgenden:<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/editor-unified-extensibility-apis-in-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vereinheitlichte Erweiterungs-APIs<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/improvements-to-active-block-variation-detection\/\" target=\"_blank\" rel=\"noopener noreferrer\">Verbesserungen bei der Erkennung aktiver Blockvariationen<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/19\/social-links-block-changes-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00c4nderungen am Block Soziale Links in WordPress 6.6<\/a><\/li>\n<\/ul>\n<h2>Automatische Rollbacks f\u00fcr Plugins<\/h2>\n<p>Wenn du auf deiner WordPress-Website automatische Plugin-Updates aktiviert hast, wird WordPress ab WordPress 6.6 <a href=\"https:\/\/make.wordpress.org\/core\/2024\/04\/19\/merge-proposal-rollback-auto-update\/\">automatisch ein Rollback auf die vorherige Version<\/a> des Plugins durchf\u00fchren, wenn ein Plugin nicht aktualisiert werden kann, ohne dass die Seite abst\u00fcrzt.<\/p>\n<p>Dadurch laufen sowohl das Plugin als auch die Website wie gewohnt weiter. Nach dem Update siehst du, dass das Plugin auf dem Bildschirm \u201ePlugins\u201c immer noch auf ein Update wartet.<\/p>\n<figure id=\"attachment_186934\" aria-describedby=\"caption-attachment-186934\" style=\"width: 2992px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186934 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-plugins-screen.jpg\" alt=\"Wenn ein Plugin nicht automatisch aktualisiert werden kann, setzt WordPress es auf die vorherige Version zur\u00fcck.\" width=\"2992\" height=\"1096\"><figcaption id=\"caption-attachment-186934\" class=\"wp-caption-text\">Wenn ein Plugin nicht automatisch aktualisiert werden kann, setzt WordPress es auf die vorherige Version zur\u00fcck.<\/figcaption><\/figure>\n<p>Wenn WordPress beim Aktualisieren eines Plugins einen Fehler feststellt, sendet es au\u00dferdem eine E-Mail an den Administrator der Seite, in der die Plugins aufgef\u00fchrt sind, die nicht aktualisiert werden konnten, und diejenigen, die auf dem neuesten Stand sind.<\/p>\n<figure id=\"attachment_186935\" aria-describedby=\"caption-attachment-186935\" style=\"width: 2134px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186935 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/autorollback.png\" alt=\"Eine E-Mail von WordPress mit einer Warnung vor einem Fehler beim automatischen Rollback des Plugins\" width=\"2134\" height=\"1178\"><figcaption id=\"caption-attachment-186935\" class=\"wp-caption-text\">Eine E-Mail von WordPress mit einer Warnung vor einem Fehler beim automatischen Rollback des Plugins<\/figcaption><\/figure>\n<p>An dieser Stelle kannst du das Update in einer Staging-Umgebung erneut versuchen, auf eine neue Plugin-Version warten, die das Problem behebt, oder den Entwickler um Support bitten.<\/p>\n<h2>Zusammenfassung<\/h2>\n<p>In diesem langen Beitrag haben wir uns mit vielen spannenden Funktionen und \u00c4nderungen besch\u00e4ftigt, die mit WordPress 6.6 auf uns zukommen. Dazu geh\u00f6ren \u00dcberschreibungen von Blockmustern, Verbesserungen an Datenansichten, neue Funktionen f\u00fcr Theme-Entwickler und die Vereinheitlichung der Bearbeitungsm\u00f6glichkeiten in Site- und Post-Editoren. Aber es gibt noch viel mehr, das wir in diesem Artikel nicht behandelt haben.<\/p>\n<p>Wenn du noch tiefer eintauchen willst, solltest du dir eine Reihe hervorragender Ressourcen von WordPress-Core-Mitarbeitern nicht entgehen lassen, die wir w\u00e4hrend unseres Tests von WordPress 6.6 herangezogen haben. Unter den vielen Ressourcen empfehlen wir die <a href=\"https:\/\/nomad.blog\/2024\/06\/26\/wordpress-6-6-source-of-truth\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.6 Source of Truth<\/a> von Anne McCarthy, die <a href=\"https:\/\/www.meetup.com\/it-IT\/learn-wordpress-online-workshops\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn WordPress Online Workshops<\/a> auf Meetup, den <a href=\"https:\/\/developer.wordpress.org\/news\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Developer Blog<\/a>, die <a href=\"https:\/\/make.wordpress.org\/core\/tag\/dev-notes\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dev Notes<\/a>, die im Make WordPress Core Blog ver\u00f6ffentlicht werden, und die regelm\u00e4\u00dfigen Updates von Birgit Pauli-Haack auf <a href=\"https:\/\/gutenbergtimes.com\/\">Gutenberg Times<\/a>, um nur einige zu nennen.<\/p>\n<p>Jetzt liegt es an dir. Hast du die Funktionen von WordPress 6.6 schon getestet? Welche Funktion oder \u00c4nderung hat dir am besten gefallen? Hinterlasse einen Kommentar und beteilige dich an der Diskussion.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.6 \u201eDorsey\u201d ist da.\u00a0Die neue Version\u00a0konzentriert sich auf die Verfeinerung und Verbesserung mehrerer Funktionen, die in fr\u00fcheren Versionen eingef\u00fchrt wurden. Es gibt jedoch auch zahlreiche &#8230;<\/p>\n","protected":false},"author":36,"featured_media":70529,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1011],"class_list":["post-70528","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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 6.6. - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Schau dir unsere ausf\u00fchrliche \u00dcbersicht \u00fcber WordPress 6.6 an: Block Pattern Overrides, Datenansichten, neue Design-Tools f\u00fcr Designer und Theme-Entwickler und vieles mehr!\" \/>\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-6-6\/\" \/>\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 6.6: Pattern Overrides, Block Bindings API, Data Views, neue Design Tools und vieles mehr!\" \/>\n<meta property=\"og:description\" content=\"Schau dir unsere ausf\u00fchrliche \u00dcbersicht \u00fcber WordPress 6.6 an: Block Pattern Overrides, Datenansichten, neue Design-Tools f\u00fcr Designer und Theme-Entwickler und vieles mehr!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/\" \/>\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=\"2024-07-05T08:11:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-10T16:29:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/07\/Wp-6.6-release.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Schau dir unsere ausf\u00fchrliche \u00dcbersicht \u00fcber WordPress 6.6 an: Block Pattern Overrides, Datenansichten, neue Design-Tools f\u00fcr Designer und Theme-Entwickler und vieles mehr!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/07\/Wp-6.6-release-1024x536.png\" \/>\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=\"25\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-6-6\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Was ist neu in WordPress 6.6: Pattern Overrides, Block Bindings API, Data Views, neue Design Tools und vieles mehr!\",\"datePublished\":\"2024-07-05T08:11:33+00:00\",\"dateModified\":\"2025-03-10T16:29:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/\"},\"wordCount\":4452,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/07\/Wp-6.6-release.png\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/\",\"name\":\"Was ist neu in WordPress 6.6. - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/07\/Wp-6.6-release.png\",\"datePublished\":\"2024-07-05T08:11:33+00:00\",\"dateModified\":\"2025-03-10T16:29:07+00:00\",\"description\":\"Schau dir unsere ausf\u00fchrliche \u00dcbersicht \u00fcber WordPress 6.6 an: Block Pattern Overrides, Datenansichten, neue Design-Tools f\u00fcr Designer und Theme-Entwickler und vieles mehr!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/07\/Wp-6.6-release.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/07\/Wp-6.6-release.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#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 6.6: Pattern Overrides, Block Bindings API, Data Views, neue Design Tools 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 6.6. - Kinsta\u00ae","description":"Schau dir unsere ausf\u00fchrliche \u00dcbersicht \u00fcber WordPress 6.6 an: Block Pattern Overrides, Datenansichten, neue Design-Tools f\u00fcr Designer und Theme-Entwickler und vieles mehr!","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-6-6\/","og_locale":"de_DE","og_type":"article","og_title":"Was ist neu in WordPress 6.6: Pattern Overrides, Block Bindings API, Data Views, neue Design Tools und vieles mehr!","og_description":"Schau dir unsere ausf\u00fchrliche \u00dcbersicht \u00fcber WordPress 6.6 an: Block Pattern Overrides, Datenansichten, neue Design-Tools f\u00fcr Designer und Theme-Entwickler und vieles mehr!","og_url":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2024-07-05T08:11:33+00:00","article_modified_time":"2025-03-10T16:29:07+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/07\/Wp-6.6-release.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Schau dir unsere ausf\u00fchrliche \u00dcbersicht \u00fcber WordPress 6.6 an: Block Pattern Overrides, Datenansichten, neue Design-Tools f\u00fcr Designer und Theme-Entwickler und vieles mehr!","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/07\/Wp-6.6-release-1024x536.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Carlo Daniele","Gesch\u00e4tzte Lesezeit":"25\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Was ist neu in WordPress 6.6: Pattern Overrides, Block Bindings API, Data Views, neue Design Tools und vieles mehr!","datePublished":"2024-07-05T08:11:33+00:00","dateModified":"2025-03-10T16:29:07+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/"},"wordCount":4452,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/07\/Wp-6.6-release.png","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/","url":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/","name":"Was ist neu in WordPress 6.6. - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/07\/Wp-6.6-release.png","datePublished":"2024-07-05T08:11:33+00:00","dateModified":"2025-03-10T16:29:07+00:00","description":"Schau dir unsere ausf\u00fchrliche \u00dcbersicht \u00fcber WordPress 6.6 an: Block Pattern Overrides, Datenansichten, neue Design-Tools f\u00fcr Designer und Theme-Entwickler und vieles mehr!","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/07\/Wp-6.6-release.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/07\/Wp-6.6-release.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-6\/#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 6.6: Pattern Overrides, Block Bindings API, Data Views, neue Design Tools 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\/70528","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=70528"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/70528\/revisions"}],"predecessor-version":[{"id":72807,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/70528\/revisions\/72807"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/70528\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/70528\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/70528\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/70528\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/70528\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/70528\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/70528\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/70528\/translations\/es"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/70528\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/70529"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=70528"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=70528"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=70528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}