{"id":76127,"date":"2026-05-04T09:50:27","date_gmt":"2026-05-04T08:50:27","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=76127&#038;preview=true&#038;preview_id=76127"},"modified":"2026-05-07T10:30:27","modified_gmt":"2026-05-07T09:30:27","slug":"wordpress-7-0","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/","title":{"rendered":"Was ist neu in WordPress 7.0: KI-Integration, Echtzeit-Zusammenarbeit und vieles mehr"},"content":{"rendered":"<p>Lasst die Korken knallen! Mit der Version 7.0 beginnt f\u00fcr WordPress eine neue \u00c4ra.<\/p>\n<p>Es ist wahrscheinlich der gr\u00f6\u00dfte Sprung, den die Plattform in den letzten Jahren gemacht hat. Jetzt kannst du mit deinem Team in Echtzeit zusammenarbeiten &#8211; genau wie bei Google Docs &#8211; und eine &#8222;agentechnische Architektur&#8220; nutzen, die mit Large Language Models (LLMs) interagieren kann.<\/p>\n<p>Aber das ist nur der Anfang. Neben der Echtzeit-Zusammenarbeit verbessert WordPress 7.0 auch die Verwaltungsoberfl\u00e4che und f\u00fchrt neue Bl\u00f6cke und Entwickler-Tools ein, wie z. B. den iframed Post Editor und reine PHP-Bl\u00f6cke.<\/p>\n<p>Mach dir eine Tasse Kaffee und mach es dir bequem, denn dies wird eine lange und spannende Lekt\u00fcre werden.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Integration mit KI<\/h2>\n<p>Mit 7.0 hat WordPress einen gro\u00dfen Evolutionssprung gemacht. Vergiss die Blogging-Plattform aus den Anfangstagen. Heute ist WordPress eine kollaborative Plattform, die k\u00fcnstliche Intelligenz integriert.<\/p>\n<p>Dieses ehrgeizige Projekt hatte zum Ziel, eine zuverl\u00e4ssige, sichere Infrastruktur zu schaffen, die es WordPress-Nutzern und Plugin-Entwicklern erm\u00f6glicht, auf standardisierte Weise mit Large Language Models (LLMs) zu interagieren.<\/p>\n<p>Das neue architektonische Paradigma ebnet den Weg f\u00fcr &#8222;agentic WordPress&#8220;. Es ist ein Wandel hin zu agentenbasierter Benutzerfreundlichkeit, bei der WordPress von Haus aus in der Lage ist, \u00fcber standardisierte, maschinenfreundliche Schnittstellen mit externen KI-Agenten zu interagieren.<\/p>\n<p>Es gibt viel zu sagen, aber bevor wir uns mit den Details der KI-Integration befassen, hier ein paar vorl\u00e4ufige Definitionen.<\/p>\n<h3>WordPress KI-Architektur: Grundlegende Konzepte<\/h3>\n<p>Um die KI-Architektur von WordPress 7.0 zu verstehen, ist es wichtig, vier wichtige Komponenten zu identifizieren.<\/p>\n<ul>\n<li><strong>KI-Client:<\/strong> Eine <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/03\/proposal-for-merging-wp-ai-client-into-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">anbieterunabh\u00e4ngige KI-Infrastruktur<\/a>, die einen standardisierten Weg f\u00fcr WordPress-PHP- und JS-Code zur Interaktion mit generativen KI-Modellen bietet. Da der KI-Client anbieterunabh\u00e4ngig ist, kann das System unabh\u00e4ngig von einem bestimmten KI-Anbieter arbeiten.<\/li>\n<li><strong>KI-Anbieter:<\/strong> Die Einrichtung oder das Unternehmen, das Large Language Models (LLMs) entwickelt, besitzt und verwaltet, wie z. B. Anthropic, Google und OpenAI.<\/li>\n<li><strong>Konnektor:<\/strong> Die Komponente, die <a href=\"https:\/\/developer.wordpress.org\/news\/2026\/03\/whats-new-for-developers-march-2026\/#ai-provider-packages-in-the-plugin-directory\" target=\"_blank\" rel=\"noopener noreferrer\">die Integration zwischen WordPress und KI-Anbietern erm\u00f6glicht<\/a>. WordPress 7.0 enth\u00e4lt 3 Standardkonnektoren &#8211; OpenAI, Anthropic und Google -, die unter <strong>Einstellungen<\/strong> &gt; <strong>Konnektoren<\/strong> zug\u00e4nglich sind.<\/li>\n<li><strong>Abilities API:<\/strong> Eine neue <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-9\/#abilities-api\">funktionale Schnittstelle<\/a>, die es Plugins, Themes und dem WordPress-Kern erm\u00f6glicht, ihre F\u00e4higkeiten sowohl in menschen- als auch in maschinenlesbaren Formaten offenzulegen, damit KI-Agenten auf strukturierte Weise mit WordPress-Funktionen interagieren k\u00f6nnen (z. B. Beitr\u00e4ge erstellen oder einen Auszug hinzuf\u00fcgen). Das macht WordPress 7.0 zu einem <strong>nativen Agentensystem<\/strong>.<\/li>\n<\/ul>\n<figure id=\"attachment_207401\" aria-describedby=\"caption-attachment-207401\" style=\"width: 1940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207401 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-connectors-screen.jpg\" alt=\"Konnektoren Bildschirm in WordPress 7.0.\" width=\"1940\" height=\"1296\"><figcaption id=\"caption-attachment-207401\" class=\"wp-caption-text\">Konnektoren Bildschirm in WordPress 7.0.<\/figcaption><\/figure>\n<h3>Konnektoren<\/h3>\n<p>In fr\u00fcheren Versionen von WordPress war f\u00fcr jeden KI-Anbieter, den du auf deiner Website nutzen wolltest, ein eigenes Plugin erforderlich. WordPress 7.0 f\u00fchrt eine einheitliche <a href=\"https:\/\/developer.wordpress.org\/news\/2026\/03\/whats-new-for-developers-march-2026\/#ai-provider-packages-in-the-plugin-directory\" target=\"_blank\" rel=\"noopener noreferrer\">Oberfl\u00e4che f\u00fcr die Verwaltung von KI-Anbietern<\/a> unter <strong>Einstellungen<\/strong> &gt; <strong>Anbieter<\/strong> ein.<\/p>\n<p>Du musst deine API-Schl\u00fcssel nicht mehr an mehreren Stellen einf\u00fcgen. Gib deine Schl\u00fcssel nur einmal auf dem Bildschirm <strong>Verbindungen<\/strong> ein, und alle kompatiblen Plugins k\u00f6nnen diese Verbindung \u00fcber den <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\" target=\"_blank\" rel=\"noopener noreferrer\">KI-Client<\/a> nutzen.<\/p>\n<p>Au\u00dferdem kannst du mit der neuen Schnittstelle von einer einzigen Stelle aus zwischen den KI-Anbietern wechseln, ohne dass du Gefahr l\u00e4ufst, etwas kaputt zu machen.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>WordPress <a href=\"https:\/\/core.trac.wordpress.org\/changeset\/61700\/\">sendet standardm\u00e4\u00dfig keine Aufforderungen oder Daten<\/a> an einen KI-Dienst, wenn du nicht ausdr\u00fccklich zugestimmt hast und der Dienst nicht konfiguriert wurde.<\/p>\n<\/aside>\n\n<p>Klicke in der Schnittstelle <strong>Konnektoren<\/strong>\u00a0auf die Schaltfl\u00e4che <strong>Installieren<\/strong> f\u00fcr deinen KI-Anbieter und gib deinen API-Schl\u00fcssel ein. Speichere deine Einstellungen und du bist bereit, mit dem KI-Anbieter auf deiner WordPress-Website zu interagieren.<\/p>\n<figure id=\"attachment_207521\" aria-describedby=\"caption-attachment-207521\" style=\"width: 1302px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207521 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-add-google-api-key.jpg\" alt=\"Hinzuf\u00fcgen eines API-Schl\u00fcssels in der Konnektoren-Oberfl\u00e4che\" width=\"1302\" height=\"1268\"><figcaption id=\"caption-attachment-207521\" class=\"wp-caption-text\">Hinzuf\u00fcgen eines API-Schl\u00fcssels in der Konnektoren-Oberfl\u00e4che<\/figcaption><\/figure>\n<p>Wenn du dir nicht sicher bist, wo du anfangen sollst, installiere und aktiviere das <a href=\"https:\/\/make.wordpress.org\/ai\/2026\/03\/12\/whats-new-in-ai-experiments-0-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">KI-Experimente-Plugin<\/a>. Mit diesem Plugin kannst du KI-generierte Bilder, Alt-Text, Ausz\u00fcge und mehr hinzuf\u00fcgen.<\/p>\n<figure id=\"attachment_207522\" aria-describedby=\"caption-attachment-207522\" style=\"width: 1978px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207522 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-ai-experiments-settings.png\" alt=\"Einstellungen des KI-Experimente-Plugins\" width=\"1978\" height=\"1834\"><figcaption id=\"caption-attachment-207522\" class=\"wp-caption-text\">Einstellungen des KI-Experimente-Plugins<\/figcaption><\/figure>\n<p>Die neue KI-Integration f\u00fchrt nicht nur eine neue Benutzeroberfl\u00e4che ein, sondern erm\u00f6glicht es Entwicklern auch, neue KI-Anbieter \u00fcber die <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/18\/introducing-the-connectors-api-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">Connectors API<\/a> zu registrieren.<\/p>\n<p>Entwickler k\u00f6nnen jetzt Konnektoren mit den neuen Kernklassen und Methoden registrieren und verwalten. Nach der Registrierung erscheint jeder Konnektor als Karte auf dem Bildschirm Konnektoren.<\/p>\n<p>Die neue API bietet au\u00dferdem drei \u00f6ffentliche Funktionen.<\/p>\n<ul>\n<li><code>wp_is_connector_registered()<\/code>: Pr\u00fcft, ob ein Konnektor registriert ist.<\/li>\n<li><code>wp_get_connector()<\/code>: Ruft die Daten eines einzelnen Konnektors ab.<\/li>\n<li><code>wp_get_connectors()<\/code>: Ruft alle registrierten Konnektoren ab.<\/li>\n<\/ul>\n<p>Au\u00dferdem kannst du mit dem neuen Aktionshaken <code>wp_connectors_init<\/code> die Metadaten der registrierten Konnektoren \u00fcberschreiben.<\/p>\n<h3>Bauen mit dem KI-Client<\/h3>\n<p>Der Bildschirm <strong>Konnektoren<\/strong> bietet die KI-Schnittstelle. Der <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/24\/introducing-the-ai-client-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">KI-Client ist der Motor unter der Haube<\/a> &#8211; eine einheitliche Abstraktionsschicht, die standardisiert, wie WordPress mit AI interagiert. Ob OpenAI, Anthropic oder Google Gemini, dein Code bleibt derselbe. WordPress k\u00fcmmert sich um die \u00dcbersetzung, damit du dich auf die Logik deiner Anwendung konzentrieren kannst.<\/p>\n<p>Die neue <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\" target=\"_blank\" rel=\"noopener noreferrer\">Funktion <code>wp_ai_client_prompt()<\/code><\/a> ist das Herzst\u00fcck dieser Implementierung.<\/p>\n<p>Hier ist ein einfaches Beispiel in PHP:<\/p>\n<pre><code class=\"language-php\">$ai_response = wp_ai_client_prompt( \"Create a professional post about WordPress\" )\n\t-&gt;generate_text();\n\nif ( is_wp_error( $ai_response ) ) {\n\twp_die( $ai_response-&gt;get_error_message() );\n}\n\necho wp_kses_post( $ai_response );<\/code><\/pre>\n<p>Das folgende Beispiel zeigt, wie du das Antwortschema definierst, um die Daten direkt nutzbar zu machen.<\/p>\n<pre><code class=\"language-php\">$taxonomy_schema = array(\n\t'type'       =&gt; 'object',\n\t'properties' =&gt; array(\n\t\t'category' =&gt; array( 'type' =&gt; 'string' ),\n\t\t'tags'     =&gt; array( \n\t\t\t'type'  =&gt; 'array',\n\t\t\t'items' =&gt; array( 'type' =&gt; 'string' )\n\t\t),\n\t),\n\t'required'   =&gt; array( 'category', 'tags' ),\n);\n\n$post_body = \"Working from a small tavern in Crete was a game-changer. I realized that Greece is becoming the ultimate hub for remote workers in 2026.\";\n\n$json = wp_ai_client_prompt( \"Based on this text, suggest the most appropriate category and 3-5 relevant tags: $post_body\" )\n\t-&gt;using_temperature( 0.1 )\n\t-&gt;as_json_response( $taxonomy_schema )\n\t-&gt;generate_text();\n\nif ( is_wp_error( $json ) ) {\n\treturn $json;\n}\n\n$suggested_taxonomies = json_decode( $json, true );<\/code><\/pre>\n<p>In diesem Code,<\/p>\n<ul>\n<li>Mit <code>as_json_response()<\/code> stellt WordPress sicher, dass die Ausgabe reines JSON ist, das dem angegebenen Schema (<code>$taxonomy_schema<\/code>) entspricht.<\/li>\n<li><code>using_temperature()<\/code> steuert die Reaktion der KI und macht sie mehr oder weniger deterministisch (oder zuf\u00e4llig). Eine niedrige Temperatur (<code>0,1<\/code>) sorgt f\u00fcr mehr Pr\u00e4zision, w\u00e4hrend eine hohe Temperatur eine kreativere Reaktion f\u00f6rdert.<\/li>\n<li>Das Array <code>$suggested_taxonomies<\/code> enth\u00e4lt die von der KI generierten Kategorien und Tags. Du kannst diese automatisch deinem Beitrag zuweisen.<\/li>\n<\/ul>\n<p>Eine strukturierte Ausgabe sorgt f\u00fcr vorhersehbare Ergebnisse und bietet ein ideales Format f\u00fcr die Verwendung mit der Abilities API. Der obige Code k\u00f6nnte zum Beispiel verwendet werden, um automatisch einen Beitrag mit der angegebenen Kategorie und den Tags zu erstellen.<\/p>\n<p>Die API unterst\u00fctzt nicht nur Text. Dank der Methode <code>generate_image()<\/code> kann der KI-Client auch Bilder erzeugen. Du kannst mit einem einzigen Aufruf mehrere Ergebnisse anfordern.<\/p>\n<p>Du kannst zum Beispiel 3 Text- oder Bildoptionen anfordern, indem du einen numerischen Wert an die Methoden <code>generate_text()<\/code> oder <code>generate_image()<\/code> \u00fcbergibst: Der Aufruf von <code>generate_image( 3)<\/code> liefert 3 Varianten desselben Bildes.<\/p>\n<p>Die API bietet auch eine Reihe von Methoden, die zus\u00e4tzliche Informationen zur\u00fcckgeben. Diese Methoden geben ein <code>GenerativeAiResult-Objekt<\/code> zur\u00fcck, das umfangreiche Metadaten enth\u00e4lt, z. B. die Verwendung des Tokens, den Anbieter und das Modell, das auf die Anfrage geantwortet hat:<\/p>\n<ul>\n<li><code>generate_text_result()<\/code><\/li>\n<li><code>generate_image_result()<\/code><\/li>\n<li><code>convert_text_to_speech_result()<\/code><\/li>\n<li><code>generate_speech_result()<\/code><\/li>\n<li><code>generate_video_result()<\/code><\/li>\n<\/ul>\n<p>Wie du siehst, bieten diese Methoden eine Reihe zus\u00e4tzlicher Funktionen, darunter die Unterst\u00fctzung von Text-zu-Sprache-, Sprach- und Videoumwandlung. Weitere API-Methoden sind:<\/p>\n<ul>\n<li><code>using_max_tokens()<\/code>: Begrenzt die L\u00e4nge der Antwort (z. B. <code>-&gt;using_max_tokens( 500 )<\/code>)<\/li>\n<li><code>using_model_preference()<\/code>: Ein bestimmtes Modell festlegen (z. B. <code>-&gt;using_model_preference( 'gemini-2.5-flash' )<\/code>)<\/li>\n<\/ul>\n<p>Eine ausf\u00fchrlichere Analyse und zus\u00e4tzliche Codebeispiele findest du auf der <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\" target=\"_blank\" rel=\"noopener noreferrer\">WP KI-Client<\/a> GitHub-Projektseite und in den \u00c4nderungen, die in <a href=\"https:\/\/github.com\/WordPress\/wp-ai-client\/blob\/trunk\/UPGRADE.md\" target=\"_blank\" rel=\"noopener noreferrer\">Vorbereitung auf WordPress 7.0<\/a> vorgenommen wurden.<\/p>\n<h2>Zusammenarbeit in Echtzeit im Block-Editor<\/h2>\n<p>Die Echtzeit-Zusammenarbeit (Real-Time Collaboration, RTC) im Block-Editor ist eine der am sehnlichsten erwarteten Funktionen des Core. Mit WordPress 7.0 wird die M\u00f6glichkeit eingef\u00fchrt, denselben Beitrag oder dieselbe Seite synchron mit mehreren Nutzern zu bearbeiten, \u00e4hnlich wie bei einem <a href=\"https:\/\/kinsta.com\/de\/blog\/google-docs-zu-wordpress\/\">Google Doc<\/a>.<\/p>\n<p>Im Wesentlichen wird WordPress 7.0 von einer Einzelbenutzerplattform zu einer Multi-User-Plattform umgewandelt. Das bedeutet eine grundlegende Ver\u00e4nderung f\u00fcr Redaktionen, die mit WordPress arbeiten.<\/p>\n<p>Mit diesem Projekt werden <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/52593\" target=\"_blank\" rel=\"noopener noreferrer\">mehrere Ziele<\/a> verfolgt:<\/p>\n<ul>\n<li>Erm\u00f6glichung der Echtzeit-Zusammenarbeit an Inhalten, einschlie\u00dflich Beitr\u00e4gen, Seiten und Vorlagen.<\/li>\n<li>Offline-Bearbeitung und Datensynchronisation erm\u00f6glichen.<\/li>\n<li>Ein optimiertes Entwicklungserlebnis bieten, damit sich Entwickler\/innen nicht um die gemeinsame Bearbeitung k\u00fcmmern m\u00fcssen, da die Daten standardm\u00e4\u00dfig gemeinsam bearbeitet und synchronisiert werden.<\/li>\n<\/ul>\n<p>Diese erste Implementierung f\u00fchrt eine Reihe von neuen Funktionen ein, die sowohl die Nutzer\/innen des Editors als auch die Entwickler\/innen betreffen. Lasst uns eintauchen.<\/p>\n<h3>Zusammenarbeit in Echtzeit im Block-Editor: Was ist neu f\u00fcr Benutzer?<\/h3>\n<p>Wenn du in einem Team arbeitest, musst du nicht mehr darauf warten, dass dein Kollege den Editor verl\u00e4sst, um Inhalte zu \u00fcberpr\u00fcfen oder \u00c4nderungen vorzunehmen, denn ihr k\u00f6nnt jetzt in Echtzeit an der Produktion von Inhalten mitarbeiten.<\/p>\n<p>Vergewissere dich zun\u00e4chst, dass die Option <strong>Echtzeit-Zusammenarbeit aktivieren<\/strong> in den <strong>Schreibeinstellungen<\/strong> aktiviert ist.<\/p>\n<figure id=\"attachment_207211\" aria-describedby=\"caption-attachment-207211\" style=\"width: 1514px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207211 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-enable-real-time-collaboration.png\" alt=\"Echtzeit-Zusammenarbeit in WordPress 7.0 aktivieren.\" width=\"1514\" height=\"1068\"><figcaption id=\"caption-attachment-207211\" class=\"wp-caption-text\">Echtzeit-Zusammenarbeit in WordPress 7.0 aktivieren<\/figcaption><\/figure>\n<p>Als N\u00e4chstes \u00f6ffnest du den Post-Editor mit anderen Mitgliedern deines Teams oder \u00f6ffnest mehrere Sitzungen mit verschiedenen Nutzern und f\u00e4ngst an zu experimentieren.<\/p>\n<p>Dies sind die wichtigsten Punkte der kollaborativen Bearbeitung.<\/p>\n<h4>Bewusstseinsbildung<\/h4>\n<p>Wenn mehrere Nutzer\/innen gemeinsam an einem Beitrag oder einer Seite arbeiten, erscheinen die Avatare der anderen Nutzer\/innen in der oberen Symbolleiste des Blockeditors.<\/p>\n<figure id=\"attachment_207212\" aria-describedby=\"caption-attachment-207212\" style=\"width: 1982px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207212 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborators.png\" alt=\"Avatare der Mitwirkenden erscheinen oben im Editor\" width=\"1982\" height=\"448\"><figcaption id=\"caption-attachment-207212\" class=\"wp-caption-text\">Avatare der Mitwirkenden erscheinen oben im Editor<\/figcaption><\/figure>\n<p>\u00c4nderungen, die ein\/e Mitarbeiter\/in vornimmt, sind f\u00fcr den Rest des Teams fast in Echtzeit sichtbar. Wenn ein\/e Nutzer\/in an einem Textelement arbeitet, erscheint sein\/ihr Avatar auch in der Blocksymbolleiste und bewegt sich mit dem Cursor mit.<\/p>\n<figure id=\"attachment_207214\" aria-describedby=\"caption-attachment-207214\" style=\"width: 848px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207214 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborative-editing.png\" alt=\"Ein anderer Nutzer bearbeitet einen Absatzblock\" width=\"848\" height=\"208\"><figcaption id=\"caption-attachment-207214\" class=\"wp-caption-text\">Ein anderer Nutzer bearbeitet einen Absatzblock<\/figcaption><\/figure>\n<figure id=\"attachment_207215\" aria-describedby=\"caption-attachment-207215\" style=\"width: 1072px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207215 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborative-editing-image-block.jpg\" alt=\"Ein anderer Benutzer bearbeitet einen Bildblock\" width=\"1072\" height=\"328\"><figcaption id=\"caption-attachment-207215\" class=\"wp-caption-text\">Ein anderer Benutzer bearbeitet einen Bildblock<\/figcaption><\/figure>\n<p>Wenn ein Benutzer einen neuen Block hinzuf\u00fcgt, wird er mit einem farbigen Rahmen hervorgehoben.<\/p>\n<figure id=\"attachment_207216\" aria-describedby=\"caption-attachment-207216\" style=\"width: 1666px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207216 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborative-editing-new-image-block.png\" alt=\"Ein von einem anderen Nutzer hinzugef\u00fcgter Bildblock erscheint mit einem farbigen Rahmen\" width=\"1666\" height=\"386\"><figcaption id=\"caption-attachment-207216\" class=\"wp-caption-text\">Ein von einem anderen Nutzer hinzugef\u00fcgter Bildblock erscheint mit einem farbigen Rahmen<\/figcaption><\/figure>\n<h4>Synchronisierung mit dem Backend<\/h4>\n<p>Dank der <a href=\"https:\/\/yjs.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yjs-Integration<\/a> behandelt das System <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/68483\" target=\"_blank\" rel=\"noopener noreferrer\">Konflikte intelligent<\/a> mit <a href=\"https:\/\/en.wikipedia.org\/wiki\/Conflict-free_replicated_data_type\" target=\"_blank\" rel=\"noopener noreferrer\">CRDT<\/a>. Wenn zwei Nutzer\/innen zur gleichen Zeit am gleichen Block arbeiten oder das gleiche Wort schreiben, gleicht das System die \u00c4nderungen reibungslos ab. Auch \u00c4nderungen an Blockeigenschaften, wie Farben und Schriftarten, werden nahtlos \u00fcbernommen.<\/p>\n<figure id=\"attachment_207217\" aria-describedby=\"caption-attachment-207217\" style=\"width: 1472px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207217 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-collaborative-editing-style-settings.png\" alt=\"Bearbeitung von Blockstileinstellungen in Zusammenarbeit in WordPress 7.0\" width=\"1472\" height=\"878\"><figcaption id=\"caption-attachment-207217\" class=\"wp-caption-text\">Bearbeitung von Blockstileinstellungen in Zusammenarbeit in WordPress 7.0<\/figcaption><\/figure>\n<h4>Offline-Bearbeitung und Datensynchronisierung<\/h4>\n<p>Das System funktioniert auch dann reibungslos, wenn du offline bist. Wenn du also in Gebieten mit langsamen Verbindungen arbeitest oder f\u00fcr ein paar Minuten offline gehst, kannst du trotzdem schreiben. Wenn das Signal wieder da ist, werden deine \u00c4nderungen mit den \u00c4nderungen der anderen zusammengef\u00fchrt und es gibt keine unerw\u00fcnschten \u00dcberschreibungen.<\/p>\n<p>Wenn du einen Vorgang r\u00fcckg\u00e4ngig machst (<code>Cmd Z<\/code>), werden nur deine letzten \u00c4nderungen r\u00fcckg\u00e4ngig gemacht, nicht die, die deine Kollegen eine Sekunde zuvor gemacht haben.<\/p>\n<p>Du musst dir keine Gedanken dar\u00fcber machen, dass du deine Arbeit st\u00e4ndig speichern musst, um sie mit anderen zu teilen. Die Synchronisierung erfolgt fast in Echtzeit. Andere Nutzer, die mit dir verbunden sind und an denselben Inhalten arbeiten, sehen deine \u00c4nderungen nahezu sofort.<\/p>\n<h3>Zusammenarbeit in Echtzeit im Block Editor: Eine Einf\u00fchrung f\u00fcr Entwickler<\/h3>\n<p>Das neue <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/10\/real-time-collaboration-in-the-block-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-Echtzeit-Kollaborationssystem<\/a> basiert auf <a href=\"https:\/\/yjs.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yjs<\/a>, &#8222;einer leistungsstarken CRDT f\u00fcr die Erstellung von kollaborativen Anwendungen, die sich automatisch synchronisieren.&#8220;<\/p>\n<p>Yjs ist eine JavaScript-Bibliothek zur Verwaltung von Daten, wie z. B. WordPress-Inhalten, die von mehreren Personen gleichzeitig und in Echtzeit bearbeitet werden m\u00fcssen. Sie ist die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/52593\" target=\"_blank\" rel=\"noopener noreferrer\">Sync-Engine<\/a> f\u00fcr die <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/03\/real-time-collaboration\/\" target=\"_blank\" rel=\"noopener noreferrer\">Echtzeit-Zusammenarbeit<\/a> im Editor.<\/p>\n<p>Technisch gesehen, ist Yjs eine Implementierung von CRDT (<a href=\"https:\/\/en.wikipedia.org\/wiki\/Conflict-free_replicated_data_type\" target=\"_blank\" rel=\"noopener noreferrer\">Conflict-free Replicated Data Types<\/a>):<\/p>\n<blockquote><p>Es stellt sein internes CRDT-Modell als gemeinsam genutzte Datentypen zur Verf\u00fcgung, die gleichzeitig bearbeitet werden k\u00f6nnen. Shared Types \u00e4hneln g\u00e4ngigen Datentypen wie <code>Map<\/code> und <code>Array<\/code>. Sie k\u00f6nnen manipuliert werden, bei \u00c4nderungen Ereignisse ausl\u00f6sen und automatisch zusammengef\u00fchrt werden, ohne dass es zu Konflikten bei der Zusammenf\u00fchrung kommt.<\/p><\/blockquote>\n<p>Vor WordPress 7.0 wurden Beitr\u00e4ge als ein einziger, statischer HTML-String gespeichert. Yjs verwendet das Delta-Format, um den Inhalt und die \u00c4nderungen der einzelnen Mitwirkenden zu beschreiben. <a href=\"https:\/\/quilljs.com\/docs\/delta\/\" target=\"_blank\" rel=\"noopener noreferrer\">Deltas sind ein Datenformat<\/a>, das Dokumente ohne die Komplexit\u00e4t von HTML beschreibt, einschlie\u00dflich Formatierungsinformationen.<\/p>\n<p>Betrachten wir zum Beispiel den Text &#8222;Hallo WordPress&#8220; Das folgende JSON-Objekt beschreibt eine \u00c4nderung der Schriftst\u00e4rke:<\/p>\n<pre><code class=\"language-json\">[\n\t{ \"retain\": 6 }, \/\/ Skip \"Hello \" (6 characters)\n\t{ \"retain\": 9, \"attributes\": { \"bold\": true } } \/\/ Apply bold to the next 9 characters\n]<\/code><\/pre>\n<p>Wenn ein Benutzer &#8222;7.0&#8220; an das Ende des Strings anf\u00fcgt, sieht das resultierende JSON-Objekt wie folgt aus:<\/p>\n<pre><code class=\"language-json\">[\n\t{ \"retain\": 15 },\n\t{ \"insert\": \" 7.0\" }\n]<\/code><\/pre>\n<p>Die Verwendung von Yjs und die Implementierung des Delta-Formats bietet mehrere Vorteile:<\/p>\n<ul>\n<li>Es verhindert alle Arten von Konflikten. Wenn mehrere Nutzer\/innen denselben Absatz oder sogar dasselbe Wort bearbeiten, kann WordPress erkennen, wer welchen Buchstaben geschrieben hat. Dies erm\u00f6glicht granulare Revisionen und ebnet den Weg f\u00fcr die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/61161\" target=\"_blank\" rel=\"noopener noreferrer\">Wiederherstellung von Revisionen auf Blockebene<\/a>.<\/li>\n<li>Es sorgt f\u00fcr chirurgische Pr\u00e4zision und sofortige Synchronisierung. Wenn du ein einziges Wort in einem Artikel mit 20.000 W\u00f6rtern bearbeitest, wird nur diese kleine \u00c4nderung registriert. Dies erm\u00f6glicht eine sofortige Synchronisierung der Inhalte f\u00fcr alle verbundenen Nutzer\/innen.<\/li>\n<li>Mit dem gleichen Ansatz k\u00f6nnen Blockeinstellungen (wie Farben oder Layout-Optionen) als gemeinsame Kartenattribute synchronisiert werden.<\/li>\n<\/ul>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Bei herk\u00f6mmlichen PHP-Meta-Boxen wird die Echtzeit-Zusammenarbeit f\u00fcr einen Beitrag automatisch deaktiviert, um Datenverluste zu vermeiden. Um diese Funktionen zu unterst\u00fctzen, m\u00fcssen Entwickler <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-meta-box-zu-beitraegen-hinzufuegen\/#register-custom-meta-fields\">die Post-Meta mit <code>show_in_rest =&gt; true<\/code> registrieren<\/a> und Sidebar-Plugins oder blockbasierte Alternativen verwenden, die aus WordPress-Datenspeichern lesen.<\/p>\n<\/aside>\n\n<p>Einen ausf\u00fchrlichen \u00dcberblick dar\u00fcber, was Entwickler\/innen wissen m\u00fcssen, um die Zusammenarbeit im Editor zu erm\u00f6glichen, findest du in der <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/10\/real-time-collaboration-in-the-block-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dev Note<\/a> und in <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/discussions\/65012\" target=\"_blank\" rel=\"noopener noreferrer\">dieser Diskussion \u00fcber kollaborative Bearbeitung<\/a>.<\/p>\n<h3>Infrastruktur und Datentransport: Warum dein Hoster wichtig ist<\/h3>\n<p>Wenn mehrere Nutzer\/innen gleichzeitig am WordPress-Backend arbeiten, kann das die Ressourcen deiner Website belasten. Deshalb ist es wichtig zu verstehen, was bei der gemeinsamen Bearbeitung hinter den Kulissen passiert.<\/p>\n<p>Wie bereits erw\u00e4hnt, bilden die Editoroberfl\u00e4che und die Yjs-Engine die Grundlage f\u00fcr die Zusammenarbeit in Echtzeit. Wir haben jedoch noch nicht erkl\u00e4rt, wie die Daten zwischen den Nutzern \u00fcbertragen werden. Dieser Prozess wird von der Transportschicht gesteuert, die deine \u00c4nderungen von deinem Browser zum Server und dann zu anderen Nutzern, die denselben Inhalt bearbeiten, \u00fcbertr\u00e4gt.<\/p>\n<p>Von den vielen <a href=\"https:\/\/docs.yjs.dev\/ecosystem\/connection-provider\" target=\"_blank\" rel=\"noopener noreferrer\">verf\u00fcgbaren Optionen f\u00fcr die Transportebene<\/a> haben HTTP Polling, WebSockets und WebRTC <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/74085\" target=\"_blank\" rel=\"noopener noreferrer\">die meiste Aufmerksamkeit erhalten<\/a>. Jede Option hat ihre Vor- und Nachteile.<\/p>\n<ul>\n<li><a href=\"https:\/\/en.wikipedia.org\/wiki\/Polling_(computer_science)\" target=\"_blank\" rel=\"noopener noreferrer\">HTTP Polling<\/a> wird wegen seiner universellen Unterst\u00fctzung gesch\u00e4tzt &#8211; es funktioniert auf jedem PHP-Server und in jeder Shared-Hosting-Umgebung ohne zus\u00e4tzliche Einrichtung &#8211; ist aber aufgrund des hohen Overheads der st\u00e4ndigen HTTP-Anfragen weniger effizient.<\/li>\n<li><a href=\"https:\/\/en.wikipedia.org\/wiki\/WebSocket\" target=\"_blank\" rel=\"noopener noreferrer\">WebSockets<\/a> zeichnet sich durch Ressourceneffizienz und geringe Latenz aus, da \u00c4nderungen sofort angezeigt werden.<\/li>\n<li><a href=\"https:\/\/en.wikipedia.org\/wiki\/WebRTC\" target=\"_blank\" rel=\"noopener noreferrer\">WebRTC<\/a> ist sehr effizient f\u00fcr kleine Gruppen von Nutzern, da die Browser Daten direkt aneinander senden, ohne dass ein zentraler Server f\u00fcr die Synchronisierung ben\u00f6tigt wird. Allerdings gilt es <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/74085#issuecomment-3670177057\" target=\"_blank\" rel=\"noopener noreferrer\">als unzuverl\u00e4ssig<\/a>.<\/li>\n<\/ul>\n<p>Letztendlich wurde die Entscheidung getroffen, <a href=\"https:\/\/developer.wordpress.org\/news\/2026\/03\/whats-new-for-developers-march-2026\/#real-time-collaboration-rtc-coming-to-wordpress-7-0\" target=\"_blank\" rel=\"noopener noreferrer\">die HTTP Polling L\u00f6sung zu implementieren<\/a>. Dies gew\u00e4hrleistet zwar die Zusammenarbeit auf jedem Server, ist aber mit einem h\u00f6heren Aufwand verbunden und die am wenigsten &#8222;echtzeitf\u00e4hige&#8220; Option. WordPress ist so konzipiert, dass es vom einfachen Shared Hosting bis hin zu gro\u00dfen Unternehmensinfrastrukturen eingesetzt werden kann, weshalb diese L\u00f6sung gew\u00e4hlt wurde.<\/p>\n<p>Die Transportebene ist jedoch <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/10\/real-time-collaboration-in-the-block-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">darauf ausgelegt, ersetzt oder erweitert zu werden<\/a>. Hosting-Anbieter oder spezialisierte Plugins k\u00f6nnen das standardm\u00e4\u00dfige Abfragesystem durch einen leistungsstarken <strong>WebSocket-Anbieter<\/strong> ersetzen.<\/p>\n<h2>Neue Bl\u00f6cke und Design-Tools<\/h2>\n<p>Mit WordPress 7.0 werden neue Bl\u00f6cke und Design-Tools eingef\u00fchrt, die das Bearbeitungserlebnis deutlich verbessern werden. Hier erf\u00e4hrst du, was neu ist und wie sich deine kreativen Arbeitsabl\u00e4ufe ver\u00e4ndern.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"11\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Neuer Breadcrumbs-Block<\/h3>\n<p>WordPress 7.0 f\u00fchrt einen neuen <a href=\"https:\/\/make.wordpress.org\/core\/2025\/12\/03\/whats-new-in-gutenberg-22-2-dec3\/#breadcrumbs-block-enhancements\" target=\"_blank\" rel=\"noopener noreferrer\">Breadcrumbs-Block<\/a> ein, der die angezeigte Hierarchie der Website widerspiegelt.<\/p>\n<p>Im Kern enth\u00e4lt der neue Block eine <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/72498\" target=\"_blank\" rel=\"noopener noreferrer\">dynamische Komponente<\/a>, die die WordPress-Datenstruktur abfragt, um automatisch den aktuellen Standort der Website-Besucher\/innen auf der Grundlage der Websitehierarchie (Parent\/Child) oder der Post-Taxonomiebegriffe zu ermitteln.<\/p>\n<p>In der folgenden Abbildung zeigt der Breadcrumbs-Block die Kategorienhierarchie eines normalen Blogbeitrags an.<\/p>\n<figure id=\"attachment_206612\" aria-describedby=\"caption-attachment-206612\" style=\"width: 2146px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206612 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-breadcrumbs-block-settings-1.png\" alt=\"Der Breadcrumbs-Block zeigt die Kategorienhierarchie des Beitrags an\" width=\"2146\" height=\"916\"><figcaption id=\"caption-attachment-206612\" class=\"wp-caption-text\">Der Breadcrumbs-Block zeigt die Kategorienhierarchie des Beitrags an<\/figcaption><\/figure>\n<p>Der Breadcrumbs-Block unterst\u00fctzt auch die Abfrage-Schleife. Wenn du einen Breadcrumbs-Block zu einem Query Loop-Block hinzuf\u00fcgst, zeigt der Block die Pfade der einzelnen Beitr\u00e4ge an, die aus der Abfrage extrahiert wurden.<\/p>\n<p>Der Breadcrumbs-Block hat einige Konfigurationsoptionen, mit denen du:<\/p>\n<ul>\n<li>Den Link zur Startseite als Startpunkt der Navigation ein-\/ausblenden.<\/li>\n<li>Den aktuellen Breadcrumb ein-\/ausblenden.<\/li>\n<li>Den Breadcrumb-Trenner \u00e4ndern.<\/li>\n<li>Breadcrumbs auf der Startseite anzeigen.<\/li>\n<li>Die Beitragshierarchie (Standard) oder die Hierarchie der Taxonomiebegriffe ausw\u00e4hlen kannst.<\/li>\n<\/ul>\n<p>Der Breadcrumbs-Block unterst\u00fctzt die Gutenberg-Designtools und <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/breadcrumb-block-filters\/\" target=\"_blank\" rel=\"noopener noreferrer\">f\u00fchrt zwei Filter ein<\/a>, mit denen Entwickler die Breadcrumbs programmatisch steuern k\u00f6nnen.<\/p>\n<p>Mit dem neuen Filter <code>block_core_breadcrumbs_post_type_settings<\/code> k\u00f6nnen Entwickler\/innen festlegen, welche Taxonomie und welcher Begriff in den Breadcrumbs verwendet werden soll, wenn ein Beitrag mehrere Taxonomien oder Begriffe enth\u00e4lt.<\/p>\n<p>Im folgenden Beispiel wird der Filter verwendet, um Tags anstelle von Kategorien anzuzeigen:<\/p>\n<pre><code class=\"language-php\">add_filter( 'block_core_breadcrumbs_post_type_settings', function( $settings, $post_type ) {\n\tif ( 'post' === $post_type ) {\n\t\t$settings['taxonomy'] = 'post_tag';\n\t}\n\treturn $settings;\n}, 10, 2 );<\/code><\/pre>\n<p>Der Filter <code>block_core_breadcrumbs_items<\/code> erm\u00f6glicht es Entwicklern, Elemente im endg\u00fcltigen Breadcrumb-Trail zu \u00e4ndern, hinzuzuf\u00fcgen oder zu entfernen, bevor dieser gerendert wird. Hier sind einige Anwendungsf\u00e4lle:<\/p>\n<ul>\n<li>Ersetze das Home-Symbol durch ein Bild (ein SVG, dein Firmenlogo usw.), um Platz zu sparen oder die Blockausgabe mit dem Branding deiner Website in Einklang zu bringen.<\/li>\n<li>K\u00fcrze den Titel eines Beitrags in den Breadcrumbs, wenn er zu lang ist.<\/li>\n<li>F\u00fcge benutzerdefinierte Kategorien oder Begriffe ein, indem du z. B. einen Schritt in den Breadcrumb-Trail erzwingst.<\/li>\n<\/ul>\n<p>Der folgende Code verwendet den neuen Filter, um die Breadcrumb-Labels zu k\u00fcrzen, wenn sie l\u00e4nger als 20 Zeichen sind:<\/p>\n<pre><code class=\"language-php\">add_filter( 'block_core_breadcrumbs_items', function( $items ) {\n\tforeach ( $items as $key =&gt; $item ) {\n\t\tif ( mb_strlen( $item['label'] ) &gt; 20 ) {\n\t\t\t\/\/ Truncate the string to 17 characters and append '...'\n\t\t\t$items[$key]['label'] = mb_strimwidth( $item['label'], 0, 17, '...' );\n\t\t}\n\t}\n\treturn $items;\n}, 10, 1 );<\/code><\/pre>\n<p>Einen tieferen \u00dcberblick \u00fcber die Breadcrumbs-Blockfilter und weitere Codebeispiele findest du in der <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/breadcrumb-block-filters\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dev Note<\/a>.<\/p>\n<h3>Neuer Icon-Block<\/h3>\n<p>Mit dem neuen <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/25\/whats-new-in-gutenberg-22-6-25-february\/#icon-block\" target=\"_blank\" rel=\"noopener noreferrer\">Icon-Block<\/a> kannst du SVG-Symbole in deinen Inhalt einf\u00fcgen. Der neue Block soll <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/16484\" target=\"_blank\" rel=\"noopener noreferrer\">eine native Standardl\u00f6sung<\/a> f\u00fcr die Verwaltung von Markup und die Sicherstellung der Barrierefreiheit bieten, ohne dass die Installation von Plugins von Drittanbietern erforderlich ist, nur um ein paar Icons hinzuzuf\u00fcgen.<\/p>\n<p>Zurzeit wird der neue Icon-Block mit einem Standardset geliefert, aus dem du deine Icons ausw\u00e4hlen kannst. Es ist jedoch geplant, dass die Nutzer\/innen in Zukunft auch Iconsets von Drittanbietern registrieren k\u00f6nnen.<\/p>\n<figure id=\"attachment_206608\" aria-describedby=\"caption-attachment-206608\" style=\"width: 2214px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206608 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-icon-library.png\" alt=\"Die Icon-Bibliothek in WordPress 7.0\" width=\"2214\" height=\"1400\"><figcaption id=\"caption-attachment-206608\" class=\"wp-caption-text\">Die Icon-Bibliothek in WordPress 7.0<\/figcaption><\/figure>\n<p>Der Block basiert auf einer neuen serverseitigen <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/72215\" target=\"_blank\" rel=\"noopener noreferrer\">SVG Icon Registration API<\/a>. Dadurch wird sichergestellt, dass Aktualisierungen der Icon-Registrierung ohne Fehler an alle Nutzer\/innen weitergegeben werden. Die Einf\u00fchrung des neuen Icon-Blocks ist mit einem neuen <code>\/wp\/v2\/icons<\/code> API-Endpunkt verbunden.<\/p>\n<figure id=\"attachment_206609\" aria-describedby=\"caption-attachment-206609\" style=\"width: 1702px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206609 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-icons.png\" alt=\"Mit dem neuen Icon-Block ist das Hinzuf\u00fcgen von Icons zu deinen Inhalten ganz einfach\" width=\"1702\" height=\"986\"><figcaption id=\"caption-attachment-206609\" class=\"wp-caption-text\">Mit dem neuen Icon-Block ist das Hinzuf\u00fcgen von Icons zu deinen Inhalten ganz einfach<\/figcaption><\/figure>\n<h3>Anpassbare Navigations-Overlays<\/h3>\n<p>Vor WordPress 7.0 waren die mobilen Navigationsmen\u00fcs fest vorgegeben, und du konntest weder das Design noch das Layout oder den Standardinhalt \u00e4ndern. Mit WordPress 7.0 werden <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/customisable-navigation-overlays-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">anpassbare Navigations-Overlays<\/a> eingef\u00fchrt, die dir die volle Kontrolle \u00fcber deine Navigationsmen\u00fcs geben. Du kannst ein Men\u00fc-Overlay mit Bl\u00f6cken und Mustern erstellen und mit dem neuen Block <strong>Navigation Overlay Close<\/strong>\u00a0eine Schaltfl\u00e4che zum Schlie\u00dfen an beliebiger Stelle im Navigations-Overlay einf\u00fcgen.<\/p>\n<p>Sobald du dein Overlay erstellt hast, findest du es im Bereich <strong>Muster<\/strong> in der Seitenleiste des Seiteneditors. Jedes Overlay wird einem Navigationsblock zugewiesen, aber du kannst mehrere Navigationsbl\u00f6cke demselben Overlay zuweisen.<\/p>\n<p>Im Grunde genommen sind sie eine Blockleinwand, die jede Art von Block aufnehmen kann. Du kannst einen Navigationsblock hinzuf\u00fcgen, aber es liegt ganz bei dir, welche Bl\u00f6cke du hinzuf\u00fcgst. Das k\u00f6nnen soziale Symbole, ein Suchfeld, dein Website-Logo und vieles mehr sein.<\/p>\n<p>Navigations\u00fcberlagerungen k\u00f6nnen nur im Navigationsblock verwendet werden. Um zu verhindern, dass sie versehentlich in anderen Teilen einer Vorlage verwendet werden, sind sie vom Block-Inserter ausgeschlossen.<\/p>\n<figure id=\"attachment_206595\" aria-describedby=\"caption-attachment-206595\" style=\"width: 1932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206595 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-create-overlay.png\" alt=\"Erstellen eines Navigations-Overlays in WordPress 7.0\" width=\"1932\" height=\"1731\"><figcaption id=\"caption-attachment-206595\" class=\"wp-caption-text\">Erstellen eines Navigations-Overlays in WordPress 7.0<\/figcaption><\/figure>\n<p>Du kannst ein benutzerdefiniertes Navigations-Overlay im Abschnitt <strong>Overlays<\/strong> in der Seitenleiste des Navigationsblocks im Seiteneditor erstellen.<\/p>\n<p>Wenn du den Navigationsblock ausw\u00e4hlst, werden in der Seitenleiste des Vorlagenteils die Einstellungen f\u00fcr <strong>das Navigations-Overlay<\/strong> angezeigt, die in zwei Abschnitte unterteilt sind. Der Abschnitt <strong>Inhalt<\/strong> zeigt die im Overlay enthaltenen Blocktypen an, w\u00e4hrend der Abschnitt <strong>Design<\/strong> eine Reihe von vordefinierten Designs bietet.<\/p>\n<figure id=\"attachment_206597\" aria-describedby=\"caption-attachment-206597\" style=\"width: 1882px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206597 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-settings-2.png\" alt=\"Einstellungen des Vorlagenteils Navigation Overlay\" width=\"1882\" height=\"1332\"><figcaption id=\"caption-attachment-206597\" class=\"wp-caption-text\">Einstellungen des Vorlagenteils Navigation Overlay<\/figcaption><\/figure>\n<p>Die Block-Seitenleiste ist in zwei Registerkarten unterteilt, eine f\u00fcr die Einstellungen und die andere f\u00fcr die Stile der Navigations\u00fcberlagerungsvorlage.<\/p>\n<figure id=\"attachment_206599\" aria-describedby=\"caption-attachment-206599\" style=\"width: 1926px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206599 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-blocks.png\" alt=\"Bl\u00f6cke in einem Navigations-Overlay konfigurieren\" width=\"1926\" height=\"1400\"><figcaption id=\"caption-attachment-206599\" class=\"wp-caption-text\">Bl\u00f6cke in einem Navigations-Overlay konfigurieren<\/figcaption><\/figure>\n<p>Auf der Registerkarte <strong>Stile<\/strong>\u00a0des Blocks &#8222;Navigations-Overlay&#8220; kannst du das Aussehen deines Overlays anpassen, indem du Farben, Hintergrundbild, Typografie, Gr\u00f6\u00dfe, Rahmen und Schatten einstellst.<\/p>\n<figure id=\"attachment_206602\" aria-describedby=\"caption-attachment-206602\" style=\"width: 1882px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206602 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-styles.png\" alt=\"Navigation Overlay Stil-Einstellungen\" width=\"1882\" height=\"1380\"><figcaption id=\"caption-attachment-206602\" class=\"wp-caption-text\">Navigation Overlay Stil-Einstellungen<\/figcaption><\/figure>\n<p>Theme-Entwickler k\u00f6nnen ganz einfach vorgefertigte Navigations-Overlays zu ihren Themes hinzuf\u00fcgen. Sie k\u00f6nnen sowohl einen Standard-Overlay-Vorlagenteil (das Overlay selbst) als auch eine Reihe von Overlay-Mustern (vorgefertigte Designs, die beim Bearbeiten eines Navigations-Overlays erscheinen) bereitstellen.<\/p>\n<figure id=\"attachment_206603\" aria-describedby=\"caption-attachment-206603\" style=\"width: 1884px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206603 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-pre-built-designs.png\" alt=\"Der Abschnitt Designs in der Seitenleiste des Vorlagenteils bietet eine Reihe von vorgefertigten Mustern\" width=\"1884\" height=\"1296\"><figcaption id=\"caption-attachment-206603\" class=\"wp-caption-text\">Der Abschnitt Designs in der Seitenleiste des Vorlagenteils bietet eine Reihe von vorgefertigten Mustern<\/figcaption><\/figure>\n<p>Einen ausf\u00fchrlicheren \u00dcberblick und Codebeispiele findest du in der offiziellen <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/customisable-navigation-overlays-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dev Note<\/a> und in <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73359\" target=\"_blank\" rel=\"noopener noreferrer\">diesem Pull Request<\/a>.<\/p>\n<figure id=\"attachment_206601\" aria-describedby=\"caption-attachment-206601\" style=\"width: 1930px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206601 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-navigation-overlay-close-block-settings.png\" alt=\"Navigation Overlay Blockeinstellungen schlie\u00dfen\" width=\"1930\" height=\"880\"><figcaption id=\"caption-attachment-206601\" class=\"wp-caption-text\">Navigation Overlay Blockeinstellungen schlie\u00dfen<\/figcaption><\/figure>\n<h3>Verbesserungen f\u00fcr den Absatz-Block<\/h3>\n<p>Mehrere neue Erg\u00e4nzungen im Absatzblock bieten mehr Flexibilit\u00e4t bei der Textgestaltung.<\/p>\n<p>Erstens kannst du mit einer neuen Option in den Typografieeinstellungen den <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/new-block-support-text-indent-textindent\/\" target=\"_blank\" rel=\"noopener noreferrer\">Einzug der ersten Zeile<\/a> festlegen.<\/p>\n<figure id=\"attachment_208154\" aria-describedby=\"caption-attachment-208154\" style=\"width: 2040px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208154 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-line-indent-1.png\" alt=\"Zeileneinzugskontrolle in WordPress 7.0\" width=\"2040\" height=\"774\"><figcaption id=\"caption-attachment-208154\" class=\"wp-caption-text\">Zeileneinzugskontrolle in WordPress 7.0<\/figcaption><\/figure>\n<p>Du kannst den Texteinzug f\u00fcr einzelne Abs\u00e4tze steuern oder ihn \u00fcber die globalen Stileinstellungen unter <strong>Editor<\/strong> &gt; <strong>Stile<\/strong> &gt; <strong>Bl\u00f6cke<\/strong> &gt; <strong>Absatz<\/strong> auf alle Abs\u00e4tze anwenden.<\/p>\n<figure id=\"attachment_208150\" aria-describedby=\"caption-attachment-208150\" style=\"width: 2308px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208150 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-line-indent-global-styles.png\" alt=\"Zeileneinzugskontrolle in Globalen Stilen\" width=\"2308\" height=\"636\"><figcaption id=\"caption-attachment-208150\" class=\"wp-caption-text\">Zeileneinzugskontrolle in Globalen Stilen<\/figcaption><\/figure>\n<p>Theme-Entwickler k\u00f6nnen den Zeileneinzug in der Datei <code>theme.json<\/code> mit der neuen <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74889\" target=\"_blank\" rel=\"noopener noreferrer\">Eigenschaft <code>textIndent<\/code><\/a> aktivieren\/deaktivieren und granular steuern.<\/p>\n<p>Der Absatzblock unterst\u00fctzt jetzt auch die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73958\" target=\"_blank\" rel=\"noopener noreferrer\">breite und vollst\u00e4ndige Ausrichtung<\/a>. Das folgende Bild zeigt das neue <strong>Align-Steuerelement<\/strong>.<\/p>\n<figure id=\"attachment_208151\" aria-describedby=\"caption-attachment-208151\" style=\"width: 1354px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208151 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-paragraph-block-align-control.png\" alt=\"Der Paragraph-Block unterst\u00fctzt jetzt eine breite und vollst\u00e4ndige Ausrichtung\" width=\"1354\" height=\"622\"><figcaption id=\"caption-attachment-208151\" class=\"wp-caption-text\">Der Paragraph-Block unterst\u00fctzt jetzt eine breite und vollst\u00e4ndige Ausrichtung<\/figcaption><\/figure>\n<p>Eine weitere n\u00fctzliche Erg\u00e4nzung des Absatzblocks ist die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74656\" target=\"_blank\" rel=\"noopener noreferrer\">Unterst\u00fctzung von Textspalten<\/a>. Diese neue Option ist unter den <strong>Typografieeinstellungen<\/strong> in der Seitenleiste des Blocks verf\u00fcgbar.<\/p>\n<figure id=\"attachment_208152\" aria-describedby=\"caption-attachment-208152\" style=\"width: 2060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208152 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-paragraph-block-columns.png\" alt=\"Der Absatz-Block unterst\u00fctzt jetzt Textspalten\" width=\"2060\" height=\"1034\"><figcaption id=\"caption-attachment-208152\" class=\"wp-caption-text\">Der Absatz-Block unterst\u00fctzt jetzt Textspalten<\/figcaption><\/figure>\n<h3>Eingebettete Hintergrundvideos f\u00fcr den Cover-Block<\/h3>\n<p>Mit WordPress 7.0 kannst du eingebettete Videos, z. B. von <a href=\"https:\/\/kinsta.com\/de\/blog\/einbettung-youtube-video-wordpress\/\">YouTube<\/a> oder Vimeo, als <a href=\"https:\/\/make.wordpress.org\/core\/2025\/12\/03\/whats-new-in-gutenberg-22-2-dec3\/#cover-block-video-embeds\" target=\"_blank\" rel=\"noopener noreferrer\">Hintergrundvideos f\u00fcr den Titelblock<\/a> verwenden. Zuvor konntest du nur hochgeladene Videos verwenden.<\/p>\n<p>Diese Funktion ist besonders n\u00fctzlich f\u00fcr diejenigen, die Bandbreite sparen wollen, indem sie <a href=\"https:\/\/kinsta.com\/de\/blog\/video-hosting\/\">Videos auf externen Plattformen hosten<\/a>.<\/p>\n<figure id=\"attachment_207246\" aria-describedby=\"caption-attachment-207246\" style=\"width: 1748px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207246 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-embed-video-from-url.png\" alt=\"Video von URL einbetten in WordPress 7.0\" width=\"1748\" height=\"856\"><figcaption id=\"caption-attachment-207246\" class=\"wp-caption-text\">Video von URL einbetten in WordPress 7.0<\/figcaption><\/figure>\n<p>Um ein gehostetes Video hinzuzuf\u00fcgen, klicke in der Symbolleiste des Titelblocks auf <strong>Medien hinzuf\u00fcgen<\/strong> und w\u00e4hle dann <strong>Video von URL einbetten<\/strong>.<\/p>\n<figure id=\"attachment_207248\" aria-describedby=\"caption-attachment-207248\" style=\"width: 1742px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207248 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-add-video-url.png\" alt=\"Video-URL f\u00fcr den Titelblock eingeben\" width=\"1742\" height=\"852\"><figcaption id=\"caption-attachment-207248\" class=\"wp-caption-text\">Video-URL f\u00fcr den Titelblock eingeben<\/figcaption><\/figure>\n<p>Du wirst dann aufgefordert, die Video-URL einzugeben.<\/p>\n<figure id=\"attachment_207250\" aria-describedby=\"caption-attachment-207250\" style=\"width: 2378px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207250 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-embedded-video.jpg\" alt=\"Eingebettetes Video als Hintergrundvideo f\u00fcr den Titelblock\" width=\"2378\" height=\"1206\"><figcaption id=\"caption-attachment-207250\" class=\"wp-caption-text\">Eingebettetes Video als Hintergrundvideo f\u00fcr den Titelblock<\/figcaption><\/figure>\n<p>Dein eingebettetes Video erscheint als Hintergrundvideo f\u00fcr deinen Cover-Block, sowohl im Editor als auch im Frontend.<\/p>\n<h3>Responsiver Rasterblock<\/h3>\n<p>Der Grid-Block wurde aktualisiert und ist jetzt nativ responsiv. In fr\u00fcheren WordPress-Versionen konnten Nutzer nur zwischen den Modi Auto und Manuell w\u00e4hlen. Im Auto-Modus konntest du die minimale Spaltenbreite einstellen, um den Block responsiv zu machen. Im manuellen Modus konntest du die Anzahl der Spalten festlegen, die jedoch fest blieb.<\/p>\n<figure id=\"attachment_207377\" aria-describedby=\"caption-attachment-207377\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207377 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/grid-block-settings-wp-6-9.jpg\" alt=\"Rasterblockeinstellungen in WordPress 6.9\" width=\"1790\" height=\"1002\"><figcaption id=\"caption-attachment-207377\" class=\"wp-caption-text\">Rasterblockeinstellungen in WordPress 6.9<\/figcaption><\/figure>\n<p>Ab WordPress 7.0 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73662\" target=\"_blank\" rel=\"noopener noreferrer\">ist der Grid-Block nativ responsive<\/a>. Die Anzahl der Spalten verh\u00e4lt sich jetzt wie das Maximum, und du kannst die minimale Spaltengr\u00f6\u00dfe und die maximale Anzahl der Spalten feinabstimmen, w\u00e4hrend der Block responsive bleibt.<\/p>\n<figure id=\"attachment_207378\" aria-describedby=\"caption-attachment-207378\" style=\"width: 2496px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207378 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-wide-screen.jpg\" alt=\"Der Grid-Block auf einem gro\u00dfen Bildschirm\" width=\"2496\" height=\"1274\"><figcaption id=\"caption-attachment-207378\" class=\"wp-caption-text\">Der Grid-Block auf einem gro\u00dfen Bildschirm<\/figcaption><\/figure>\n<figure id=\"attachment_207379\" aria-describedby=\"caption-attachment-207379\" style=\"width: 2496px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207379 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-small-screen.jpg\" alt=\"Der Grid-Block auf einem kleinen Bildschirm\" width=\"2496\" height=\"1274\"><figcaption id=\"caption-attachment-207379\" class=\"wp-caption-text\">Der Grid-Block auf einem kleinen Bildschirm<\/figcaption><\/figure>\n<h3>Benutzerdefinierte CSS-Unterst\u00fctzung f\u00fcr einzelne Bl\u00f6cke<\/h3>\n<p>Du kannst jetzt <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/custom-css-for-individual-block-instances-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">benutzerdefinierte Stile f\u00fcr einzelne Bl\u00f6cke<\/a> in den erweiterten Einstellungen des Blocks hinzuf\u00fcgen.<\/p>\n<figure id=\"attachment_207383\" aria-describedby=\"caption-attachment-207383\" style=\"width: 1712px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207383 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-additional-css.jpg\" alt=\"Benutzerdefinierte CSS-Unterst\u00fctzung f\u00fcr einzelne Bl\u00f6cke in WordPress 7.0\" width=\"1712\" height=\"858\"><figcaption id=\"caption-attachment-207383\" class=\"wp-caption-text\">Benutzerdefinierte CSS-Unterst\u00fctzung f\u00fcr einzelne Bl\u00f6cke in WordPress 7.0<\/figcaption><\/figure>\n<p>Wenn du einem Block benutzerdefinierte Stile hinzuf\u00fcgst, f\u00fcgt WordPress automatisch die Klasse <code>has-custom-css<\/code> hinzu. Wenn du dir den Block im Code-Editor ansiehst, siehst du einen Codeblock \u00e4hnlich dem folgenden:<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:image {\n\t\"id\":848,\n\t\"sizeSlug\":\"large\",\n\t\"linkDestination\":\"none\",\n\t\"style\":{ \"css\":\"border: 4px solid blue;\" }\n} --&gt;\n\t&lt;figure class=\"wp-block-image size-large has-custom-css\"&gt;\n\t\t&lt;img src=\"http:\/\/example.com\/wp-content\/uploads\/2026\/03\/example-768x1024.jpg\" alt=\" class=\"wp-image-848\"\/&gt;\n\t&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;<\/code><\/pre>\n<p>Der benutzerdefinierte Stil wird nach den WordPress-Standardeinstellungen und den globalen Stilen geladen, so dass \u00c4nderungen, die du vornimmst, keine Auswirkungen auf das Aussehen anderer Instanzen desselben Blocks haben.<\/p>\n<h3>Blocksichtbarkeit basierend auf dem Viewport<\/h3>\n<p>In WordPress 7.0 kannst du Bl\u00f6cke individuell <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/block-visibility-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">ein- und ausblenden<\/a>, je nachdem, ob sich der Nutzer auf einem Mobilger\u00e4t, einem Tablet oder einem Desktop befindet.<\/p>\n<p>Diese erste Iteration f\u00fcgt die neue Eigenschaft viewport zu blockVisibility hinzu.<\/p>\n<pre><code class=\"language-json\">{\n\t\"metadata\": {\n\t\t\"blockVisibility\": {\n\t\t\t\"viewport\": {\n\t\t\t\t\"mobile\": false,\n\t\t\t\t\"tablet\": true,\n\t\t\t\t\"desktop\": true\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Du kannst die Sichtbarkeitskontrolle aktivieren, indem du das obige JSON-Objekt direkt im Code-Editor oder \u00fcber die Befehlspalette zu dem Block hinzuf\u00fcgst.<\/p>\n<figure id=\"attachment_207741\" aria-describedby=\"caption-attachment-207741\" style=\"width: 1466px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207741 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-command-palette.jpg\" alt=\"Aktiviere die Sichtbarkeitskontrolle des Blocks \u00fcber die Befehlspalette\" width=\"1466\" height=\"900\"><figcaption id=\"caption-attachment-207741\" class=\"wp-caption-text\">Aktiviere die Sichtbarkeitskontrolle des Blocks \u00fcber die Befehlspalette<\/figcaption><\/figure>\n<p>Wenn du die Blocksichtbarkeitskontrolle aktiviert hast, kannst du auf die Optionen f\u00fcr die Blocksichtbarkeit zugreifen, indem du das Modal \u00fcber die Blocksymbolleiste, die Seitenleiste des Blockinspektors oder die Befehlspalette \u00f6ffnest.<\/p>\n<figure id=\"attachment_207742\" aria-describedby=\"caption-attachment-207742\" style=\"width: 2174px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207742 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp_7-0-visibility-modal.jpg\" alt=\"Das Blocksichtbarkeitsmodal in WordPress 7.0\" width=\"2174\" height=\"1108\"><figcaption id=\"caption-attachment-207742\" class=\"wp-caption-text\">Das Blocksichtbarkeitsmodal in WordPress 7.0<\/figcaption><\/figure>\n<p>Zuk\u00fcnftige Versionen sollen konfigurierbare Haltepunkte und eine Integration mit <code>theme.json<\/code> f\u00fcr die Blocksichtbarkeit enthalten.<\/p>\n<h3>Styling-Optionen f\u00fcr den Math-Block<\/h3>\n<p>Vor WordPress 7.0 konnten die Nutzer das Aussehen des <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-9\/#math\">Mathe-Blocks<\/a> nicht anpassen. Die neue WordPress-Version f\u00fcgt Optionen f\u00fcr Farbe, Typografie, Abmessungen und Umrandung <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73544\" target=\"_blank\" rel=\"noopener noreferrer\">f\u00fcr den Mathe-Block<\/a> hinzu.<\/p>\n<p>Das folgende Bild zeigt ein Beispiel f\u00fcr die Gestaltung des Mathe-Blocks:<\/p>\n<figure id=\"attachment_208194\" aria-describedby=\"caption-attachment-208194\" style=\"width: 2040px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208194 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-math-block-styles.png\" alt=\"Styling-Optionen f\u00fcr den Mathe-Block\" width=\"2040\" height=\"1264\"><figcaption id=\"caption-attachment-208194\" class=\"wp-caption-text\">Styling-Optionen f\u00fcr den Mathe-Block<\/figcaption><\/figure>\n<h3>Aktualisierungen des HTML-Blocks<\/h3>\n<p>Der HTML-Block wurde <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73108\" target=\"_blank\" rel=\"noopener noreferrer\">komplett umgestaltet<\/a>. Wenn du jetzt einen HTML-Block in deinen Inhalt einf\u00fcgst, erscheint ein modales Fenster mit drei separaten Registerkarten f\u00fcr die Eingabe von HTML, CSS und JavaScript.<\/p>\n<figure id=\"attachment_208202\" aria-describedby=\"caption-attachment-208202\" style=\"width: 2426px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208202 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-html-block-modal.png\" alt=\"Hinzuf\u00fcgen von Code zum HTML-Block in WordPress 7.0\" width=\"2426\" height=\"1182\"><figcaption id=\"caption-attachment-208202\" class=\"wp-caption-text\">Hinzuf\u00fcgen von Code zum HTML-Block in WordPress 7.0<\/figcaption><\/figure>\n<p>Wenn du mehr Platz brauchst, kannst du \u00fcber eine Schaltfl\u00e4che in der oberen rechten Ecke des modalen Fensters den Vollbildmodus aktivieren oder deaktivieren.<\/p>\n<figure id=\"attachment_208203\" aria-describedby=\"caption-attachment-208203\" style=\"width: 2182px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208203 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-html-block-modal-fullscreen.png\" alt=\"Das Modal des HTML-Blocks im Vollbildmodus\" width=\"2182\" height=\"1386\"><figcaption id=\"caption-attachment-208203\" class=\"wp-caption-text\">Das Modal des HTML-Blocks im Vollbildmodus<\/figcaption><\/figure>\n<h3>Verbesserungen am Bildblock<\/h3>\n<p>Der Bildblock wurde mit mehreren Verbesserungen aktualisiert, die gr\u00f6\u00dfere Anpassungsm\u00f6glichkeiten bieten.<\/p>\n<p>Der Bildblock unterst\u00fctzt jetzt die <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/04\/whats-new-in-gutenberg-22-5-04-february\/#image-block-aspect-ratio-control-for-wide-and-full-alignment\" target=\"_blank\" rel=\"noopener noreferrer\">Steuerung des Seitenverh\u00e4ltnisses<\/a> f\u00fcr die breite und volle Ausrichtung (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74519\" target=\"_blank\" rel=\"noopener noreferrer\">PR #74519<\/a>). Diese neue Funktion ist auf der Registerkarte Stile in der Seitenleiste der Blockeinstellungen verf\u00fcgbar.<\/p>\n<figure id=\"attachment_208229\" aria-describedby=\"caption-attachment-208229\" style=\"width: 2136px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208229 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-image-aspect-ratio.jpg\" alt=\"Seitenverh\u00e4ltnissteuerung f\u00fcr den Bildblock in WordPress 7.0\" width=\"2136\" height=\"1220\"><figcaption id=\"caption-attachment-208229\" class=\"wp-caption-text\">Seitenverh\u00e4ltnissteuerung f\u00fcr den Bildblock in WordPress 7.0<\/figcaption><\/figure>\n<p>Eine weitere n\u00fctzliche Erg\u00e4nzung ist die Brennpunktsteuerung. Mit dieser neuen Funktion kannst du den sichtbaren Teil eines Bildes anpassen, wenn es beschnitten wird (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73115\" target=\"_blank\" rel=\"noopener noreferrer\">PR #73115<\/a>)<\/p>\n<figure id=\"attachment_208230\" aria-describedby=\"caption-attachment-208230\" style=\"width: 2132px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208230 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-image-focal-point.jpg\" alt=\"Steuerung des Bildschwerpunkts in WordPress 7.0\" width=\"2132\" height=\"982\"><figcaption id=\"caption-attachment-208230\" class=\"wp-caption-text\">Steuerung des Bildschwerpunkts in WordPress 7.0<\/figcaption><\/figure>\n<p>Die Komponente zum Zuschneiden von Bildern im Editor wurde in ein spezielles Paket verschoben und kann nun in der gesamten Anwendung verwendet werden, nicht nur im Block-Editor (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73277\" target=\"_blank\" rel=\"noopener noreferrer\">PR #73277<\/a>)<\/p>\n<h2>Verbessertes Admin-Erlebnis<\/h2>\n<p>Mit der Ver\u00f6ffentlichung von WordPress 7.0 wurde der WordPress-Adminbereich neu gestaltet und modernisiert. Es handelt sich um eine wesentliche Verbesserung des Admin-Bereichs, die darauf abzielt, die Navigation auf der Website fl\u00fcssiger, einheitlicher und optisch ansprechender zu gestalten.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Visuelle Verbesserungen<\/h3>\n<p>Wenn du das WordPress 7.0 Admin-Panel \u00f6ffnest, wirst du sofort bemerken, wie anders die Oberfl\u00e4chenelemente aussehen. Diese \u00c4nderungen wurden <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/64308\" target=\"_blank\" rel=\"noopener noreferrer\">breit diskutiert<\/a> und als notwendig erachtet, um das Erscheinungsbild des Dashboards zu modernisieren und Unstimmigkeiten zwischen dem alten Dashboard und dem Block-Editor zu verringern.<\/p>\n<blockquote><p>Ziel ist es, das Erscheinungsbild des Admin-Bereichs zu modernisieren, Unstimmigkeiten zwischen den alten Bildschirmen und den neueren Bildschirmen des Block-Editors \/ Site-Editors zu verringern und ihn besser an das WordPress-Designsystem insgesamt anzupassen.<\/p><\/blockquote>\n<p>Die visuelle Neugestaltung konzentrierte sich auf eine Reihe von Kernkomponenten, die \u00fcberall im WordPress-Adminbereich erscheinen. Wie Fabian Kaegy betonte, handelt es sich dabei um rein visuelle \u00c4nderungen ohne architektonische oder funktionale Neuerungen.<\/p>\n<p>Du kannst die neuen Men\u00fcs, Schaltfl\u00e4chen und \u00dcberg\u00e4nge in WordPress 7.0 im offiziellen <a href=\"https:\/\/www.figma.com\/design\/804HN2REV2iap2ytjRQ055\/WordPress-Design-System?node-id=551-29619&#038;p=f&#038;t=tJrIlW5QQaGPdDIo-0\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Design System auf Figma<\/a> entdecken.<\/p>\n<figure id=\"attachment_208271\" aria-describedby=\"caption-attachment-208271\" style=\"width: 1634px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208271 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-admin-buttons-restyling.png\" alt=\"Admin-Buttons Neugestaltung in WordPress 7.0\" width=\"1634\" height=\"1064\"><figcaption id=\"caption-attachment-208271\" class=\"wp-caption-text\">Admin-Buttons Neugestaltung in WordPress 7.0 (Bildquelle: <a href=\"https:\/\/www.figma.com\/design\/804HN2REV2iap2ytjRQ055\/WordPress-Design-System?node-id=551-29619&#038;p=f&#038;t=tJrIlW5QQaGPdDIo-0\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Design System<\/a>)<\/figcaption><\/figure>\n<h3>Visuelle \u00dcberarbeitungen<\/h3>\n<p>\u00dcberarbeitungen werden jetzt als Vorschau in einer <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/74771\" target=\"_blank\" rel=\"noopener noreferrer\">editor\u00e4hnlichen Oberfl\u00e4che<\/a> dargestellt, die visuelle Unterschiede hervorhebt. Du musst nicht mehr den ganzen Artikel lesen, um zu sehen, was sich ge\u00e4ndert hat, denn die Unterschiede zwischen den Versionen desselben Inhalts werden jetzt auf Blockebene hervorgehoben. Das System erkennt auch Stil\u00e4nderungen, sodass du Anpassungen an der Farbpalette, der Typografie, den Abmessungen usw. leicht erkennen kannst.<\/p>\n<figure id=\"attachment_207219\" aria-describedby=\"caption-attachment-207219\" style=\"width: 2266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-207219 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-revisions-2.jpg\" alt=\"Revisionen bieten jetzt eine visuelle Vorschau auf \u00c4nderungen auf Blockebene\" width=\"2266\" height=\"1204\"><figcaption id=\"caption-attachment-207219\" class=\"wp-caption-text\">Revisionen bieten jetzt eine visuelle Vorschau auf \u00c4nderungen auf Blockebene<\/figcaption><\/figure>\n<p>Verschiedene Farben kennzeichnen <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/75049\" target=\"_blank\" rel=\"noopener noreferrer\">unterschiedliche Arten von \u00c4nderungen<\/a>:<\/p>\n<ul>\n<li>Gelb hebt einen Block oder Text hervor, der ge\u00e4ndert wurde.<\/li>\n<li>Rot hebt einen Block oder Text hervor, der gel\u00f6scht wurde.<\/li>\n<li>Gr\u00fcn kennzeichnet einen Block oder Text, der hinzugef\u00fcgt wurde.<\/li>\n<\/ul>\n<p>Bei \u00dcberarbeitungen kannst du die volle Leistung von Yjs sehen, denn wenn du eine fr\u00fchere Version wiederherstellst, stellt das System nur die \u00c4nderungen wieder her, die an dem Dokument pro Block vorgenommen wurden, nicht den gesamten Inhalt.<\/p>\n<p>Es wird erwartet, dass das System mit zuk\u00fcnftigen Updates verbessert wird, und wir k\u00f6nnen neue, leistungsstarke Funktionen erwarten. Einen detaillierteren \u00dcberblick \u00fcber die bisherigen und zuk\u00fcnftigen \u00c4nderungen findest du in <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/05\/revisions\/\" target=\"_blank\" rel=\"noopener noreferrer\">diesem Beitrag von Mathias Ventura aus dem Jahr 2023<\/a> sowie in den Ausgaben <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/60096\" target=\"_blank\" rel=\"noopener noreferrer\">#60096<\/a> und <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/61161\" target=\"_blank\" rel=\"noopener noreferrer\">#61161<\/a>.<\/p>\n<h3>\u00dcberg\u00e4nge ansehen<\/h3>\n<p>Mit WordPress 7.0 erh\u00e4lt das <code>Boot<\/code>-Paket &#8211; die Komponente, die f\u00fcr die Initialisierung des Editors und die Verwaltung der \u00dcberg\u00e4nge zwischen den verschiedenen Verwaltungsbildschirmen zust\u00e4ndig ist &#8211; ein <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/73586\">bedeutendes Upgrade<\/a>. Dank dieser neuen Infrastruktur muss die Navigation zwischen den Dashboard-Bildschirmen nicht mehr abrupt neu geladen werden, sondern bietet elegante \u00dcberg\u00e4nge, die das Admin-Erlebnis deutlich verbessern.<\/p>\n<p>Technisch gesehen kann WordPress durch die Implementierung der View Transitions API im Boot-Paket jetzt Zoom- und Slide-Animationen bei Zustands\u00e4nderungen orchestrieren. Dadurch wird ein erneutes Aufziehen des Canvas bei Routen\u00e4nderungen vermieden und ein flie\u00dfender \u00dcbergang f\u00fcr die Root-Navigation gew\u00e4hrleistet.<\/p>\n<h2>\u00c4nderungen f\u00fcr Entwickler<\/h2>\n<p>WordPress 7.0 ist mehr als nur ein visuelles Update; es f\u00fchrt strukturelle \u00c4nderungen ein, die den Entwicklungsworkflow drastisch vereinfachen. Zu den wichtigsten Neuerungen geh\u00f6ren weniger benutzerdefiniertes CSS dank einer leistungsf\u00e4higeren <code>theme.json<\/code>, eine vorhersehbarere Layout-Verwaltung durch den erweiterten Einsatz von iframes und neue deklarative Tools f\u00fcr Admin-Interfaces mit verbesserten DataViews, DataForm und Field API sowie eine neue Client-seitige Abilities API, die eine standardisierte M\u00f6glichkeit bietet, Anwendungsf\u00e4higkeiten \u00fcber JavaScript darzustellen und mit ihnen zu interagieren.<\/p>\n<p>F\u00fcr Entwickler\/innen gibt es mit WordPress 7.0 die wichtigsten technischen \u00c4nderungen, die sie kennen sollten.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"6\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Pseudoklassen-Unterst\u00fctzung in theme.json<\/h3>\n<p>Gute Nachrichten f\u00fcr Theme-Entwickler. Ab WordPress 7.0 kannst du <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/09\/pseudo-element-support-for-blocks-and-their-variations-in-theme-json\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pseudo-Klassen-Selektoren<\/a> (<code>:hover<\/code>, <code>:focus<\/code>, <code>:focus-visible<\/code> und <code>:active<\/code>) direkt in deinen Bl\u00f6cken und Stilvariationen in deiner <code>theme.json<\/code> verwenden.<\/p>\n<p>Vor WordPress 7.0 wurden Pseudoklassen nur f\u00fcr HTML-Elemente wie Schaltfl\u00e4chen und Links unterst\u00fctzt, und ihre Verwendung auf Blockebene war nur in benutzerdefinierten CSS m\u00f6glich.<\/p>\n<p>Um Pseudo-Klassen auf der Blockebene zu verwenden, musst du <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/64263\" target=\"_blank\" rel=\"noopener noreferrer\">deine Style-Konfiguration<\/a> in den <code>styles<\/code>-Abschnitt deiner <code>theme.json<\/code>-Datei einf\u00fcgen. Hier ist ein einfaches Beispiel f\u00fcr die Verwendung von Pseudo-Klassen f\u00fcr einen Button-Block (siehe auch <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/71418\" target=\"_blank\" rel=\"noopener noreferrer\">PR #71418<\/a>):<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 3,\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/button\": {\n\t\t\t\t\"border\": {\n\t\t\t\t\t\"width\": \"2px\",\n\t\t\t\t\t\"style\": \"solid\",\n\t\t\t\t\t\"color\": \"#000000\"\n\t\t\t\t},\n\t\t\t\t\":hover\": {\n\t\t\t\t\t\"border\": {\n\t\t\t\t\t\t\"color\": \"#ff4400\"\n\t\t\t\t\t},\n\t\t\t\t\t\"shadow\": \"0 8px 15px rgba(255, 68, 0, 0.3)\",\n\t\t\t\t\t\"typography\": {\n\t\t\t\t\t\t\"textDecoration\": \"underline\"\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t\":active\": {\n\t\t\t\t\t\"filter\": \"brightness(0.8)\",\n\t\t\t\t\t\"shadow\": \"none\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Das folgende Bild zeigt die verschiedenen Zust\u00e4nde des Button-Blocks.<\/p>\n<figure id=\"attachment_206689\" aria-describedby=\"caption-attachment-206689\" style=\"width: 942px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206689 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/03\/wp-7-0-pseudo-elements.png\" alt=\"Verwendung der Pseudoklassen: hover und: active in einem Button-Block\" width=\"942\" height=\"213\"><figcaption id=\"caption-attachment-206689\" class=\"wp-caption-text\">Verwendung der Pseudoklassen: hover und: active in einem Button-Block<\/figcaption><\/figure>\n<p>Das folgende Beispiel zeigt, wie du Pseudo-Klassen f\u00fcr eine Blockvariation in <code>theme.json<\/code> verwendest:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 3,\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/button\": {\n\t\t\t\t\"variations\": {\n\t\t\t\t\t\"neon\": {\n\t\t\t\t\t\t\"border\": {\n\t\t\t\t\t\t\t\"width\": \"2px\",\n\t\t\t\t\t\t\t\"style\": \"solid\",\n\t\t\t\t\t\t\t\"color\": \"#00ff00\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"color\": {\n\t\t\t\t\t\t\t\"text\": \"#00ff00\",\n\t\t\t\t\t\t\t\"background\": \"transparent\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\":hover\": {\n\t\t\t\t\t\t\t\"border\": {\n\t\t\t\t\t\t\t\t\"color\": \"#ffffff\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\"shadow\": \"0 0 20px #00ff00, 0 0 40px #00ff00\",\n\t\t\t\t\t\t\t\"color\": {\n\t\t\t\t\t\t\t\t\"text\": \"#ffffff\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\"typography\": {\n\t\t\t\t\t\t\t\t\"textDecoration\": \"none\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\":active\": {\n\t\t\t\t\t\t\t\"filter\": \"brightness(1.5) blur(1px)\",\n\t\t\t\t\t\t\t\"shadow\": \"0 0 10px #ffffff\"\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<h3>Iframed Post Editor<\/h3>\n<p>Ab WordPress 7.0 wird der <a href=\"https:\/\/make.wordpress.org\/core\/2026\/02\/24\/iframed-editor-changes-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">Post-Editor in einem Iframe geladen<\/a>, wenn der Inhalt nur Bl\u00f6cke enth\u00e4lt, die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/75187\" target=\"_blank\" rel=\"noopener noreferrer\">Block API Version 3 oder h\u00f6her<\/a> verwenden. Vor Version 7.0 wurde der Post-Editor nur dann in einem Iframe geladen, wenn alle registrierten Bl\u00f6cke (auch die, die nicht im Inhalt enthalten sind) die Block API v3 verwendeten.<\/p>\n<p>Der Hauptvorteil des Ladens des Editors in einem Iframe ist, dass er die UI-Stile des Editors von den Inhaltsstilen des Themas isoliert. Ohne einen iframe werden die Stylesheets des Editors und des Themes im selben Dokument verwendet, was oft zu Kompatibilit\u00e4tsproblemen f\u00fchrt und es den Entwicklern erschwert, die visuelle Konsistenz zwischen Backend und Frontend herzustellen.<\/p>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/blocks-in-an-iframed-template-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Die wichtigsten Vorteile<\/a> des iframed Post Editors sind:<\/p>\n<h4>Stil-Isolierung<\/h4>\n<ul>\n<li><strong>Kein CSS-Ausbluten:<\/strong> Der iframe verhindert, dass die Stile des WordPress-Administrators in den Editor-Canvas \u00fcbergehen und umgekehrt. So wird sichergestellt, dass das Erscheinungsbild des Blocks nicht von der umgebenden Benutzeroberfl\u00e4che beeinflusst wird.<\/li>\n<li><strong>Kein CSS-Reset erforderlich:<\/strong> Entwickler\/innen m\u00fcssen die CSS-Regeln des WordPress-Administrators nicht mehr manuell zur\u00fccksetzen, damit der Inhalt des Editors mit dem Erscheinungsbild des Frontends \u00fcbereinstimmt.<\/li>\n<li><strong>Keine Pr\u00e4fixe:<\/strong> Theme-Entwickler m\u00fcssen ihren CSS-Regeln keine Pr\u00e4fixe oder hochspezifischen Selektoren mehr hinzuf\u00fcgen, um die Admin-Oberfl\u00e4che nicht zu besch\u00e4digen.<\/li>\n<\/ul>\n<h4>Layout-Konsistenz<\/h4>\n<ul>\n<li><strong>Viewport-relative Einheiten:<\/strong> Ohne Iframes beziehen sich Einheiten wie <code>vw<\/code> (Viewport-Breite) und <code>vh<\/code> (Viewport-H\u00f6he) auf die gesamte Admin-Seite (einschlie\u00dflich der Seitenleiste); sie sollten <a href=\"https:\/\/make.wordpress.org\/core\/2025\/11\/12\/preparing-the-post-editor-for-full-iframe-integration\/\" target=\"_blank\" rel=\"noopener noreferrer\">nur im Editor-Canvas<\/a> verwendet werden.<\/li>\n<li><strong>Native Medienabfragen:<\/strong> Medienabfragen funktionieren nativ innerhalb des Iframes und spiegeln die Gr\u00f6\u00dfe der Editor-Canvas wider und nicht die des gesamten Browserfensters.<\/li>\n<\/ul>\n<h4>Erfahrung f\u00fcr Entwickler<\/h4>\n<ul>\n<li><strong>Vereinfachter Arbeitsablauf:<\/strong> Theme- und Plugin-Autoren k\u00f6nnen Stile aus dem Frontend mit minimalen oder gar keinen \u00c4nderungen in den Editor &#8222;\u00fcbertragen&#8220;.<\/li>\n<li><strong>Dauerhafte Auswahlen:<\/strong> Iframes sorgen daf\u00fcr, dass die Auswahl im Editor (z. B. ausgew\u00e4hlter Text) auch dann sichtbar bleibt, wenn der\/die Nutzer\/in mit UI-Elementen, wie z. B. Seitenleisten, interagiert.<\/li>\n<li><strong>Vorhersehbarkeit:<\/strong> Der iframed-Editor l\u00f6st auch das Problem der visuellen Inkonsistenz und verhindert, dass der Editor je nach installierten Plug-ins pl\u00f6tzlich den Modus wechselt.<\/li>\n<\/ul>\n<h4>Abw\u00e4rtskompatibilit\u00e4t<\/h4>\n<p>Wenn ein Beitrag einen Block enth\u00e4lt, der \u00e4ltere API-Versionen verwendet, wird der Iframe automatisch entfernt, um die Abw\u00e4rtskompatibilit\u00e4t zu gew\u00e4hrleisten. Um von diesen Verbesserungen zu profitieren, sollten Block-Entwickler ihre Bl\u00f6cke auf die Block-API-Version 3 aktualisieren.<\/p>\n<h3>Block-Registrierung nur f\u00fcr PHP<\/h3>\n<p>WordPress 7.0 f\u00fchrt die M\u00f6glichkeit ein, <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/03\/php-only-block-registration\/\">Bl\u00f6cke ausschlie\u00dflich \u00fcber PHP<\/a> mit automatisch generierten Inspektorsteuerungen zu registrieren. Diese Neuerung vereinfacht die Arbeitsabl\u00e4ufe von Entwicklern und ermutigt Websites, die hybride Themes oder veraltete PHP-Funktionen und Shortcodes verwenden, den Block-Editor zu \u00fcbernehmen und weiterzuentwickeln. Hier ist ein Beispiel f\u00fcr einen per PHP registrierten Block:<\/p>\n<pre><code class=\"language-php\">\/**\n * Render callback (frontend and editor)\n *\/\nfunction my_php_only_block_render( $attributes ) {\n\treturn '&lt;div&gt;\n\t\t&lt;h3&gt;\ud83d\ude80 PHP-only Block&lt;\/h3&gt;\n\t\t&lt;p&gt;This block was created with only PHP!&lt;\/p&gt;\n\t&lt;\/div&gt;';\n}\n\n\/**\n * Register the block on the 'init' hook.\n *\/\nadd_action( 'init', function() {\n\tregister_block_type( 'my-plugin\/php-only-test-block', array(\n\t\t'title'\t\t   =&gt; 'My PHP-only Block',\n\t\t'icon'\t\t\t=&gt; 'welcome-learn-more',\n\t\t'category'\t\t=&gt; 'text',\n\t\t'render_callback' =&gt; 'my_php_only_block_render',\n\t\t'supports'\t\t=&gt; array(\n\t\t\t\/\/ Automatically registers the block in the Editor JS (previously auto_ssr)\n\t\t\t'auto_register' =&gt; true, \n\t\t),\n\t) );\n});<\/code><\/pre>\n<p>Zum Zeitpunkt der Erstellung dieses Artikels sind reine PHP-Bl\u00f6cke nicht dynamisch und k\u00f6nnen nur bestimmte Konfigurationskontrollen verwenden. Aber es gibt noch viele Anwendungsf\u00e4lle zu entdecken. Aus diesem Grund haben wir ein Tutorial ver\u00f6ffentlicht, das nur <a href=\"https:\/\/kinsta.com\/de\/blog\/php-only-gutenberg-bloecke\/\" target=\"_blank\" rel=\"noopener noreferrer\">PHP-Bl\u00f6cke<\/a> behandelt. Wenn du ein PHP-Entwickler bist, lohnt es sich, einen Blick darauf zu werfen.<\/p>\n<figure id=\"attachment_206054\" aria-describedby=\"caption-attachment-206054\" style=\"width: 1644px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-206054 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/02\/basic-php-only-block.png\" alt=\"Ein einfacher reiner PHP-Block\" width=\"1644\" height=\"656\"><figcaption id=\"caption-attachment-206054\" class=\"wp-caption-text\">Ein einfacher reiner PHP-Block<\/figcaption><\/figure>\n<h3>Verbesserungen bei DataViews, DataForm und Field API<\/h3>\n<p>WordPress 7.0 f\u00fchrt mehrere Verbesserungen an DataViews ein und markiert damit einen entscheidenden Schritt hin zu einer moderneren, modularen Verwaltungsoberfl\u00e4che. Dieses Update verwandelt die Datenverwaltung in eine hochgradig anpassbare Erfahrung mit einem deklarativen Ansatz. Entwickler k\u00f6nnen jetzt komplexe benutzerdefinierte Schnittstellen erstellen, indem sie einfach ihre Regeln im JSON-Format definieren, damit der Kern die Schnittstelle generieren kann.<\/p>\n<p>Neu hinzugekommen sind unter anderem:<\/p>\n<ul>\n<li><strong>Verbesserungen bei der Datenvisualisierung (DataViews):<\/strong> Das neue <strong>Activity-Layout<\/strong> verwendet einen Activity-Feed-Timeline-Stil. Au\u00dferdem gibt es einen neuen kompakten Ansichtsmodus f\u00fcr Listen.<\/li>\n<li><strong>Verbesserungen am Formular (DataForm):<\/strong> Das neue Layout <strong>Details<\/strong> ist jetzt verf\u00fcgbar, ebenso wie Bearbeitungssymbole f\u00fcr das Layout <strong>Panel<\/strong>. Diese Icons k\u00f6nnen so konfiguriert werden, dass sie nur bei Bedarf angezeigt werden.<\/li>\n<li><strong>Verbesserungen bei der Datenkontrolle (Feld-API):<\/strong> Es gibt eine automatische Feld\u00fcberpr\u00fcfung und neue Optionen zur Anpassung der Formatierung von numerischen und Datumsfeldern.<\/li>\n<\/ul>\n<p>Das folgende Beispiel zeigt, wie du eine Ansicht definierst, die Daten gruppiert und in einem kompakten Modus anzeigt:<\/p>\n<pre><code class=\"language-javascript\">const myCompactView = {\n\ttype: 'list',\n\tlayout: { \n\t\tdensity: 'compact' \n\t},\n\tgroupBy: {\n\t\tfield: 'status',\n\t\tdirection: 'desc',\n\t\tshowLabel: true\n\t}\n};<\/code><\/pre>\n<p>Einen detaillierten \u00dcberblick \u00fcber die Verbesserungen der DataViews, DataForm und Field API findest du in der <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/dataviews-dataform-et-al-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dev Note<\/a>.<\/p>\n<h3>Client-seitige Abilities API<\/h3>\n<p>Mit WordPress 6.9 wurde die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-9\/#abilities-api\">Abilities API<\/a> eingef\u00fchrt, eine neue funktionale Schnittstelle, die eine standardisierte Registrierung f\u00fcr Plugins, Themes und den WordPress-Kern bereitstellt, um mit WordPress zu interagieren, indem sie ihre F\u00e4higkeiten sowohl in menschen- als auch in maschinenlesbaren Formaten offenlegt.<\/p>\n<p>Mit WordPress 7.0 wird nun eine JavaScript-API eingef\u00fchrt, mit der du clientseitige Funktionen wie die Navigation oder das Hinzuf\u00fcgen von Bl\u00f6cken zu deinen Inhalten direkt \u00fcber JavaScript auf sichere und standardisierte Weise implementieren kannst.<\/p>\n<p>Die neue Client-side Abilities API ist in zwei Pakete unterteilt.<\/p>\n<ul>\n<li><code>@wordpress\/core-abilities<\/code>: Wenn dein Plugin auf die registrierten F\u00e4higkeiten des Servers zugreifen muss, musst du dich in das <code>@wordpress\/core-abilities-Paket<\/code> einklinken. Dieses Paket ruft alle registrierten F\u00e4higkeiten und Kategorien \u00fcber die REST-API ab und speichert sie im Speicher <code>@wordpress\/abilities<\/code>.<\/li>\n<li><code>@wordpress\/abilities<\/code>: Dieses Paket stellt den F\u00e4higkeiten-Speicher bereit, ohne die auf dem Server registrierten F\u00e4higkeiten zu laden. Wenn dein Plugin nur clientseitige F\u00e4higkeiten registrieren muss und keinen Zugriff auf die auf dem Server registrierten F\u00e4higkeiten ben\u00f6tigt, muss es <code>@wordpress\/abilities<\/code> einbinden.<\/li>\n<\/ul>\n<p>In den Entwicklerhinweisen findest du eine detaillierte Analyse der neuen <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/24\/client-side-abilities-api-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">Client-seitigen F\u00e4higkeiten-API<\/a> und einige Codebeispiele.<\/p>\n<h3>\u00c4nderungen an der Interaktivit\u00e4ts-API<\/h3>\n<p>Die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-interactivity-api\/\">Interaktivit\u00e4ts-API<\/a> ist eine WordPress-eigene API, die es Entwicklern erm\u00f6glicht, ihren Websites auf standardisierte Weise Interaktivit\u00e4t hinzuzuf\u00fcgen. WordPress 7.0 verbessert die Interaktivit\u00e4ts-API mit einer neuen <code>watch()<\/code>-Funktion, mit der du Zustands\u00e4nderungen programmatisch beobachten kannst. Bisher war es nur m\u00f6glich, die <code>data-wp-watch<\/code>-Direktive zu verwenden, um auf Zustands\u00e4nderungen zu reagieren.<\/p>\n<p>Weitere \u00c4nderungen in WordPress 7.0 beziehen sich auf den <code>Core\/Router<\/code> Store.<\/p>\n<p>Eine genauere Beschreibung der \u00c4nderungen an der Interaktivit\u00e4ts-API findest du in der <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/04\/changes-to-the-interactivity-api-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dev Note<\/a>.<\/p>\n<h3>Weitere \u00c4nderungen f\u00fcr Entwickler<\/h3>\n<p>Hier sind ein paar weitere \u00c4nderungen f\u00fcr Entwickler, die erw\u00e4hnenswert sind:<\/p>\n<ul>\n<li>Ab WordPress 7.0 unterst\u00fctzen Blockattribute, die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-block-bindings-api\/\">Block Bindings<\/a> unterst\u00fctzen, auch <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-block-muster\/#synced-pattern-overrides\">Pattern Overrides<\/a>. Das bedeutet, dass <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/16\/pattern-overrides-in-wp-7-0-support-for-custom-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">du Pattern Overrides mit jedem Block verwenden kannst<\/a>, auch mit benutzerdefinierten Bl\u00f6cken.<\/li>\n<li>Unsynchronisierte Muster und Vorlagenteile sind jetzt <a href=\"https:\/\/make.wordpress.org\/core\/2026\/03\/15\/pattern-editing-in-wordpress-7-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">standardm\u00e4\u00dfig auf <code>\"contentOnly\"<\/code> eingestellt<\/a>. So sehen die Nutzer\/innen die Steuerelemente f\u00fcr die Bearbeitung von Text und Medien zuerst, ohne zu riskieren, dass die Blockstruktur versehentlich unterbrochen wird. Wenn du benutzerdefinierte Bl\u00f6cke erstellt hast und m\u00f6chtest, dass sie bearbeitbar bleiben, stelle sicher, dass du die <code>\"role\": \"contentOnly\"<\/code> in der <code>block.json<\/code>-Datei \u00e4nderst. Entwickler\/innen k\u00f6nnen diese Funktion \u00fcber PHP mit dem Filter <code>block_editor_settings_all<\/code> oder \u00fcber JavaScript deaktivieren, indem sie <code>disableContentOnlyForUnsyncedPatterns<\/code> auf <code>true<\/code> setzen.<\/li>\n<li>Mit WordPress 7.0 <a href=\"https:\/\/make.wordpress.org\/core\/2026\/01\/09\/dropping-support-for-php-7-2-and-7-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">wird die Unterst\u00fctzung f\u00fcr PHP 7.2 und 7.3 eingestellt<\/a>. Die empfohlene Mindestversion von PHP bleibt bei 8.3.<\/li>\n<li>Das System zur Unterst\u00fctzung von Dimensions-Bl\u00f6cken wurde deutlich verbessert. Du kannst <code>Breite<\/code> und <code>H\u00f6he<\/code> als Standard-Blockunterst\u00fctzung unter <code>Dimensionen<\/code> in der <code>block.json<\/code> verwenden und Themes k\u00f6nnen in ihrer <code>theme.json<\/code> Voreinstellungen f\u00fcr Dimensionsgr\u00f6\u00dfen definieren.<\/li>\n<\/ul>\n<h2>Ein Blick in die Zukunft: 7.0 markiert eine neue \u00c4ra f\u00fcr WordPress<\/h2>\n<p>WordPress 7.0 ist nicht einfach nur ein Update, sondern stellt einen Wendepunkt f\u00fcr Nutzer\/innen und Entwickler\/innen dar. Dank der KI-Integration und der Abilities API kann KI jetzt im Dashboard navigieren, neue Inhalte erstellen, bestehende Beitr\u00e4ge bearbeiten und mit Menschen in Echtzeit zusammenarbeiten. Wir haben das Gef\u00fchl, dass wir an einem historischen Wendepunkt stehen, und wir k\u00f6nnen es kaum erwarten, diese KI-gest\u00fctzten Tools zu erkunden und selbst etwas v\u00f6llig Neues zu schaffen.<\/p>\n<p>Aber WordPress 7.0 ist mehr als nur KI und RTC. Das Bearbeitungserlebnis wurde komplett \u00fcberarbeitet und bietet nun Zusammenarbeit in Echtzeit, eine neue Revisionsarchitektur auf Blockebene, neue Kernbl\u00f6cke und bedeutende Aktualisierungen des Designsystems.<\/p>\n<p>Neben der KI-Integration profitieren Entwickler\/innen von Verbesserungen, die den Entwicklungsworkflow rationalisieren und bisher ungeahnte M\u00f6glichkeiten er\u00f6ffnen. Vom iframed-Editor und der Unterst\u00fctzung von Pseudoklassen in der <code>theme.json<\/code> \u00fcber die Client-side Abilities API bis hin zu reinen PHP-Bl\u00f6cken bietet WordPress 7.0 eine Vielzahl von Werkzeugen, um immer leistungsf\u00e4higere Websites und Anwendungen zu erstellen.<\/p>\n<p>Um das Potenzial von WordPress 7.0 voll auszusch\u00f6pfen, brauchst du einen hochmodernen Hosting-Service, der f\u00fcr Leistung und Sicherheit optimiert ist. Bei Kinsta findest du alles, was du brauchst, um das volle Potenzial von WordPress auszusch\u00f6pfen. <a href=\"https:\/\/kinsta.com\/de\/preise\/\">Schau dir unsere Angebote an<\/a> und finde dasjenige, das am besten zu den Anforderungen deiner Website passt.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lasst die Korken knallen! Mit der Version 7.0 beginnt f\u00fcr WordPress eine neue \u00c4ra. Es ist wahrscheinlich der gr\u00f6\u00dfte Sprung, den die Plattform in den letzten &#8230;<\/p>\n","protected":false},"author":36,"featured_media":76128,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1011],"class_list":["post-76127","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>WordPress 7.0: KI-Integration, Zusammenarbeit in Echtzeit und mehr<\/title>\n<meta name=\"description\" content=\"Echtzeit-Zusammenarbeit, KI-Integration, neue Bl\u00f6cke und erweiterte Tools f\u00fcr Entwickler und Designer. Das sind die Neuheiten in WordPress 7.0.\" \/>\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-7-0\/\" \/>\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 7.0: KI-Integration, Echtzeit-Zusammenarbeit und vieles mehr\" \/>\n<meta property=\"og:description\" content=\"Echtzeit-Zusammenarbeit, KI-Integration, neue Bl\u00f6cke und erweiterte Tools f\u00fcr Entwickler und Designer. Das sind die Neuheiten in WordPress 7.0.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/\" \/>\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=\"2026-05-04T08:50:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-07T09:30:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1472\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\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=\"Echtzeit-Zusammenarbeit, KI-Integration, neue Bl\u00f6cke und erweiterte Tools f\u00fcr Entwickler und Designer. Das sind die Neuheiten in WordPress 7.0.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.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=\"35\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-7-0\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Was ist neu in WordPress 7.0: KI-Integration, Echtzeit-Zusammenarbeit und vieles mehr\",\"datePublished\":\"2026-05-04T08:50:27+00:00\",\"dateModified\":\"2026-05-07T09:30:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/\"},\"wordCount\":6380,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/\",\"name\":\"WordPress 7.0: KI-Integration, Zusammenarbeit in Echtzeit und mehr\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"datePublished\":\"2026-05-04T08:50:27+00:00\",\"dateModified\":\"2026-05-07T09:30:27+00:00\",\"description\":\"Echtzeit-Zusammenarbeit, KI-Integration, neue Bl\u00f6cke und erweiterte Tools f\u00fcr Entwickler und Designer. Das sind die Neuheiten in WordPress 7.0.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png\",\"width\":1472,\"height\":737},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/#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 7.0: KI-Integration, Echtzeit-Zusammenarbeit 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":"WordPress 7.0: KI-Integration, Zusammenarbeit in Echtzeit und mehr","description":"Echtzeit-Zusammenarbeit, KI-Integration, neue Bl\u00f6cke und erweiterte Tools f\u00fcr Entwickler und Designer. Das sind die Neuheiten in WordPress 7.0.","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-7-0\/","og_locale":"de_DE","og_type":"article","og_title":"Was ist neu in WordPress 7.0: KI-Integration, Echtzeit-Zusammenarbeit und vieles mehr","og_description":"Echtzeit-Zusammenarbeit, KI-Integration, neue Bl\u00f6cke und erweiterte Tools f\u00fcr Entwickler und Designer. Das sind die Neuheiten in WordPress 7.0.","og_url":"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2026-05-04T08:50:27+00:00","article_modified_time":"2026-05-07T09:30:27+00:00","og_image":[{"width":1472,"height":737,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Echtzeit-Zusammenarbeit, KI-Integration, neue Bl\u00f6cke und erweiterte Tools f\u00fcr Entwickler und Designer. Das sind die Neuheiten in WordPress 7.0.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Carlo Daniele","Gesch\u00e4tzte Lesezeit":"35\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Was ist neu in WordPress 7.0: KI-Integration, Echtzeit-Zusammenarbeit und vieles mehr","datePublished":"2026-05-04T08:50:27+00:00","dateModified":"2026-05-07T09:30:27+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/"},"wordCount":6380,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/","url":"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/","name":"WordPress 7.0: KI-Integration, Zusammenarbeit in Echtzeit und mehr","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","datePublished":"2026-05-04T08:50:27+00:00","dateModified":"2026-05-07T09:30:27+00:00","description":"Echtzeit-Zusammenarbeit, KI-Integration, neue Bl\u00f6cke und erweiterte Tools f\u00fcr Entwickler und Designer. Das sind die Neuheiten in WordPress 7.0.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2026\/05\/whats-new-in-wordpress7.0-ai-integration-real-time-collaboration-and-much-more.png","width":1472,"height":737},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-7-0\/#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 7.0: KI-Integration, Echtzeit-Zusammenarbeit 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\/76127","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=76127"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/76127\/revisions"}],"predecessor-version":[{"id":76178,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/76127\/revisions\/76178"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/76127\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/76127\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/76127\/translations\/de"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/76127\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/76128"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=76127"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=76127"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=76127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}