{"id":69518,"date":"2024-03-18T10:49:01","date_gmt":"2024-03-18T09:49:01","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=69518&#038;preview=true&#038;preview_id=69518"},"modified":"2024-04-05T09:20:41","modified_gmt":"2024-04-05T08:20:41","slug":"wordpress-6-5","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/","title":{"rendered":"Was ist neu in WordPress 6.5: Schriftbibliothek, DataViews, Blockbindungen, Interaktivit\u00e4ts-API und vieles mehr!"},"content":{"rendered":"<p>WordPress 6.5 &#8222;Regina&#8220; wurde <a href=\"https:\/\/wordpress.org\/news\/2024\/04\/regina\/\">am 2. April ver\u00f6ffentlicht<\/a>, und wir zeigen dir hier die fantastischen Funktionen, die es mit sich bringt.<\/p>\n<p>Mit 6.5 werden neue, leistungsstarke APIs eingef\u00fchrt, die das WordPress-Entwicklungserlebnis auf die n\u00e4chste Stufe heben. Sie bringt aber auch jede Menge \u00c4nderungen mit sich, die dich bei der Erstellung von Seiten und Inhalten gl\u00fccklich machen werden.<\/p>\n<p>Dank der neuen Font Library kannst du benutzerdefinierte Feldwerte in den Inhalt von Kernbl\u00f6cken einf\u00fcgen und Google Fonts direkt aus dem Seiteneditor herunterladen und installieren. Neue Design-Tools und verschiedene UI-Verbesserungen bereichern das Bearbeitungserlebnis.<\/p>\n<p>Aber das sind nur einige der Updates, die mit WordPress 6.5 kommen. Die neue Version enth\u00e4lt so viele \u00c4nderungen und Updates, dass es unm\u00f6glich w\u00e4re, sie alle in einem einzigen Blogbeitrag zu erw\u00e4hnen. Deshalb haben wir die st\u00f6rendsten und aufregendsten Neuerungen in diesem langen und ausf\u00fchrlichen Artikel zusammengefasst.<\/p>\n<p>Beginnen wir unsere Entdeckungsreise zu WordPress 6.5.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Die neue WordPress-Schriftartenbibliothek<\/h2>\n<p>Zuallererst f\u00fchrt WordPress 6.5 eine neue Funktion ein, die die Verwaltung von Schriftarten \u00fcber die Styles-Oberfl\u00e4che erm\u00f6glicht.<\/p>\n<p>Mit der neuen <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/59166\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-Schriftbibliothek<\/a> kannst du Schriften auf eine Weise verwalten, die der Medienverwaltung in der Mediathek \u00e4hnelt, nur eben f\u00fcr Schriften.<\/p>\n<p>Dank der Font Library kannst du ganz einfach <a href=\"https:\/\/kinsta.com\/de\/blog\/lokaler-schriftarten\/\">lokale Schriftarten<\/a> und <a href=\"https:\/\/kinsta.com\/de\/blog\/besten-google-fonts\/\">Google Fonts<\/a> installieren\/deinstallieren und unabh\u00e4ngig von deinem aktiven Theme ausw\u00e4hlen, welche du aktivieren\/deaktivieren m\u00f6chtest.<\/p>\n<p>Klingt toll, nicht wahr? Wir haben jetzt viel mehr Kontrolle \u00fcber einen wichtigen Aspekt jeder Website: die Typografie. Um benutzerdefinierte Schriftarten in deiner WordPress-Website zu verwenden, musst du dich nicht mehr auf die Schriftarten deines Themes beschr\u00e4nken oder mit CSS herumspielen.<\/p>\n<p>Die Verwendung ist ziemlich einfach. \u00d6ffne in der Benutzeroberfl\u00e4che des Website-Editors die Seitenleiste Globale Stile und w\u00e4hle <strong>Typografie<\/strong>.<\/p>\n<figure id=\"attachment_175339\" aria-describedby=\"caption-attachment-175339\" style=\"width: 2126px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175339 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-typography-panel.jpg\" alt=\"Das neue Typografie-Panel in WordPress 6.5\" width=\"2126\" height=\"1392\"><figcaption id=\"caption-attachment-175339\" class=\"wp-caption-text\">Das neue Typografie-Panel in WordPress 6.5<\/figcaption><\/figure>\n<p>Hier solltest du eine Liste mit den verf\u00fcgbaren Schriftarten und Elementen sehen. Klicke auf die Schaltfl\u00e4che <strong>Schriften verwalten<\/strong> auf der rechten Seite und es erscheint ein Popup mit drei Registerkarten.<\/p>\n<figure id=\"attachment_175521\" aria-describedby=\"caption-attachment-175521\" style=\"width: 2028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175521 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-font-library.jpg\" alt=\"Die Benutzeroberfl\u00e4che der Schriftartenbibliothek in WordPress 6.5\" width=\"2028\" height=\"1198\"><figcaption id=\"caption-attachment-175521\" class=\"wp-caption-text\">Die Benutzeroberfl\u00e4che der Schriftartenbibliothek in WordPress 6.5<\/figcaption><\/figure>\n<p>Auf der Registerkarte <strong>Bibliothek<\/strong> findest du eine Vorschau der verf\u00fcgbaren Schriftarten, auf der Registerkarte <strong>Hochladen<\/strong> kannst du per Drag-and-Drop Schriftarten von deinem Computer hochladen und auf der Registerkarte <strong>Schriftarten installieren<\/strong> kannst du Schriftarten von <a href=\"https:\/\/kinsta.com\/de\/blog\/besten-google-fonts\/\">Google Fonts<\/a> installieren.<\/p>\n<figure id=\"attachment_175523\" aria-describedby=\"caption-attachment-175523\" style=\"width: 2026px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175523 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-connect-to-google-fonts.jpg\" alt=\"Mit Google Fonts verbinden\" width=\"2026\" height=\"1200\"><figcaption id=\"caption-attachment-175523\" class=\"wp-caption-text\">Auf der Registerkarte Fonts installieren kannst du dich mit Google Fonts verbinden<\/figcaption><\/figure>\n<p>Sobald du dich mit Google Fonts verbunden hast, wird eine Liste aller verf\u00fcgbaren Schriftarten im selben Fenster angezeigt.<\/p>\n<figure id=\"attachment_175525\" aria-describedby=\"caption-attachment-175525\" style=\"width: 2030px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175525 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-google-fonts.jpg\" alt=\"Google Fonts\" width=\"2030\" height=\"1200\"><figcaption id=\"caption-attachment-175525\" class=\"wp-caption-text\">Google Fonts<\/figcaption><\/figure>\n<p>Du kannst auch nach dem Namen der Schriftart suchen.<\/p>\n<figure id=\"attachment_175526\" aria-describedby=\"caption-attachment-175526\" style=\"width: 2026px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-searching-fonts.jpg\" alt=\"Suche nach Schriftarten nach Namen in WordPress 6.5\" width=\"2026\" height=\"1194\"><figcaption id=\"caption-attachment-175526\" class=\"wp-caption-text\">Suche nach Schriftarten nach Namen in WordPress 6.5<\/figcaption><\/figure>\n<p>W\u00e4hle die Schriftarten aus, die du brauchst, klicke auf <strong>Installieren<\/strong> und du bist fertig.<\/p>\n<figure id=\"attachment_175527\" aria-describedby=\"caption-attachment-175527\" style=\"width: 2028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175527 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-font-variants.jpg\" alt=\"Ubuntu-Schriftvarianten bei Google Fonts\" width=\"2028\" height=\"1198\"><figcaption id=\"caption-attachment-175527\" class=\"wp-caption-text\">Ubuntu-Schriftvarianten bei Google Fonts<\/figcaption><\/figure>\n<p>Wenn du eine neue Schriftart installierst, f\u00fcgt die Schriftbibliothek die Definition der Schriftfamilie zu den installierten Schriftarten hinzu und l\u00e4dt das Schrift-Asset in den Ordner <strong>wp-content\/uploads\/fonts<\/strong> herunter.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Google Fonts wird nur angefordert, wenn du Schriftarten installierst. Sobald du eine Schriftart zu deiner Schriftbibliothek hinzugef\u00fcgt hast, wird keine weitere Anfrage an Google gesendet, da die Schriftarten lokal gehostet werden (siehe auch unseren ausf\u00fchrlichen Leitfaden zum <a href=\"https:\/\/kinsta.com\/de\/blog\/lokaler-schriftarten\/\">Hosten lokaler Schriftarten in WordPress<\/a>).<\/p>\n<\/aside>\n\n<h3>Font Library deaktivieren<\/h3>\n<p>Plugin- und Theme-Entwickler k\u00f6nnen <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57818\" target=\"_blank\" rel=\"noopener noreferrer\">die Font Library<\/a> mit dem neuen PHP-Filter <code>fontLibraryEnabled<\/code> deaktivieren:<\/p>\n<pre><code class=\"language-php\">function disable_font_library_ui( $editor_settings ) { \n\t$editor_settings['fontLibraryEnabled'] = false;\n\treturn $editor_settings; \n}\nadd_filter( \"block_editor_settings_all\", \"disable_font_library_ui\" );<\/code><\/pre>\n<h2>DataViews<\/h2>\n<p><a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-dataviews\/\" target=\"_blank\" rel=\"noopener noreferrer\">DataViews<\/a> ist eine Komponente, die es erm\u00f6glicht, Datens\u00e4tze in verschiedenen Layouts darzustellen, z. B. als Tabelle, Gitter, Liste und mehr.<\/p>\n<p>Mit dieser Iteration kommen <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/55083\" target=\"_blank\" rel=\"noopener noreferrer\">neue Ansichten und damit verbundene Funktionen<\/a> f\u00fcr die Verwaltung von Seiten, Mustern und Vorlagen in den Kern und wir k\u00f6nnen weitere Verbesserungen in zuk\u00fcnftigen WordPress-Versionen erwarten.<\/p>\n<p>Vorerst f\u00fchrt WordPress 6.5 die folgenden Ansichten im Site Editor ein:<\/p>\n<ul>\n<li>Templates &gt; Alle Templates verwalten: Tabellen- und Grid-Layouts.<\/li>\n<li>Muster &gt; Vorlagenteile &gt; Alle Vorlagenteile verwalten: Tabellen- und Grid-Layouts.<\/li>\n<li>Schablonen: Raster-Layout.<\/li>\n<li>Seiten &gt; Alle Seiten verwalten: Tabellen- und Grid-Layouts.<\/li>\n<\/ul>\n<figure id=\"attachment_175543\" aria-describedby=\"caption-attachment-175543\" style=\"width: 2310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175543 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-grid-data-view.jpg\" alt=\"Rasterlayout\" width=\"2310\" height=\"1458\"><figcaption id=\"caption-attachment-175543\" class=\"wp-caption-text\">Rasterlayout f\u00fcr Vorlagen einstellen<\/figcaption><\/figure>\n<p>Neben den Layouts bieten die Datenansichten verschiedene Visualisierungsfunktionen wie Filter, Suche, Paginierung, Sortierung, Ausblenden und Einblenden von Feldern.<\/p>\n<figure id=\"attachment_175545\" aria-describedby=\"caption-attachment-175545\" style=\"width: 1556px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175545 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-fields-data-view.jpg\" alt=\"Felder f\u00fcr die Ansicht \"Vorlagen\" einstellen\" width=\"1556\" height=\"990\"><figcaption id=\"caption-attachment-175545\" class=\"wp-caption-text\">Felder f\u00fcr die Ansicht &#8222;Vorlagen&#8220; einstellen<\/figcaption><\/figure>\n<p>Mit der Schaltfl\u00e4che <strong>Massenbearbeitung<\/strong> kannst du je nach aktuellem Datensatz <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/58144\" target=\"_blank\" rel=\"noopener noreferrer\">verschiedene Aktionen<\/a> durchf\u00fchren. F\u00fcr Seiten kannst du <strong>In den Papierkorb verschieben<\/strong>,\u00a0 <strong>Wiederherstellen <\/strong>und <strong>Dauerhaft l\u00f6schen<\/strong>\u00a0w\u00e4hlen.<\/p>\n<figure id=\"attachment_175546\" aria-describedby=\"caption-attachment-175546\" style=\"width: 2174px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175546 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-bulk-edit.jpg\" alt=\"Seiten in Massenbearbeitung in WordPress 6.5 bearbeiten\" width=\"2174\" height=\"772\"><figcaption id=\"caption-attachment-175546\" class=\"wp-caption-text\">Seiten in Massenbearbeitung in WordPress 6.5 bearbeiten<\/figcaption><\/figure>\n<p>Die Datenansichten verf\u00fcgen au\u00dferdem \u00fcber eine neue <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/58427\" target=\"_blank\" rel=\"noopener noreferrer\">Prim\u00e4rfilter-API<\/a>, die darauf abzielt, den Datenansichten eine besondere Art von Filter hinzuzuf\u00fcgen, der immer auf dem Bildschirm sichtbar ist. Das Bild unten zeigt den neuen prim\u00e4ren Filter f\u00fcr den <strong>Sync-Status<\/strong> im Verwaltungsbereich von Patterns.<\/p>\n<figure id=\"attachment_175547\" aria-describedby=\"caption-attachment-175547\" style=\"width: 2314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175547 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-sync-status-primary-filter.jpg\" alt=\"Der prim\u00e4re Sync-Status-Filter f\u00fcr Muster\" width=\"2314\" height=\"954\"><figcaption id=\"caption-attachment-175547\" class=\"wp-caption-text\">Der prim\u00e4re Sync-Status-Filter f\u00fcr Muster<\/figcaption><\/figure>\n<p>Die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/trunk\/packages\/dataviews\/README.md\" target=\"_blank\" rel=\"noopener noreferrer\">DataViews API<\/a> wird mit dem neuen <code>@wordpress\/dataviews<\/code> npm-Paket geliefert, das es Entwicklern erm\u00f6glicht, mit Datenansichten zu experimentieren.<\/p>\n<h2>Block Bindings API<\/h2>\n<p>Die <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/06\/new-feature-the-block-bindings-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block Bindings API<\/a> ist eine neue API, die darauf abzielt, Blockattribute mit Werten aus verschiedenen Datenquellen zu verbinden. Diese Werte k\u00f6nnen sich je nach Kontext unterscheiden. Ein einfaches Beispiel w\u00e4re eine \u00dcberschrift, die den Namen des Autors enth\u00e4lt und sich mit dem Wert <code>post_author<\/code> \u00e4ndert.<\/p>\n<p>Dies ist eine bemerkenswerte Verbesserung, denn sie erweitert die M\u00f6glichkeiten mehrerer Kernbl\u00f6cke. Dank der neuen API kannst du dynamische Daten aus einer beliebigen Quelle an ein Blockattribut binden.<\/p>\n<p>Die Datenquellen k\u00f6nnen die unterschiedlichsten sein: Website-Daten, benutzerdefinierte Felder, Nutzerdaten, Muster, Shortcodes, andere Bl\u00f6cke und sogar externe Tools, die Gutenberg nutzen. Ein Beispiel hierf\u00fcr k\u00f6nnte eine Drupal-Website mit Gutenberg sein.<\/p>\n<p>Aus technischer Sicht k\u00f6nnen wir die Funktionsweise der Block Bindings API als einen <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/54536\" target=\"_blank\" rel=\"noopener noreferrer\">dreistufigen Prozess<\/a> beschreiben:<\/p>\n<ol>\n<li>Zuerst erstellst du eine Bindung zwischen Blockattributen und einer Datenquelle mit einem <code>bindings<\/code> Objekt.<\/li>\n<li>Die API holt sich den Wert aus der in der Bindung definierten Datenquelle.<\/li>\n<li>Dann aktualisiert sie den HTML-Code des Blocks mit den aus der Datenquelle erhaltenen Werten.<\/li>\n<\/ol>\n<p>Die erste Implementierung der Block Bindings API, die mit WordPress 6.5 kommt, erm\u00f6glicht die <a href=\"#connecting-custom-fields-to-blocks\">Verbindung von Blockattributen und benutzerdefinierten Feldern<\/a>. Eine zweite angek\u00fcndigte Implementierung, Synced Patterns Overrides, wurde <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/53705#issuecomment-1972969046\" target=\"_blank\" rel=\"noopener noreferrer\">auf eine zuk\u00fcnftige Version verschoben<\/a>.<\/p>\n<p>Zun\u00e4chst wird nur eine begrenzte Anzahl von Bl\u00f6cken, wie \u00dcberschriften, Abs\u00e4tze, Bilder und Schaltfl\u00e4chen, die Block Bindings API unterst\u00fctzen. In zuk\u00fcnftigen Versionen werden weitere Bl\u00f6cke, sogar benutzerdefinierte Bl\u00f6cke, in die Liste aufgenommen.<\/p>\n<p>Diese erste Implementierung der API erm\u00f6glicht es Plugin-Entwicklern au\u00dferdem, ihre Quellen auf die gleiche Weise zu registrieren wie Gutenberg die Datenquelle <code>core\/post-meta<\/code>. In Anlehnung an das <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/53300#issuecomment-1938463648\" target=\"_blank\" rel=\"noopener noreferrer\">Beispiel von Santos Guillamot<\/a> kannst du deine Plugin-Datenquelle auf diese Weise registrieren:<\/p>\n<pre><code class=\"language-php\">register_block_bindings_source(\n\t'myplugin\/plugin-data',\n\tarray(\n\t\t'label'              =&gt; _x( 'Plugin Data', 'block bindings source' ),\n\t\t'get_value_callback' =&gt; 'myplugin_block_bindings_post_meta_callback',\n\t)\n);<\/code><\/pre>\n<p>F\u00fcge dann ein Bindungsobjekt zu deinem Block hinzu:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:paragraph \n{\n\t\"metadata\": {\n\t\t\"bindings\": {\n\t\t\t\"content\": {\n\t\t\t\t\"source\": \"myplugin\/plugin-data\",\n\t\t\t\t\"args\": {\n\t\t\t\t\t\"key\":\"plugin_key\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n--&gt;\n&lt;p&gt;Paragraph&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;<\/code><\/pre>\n<p>Hier ist eine Beschreibung der einzelnen Eigenschaften:<\/p>\n<ul>\n<li><code>metadata<\/code>: Ein Objekt der Block-Metadaten.<\/li>\n<li><code>bindings<\/code>: Ein Objekt, das eine oder mehrere Bindungen enth\u00e4lt.<\/li>\n<li><code>content<\/code>: Das Blockattribut, das mit einer Datenquelle verbunden werden soll. In diesem Beispiel ist es das Attribut <code>content<\/code> eines Absatzblocks.<\/li>\n<li><code>source<\/code>: Die Quelle der Bindungen.<\/li>\n<li><code>args<\/code>: Ein Objekt mit Argumenten, das an die Quelle f\u00fcr die Blockbindung \u00fcbergeben wird.<\/li>\n<\/ul>\n<p>Zuk\u00fcnftige Iterationen werden die Block Bindings API um weitere Funktionen erweitern. Au\u00dferdem sollten wir bald in der Lage sein, Bindungen vom visuellen Editor aus zu erstellen, Blockattribute mit weiteren Datenquellen zu verkn\u00fcpfen, z. B. mit Website- oder Taxonomiedaten, und diese Funktion mit mehr Bl\u00f6cken zu nutzen.<\/p>\n<p>Deshalb wollen wir uns die ersten Implementierungen der Block Bindings API genauer ansehen.<\/p>\n<h2>Benutzerdefinierte Felder mit Bl\u00f6cken verkn\u00fcpfen<\/h2>\n<p>Vor WordPress 6.5 gab es keine M\u00f6glichkeit, benutzerdefinierte Feldwerte in den Inhalt von Kernbl\u00f6cken einzubinden. Entwickler konnten nur <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-meta-box-zu-beitraegen-hinzufuegen\/\">benutzerdefinierte Bl\u00f6cke erstellen, um benutzerdefinierte Felder<\/a> auf dem Frontend anzuzeigen.<\/p>\n<p>Seit WordPress 6.5 kannst du Daten, die in <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/51373\" target=\"_blank\" rel=\"noopener noreferrer\">benutzerdefinierten Feldern<\/a> gespeichert sind, in Kernbl\u00f6cken anzeigen, z. B. Schaltfl\u00e4chen, \u00dcberschriften, Bilder und Abs\u00e4tze.<\/p>\n<p>Wie bereits erw\u00e4hnt, kannst du mit der <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/54536\" target=\"_blank\" rel=\"noopener noreferrer\">Block Bindings API<\/a> Blockattribute und verschiedene Datenquellen verbinden, darunter auch die Quelle &#8222;meta_fields&#8220;. Um diese Funktion zu nutzen, musst du zun\u00e4chst benutzerdefinierte Felder im Editor unter Optionen -&gt; Voreinstellungen -&gt; Allgemein -&gt; Erweitert aktivieren.<\/p>\n<figure id=\"attachment_175444\" aria-describedby=\"caption-attachment-175444\" style=\"width: 1492px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175444 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-preferences-panel.png\" alt=\"Das Einstellungsmodal im Beitragseditor\" width=\"1492\" height=\"1012\"><figcaption id=\"caption-attachment-175444\" class=\"wp-caption-text\">Das Einstellungsmodal im Beitragseditor<\/figcaption><\/figure>\n<p>Beachte, dass du seit WordPress 6.5 kein UI-Steuerelement mehr hast, um den Wert eines benutzerdefinierten Feldes an ein Blockattribut zu binden.<\/p>\n<p>Wenn du also den Schl\u00fcssel und den Wert deines benutzerdefinierten Feldes hinzugef\u00fcgt hast, musst du zum Code-Editor wechseln und ein &#8222;Bindings&#8220;-Objekt innerhalb des Blockbegrenzers hinzuf\u00fcgen, wie im folgenden Code gezeigt:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:paragraph \n\t{\n\t\t\"metadata\": {\n\t\t\t\"bindings\": {\n\t\t\t\t\"content\": {\n\t\t\t\t\t\"source\":\"core\/post-meta\",\n\t\t\t\t\t\"args\": {\n\t\t\t\t\t\t\"key\":\"my_custom_field\"\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t} --&gt;\n\t&lt;p&gt;Paragraph&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;<\/code><\/pre>\n<p>Wenn du ein benutzerdefiniertes Feld zu einem Block hinzuf\u00fcgst, werden die entsprechenden Steuerelemente gesperrt, sodass der Blockinhalt nicht mehr bearbeitet werden kann.<\/p>\n<p>Sehen wir uns nun an, wie das mit einem Bildblock funktioniert. F\u00fcge zwei benutzerdefinierte Felder f\u00fcr die Attribute <code>alt<\/code> und <code>src<\/code> hinzu.<\/p>\n<figure id=\"attachment_175445\" aria-describedby=\"caption-attachment-175445\" style=\"width: 1798px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175445 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-custom-fields.png\" alt=\"Zwei benutzerdefinierte Felder\" width=\"1798\" height=\"498\"><figcaption id=\"caption-attachment-175445\" class=\"wp-caption-text\">Zwei benutzerdefinierte Felder zum Speichern von alt und src Werten<\/figcaption><\/figure>\n<p>F\u00fcge dann einen Image-Block hinzu, wechsle zum Code-Editor und f\u00fcge dem Block ein <code>bindings<\/code> Objekt hinzu, wie im folgenden Beispiel:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:image {\n\t\"metadata\":{\n\t\t\"bindings\":{\n\t\t\t\"url\":{\n\t\t\t\t\"source\":\"core\/post-meta\",\n\t\t\t\t\"args\":{\n\t\t\t\t\t\"key\":\"img_src\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"alt\":{\n\t\t\t\t\"source\":\"core\/post-meta\",\n\t\t\t\t\"args\":{\n\t\t\t\t\t\"key\":\"img_alt\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n--&gt;\n&lt;figure class=\"wp-block-image\"&gt;&lt;img src=\"\" alt=\"\" \/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;<\/code><\/pre>\n<p>Du wirst feststellen, dass du die Bildquelle nicht mit den Steuerelementen des Editors ersetzen kannst.<\/p>\n<figure id=\"attachment_175347\" aria-describedby=\"caption-attachment-175347\" style=\"width: 1326px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175347 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-image-placeholder-with-custom-fields.png\" alt=\"Der Bildplatzhalter ohne Mediensteuerung\" width=\"1326\" height=\"590\"><figcaption id=\"caption-attachment-175347\" class=\"wp-caption-text\">Der Bildplatzhalter ohne Mediensteuerung<\/figcaption><\/figure>\n<p>Mit <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/53300#issuecomment-1938463648\" target=\"_blank\" rel=\"noopener noreferrer\">dieser ersten Iteration<\/a> k\u00f6nnen nur die folgenden Blockattribute mit benutzerdefinierten Feldern verbunden werden:<\/p>\n<ul>\n<li>Absatz: Inhalt.<\/li>\n<li>\u00dcberschrift: Inhalt.<\/li>\n<li>Bild: URL, alt, und Titel.<\/li>\n<li>Schaltfl\u00e4che: Text, URL, linkTarget, rel.<\/li>\n<\/ul>\n<p>Einen ausf\u00fchrlicheren \u00dcberblick \u00fcber die Verkn\u00fcpfung von benutzerdefinierten Feldern mit Blockattributen findest du in dieser umfassenden <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/02\/20\/introducing-block-bindings-part-1-connecting-custom-fields\/\" target=\"_blank\" rel=\"noopener noreferrer\">Einf\u00fchrung in die Blockbindung<\/a>.<\/p>\n<h2>Verbessertes Revisionssystem<\/h2>\n<p>Revisionen geben dir die Gewissheit, dass du \u00c4nderungen jederzeit r\u00fcckg\u00e4ngig machen kannst, indem du eine fr\u00fchere Version des Erscheinungsbildes der Website wiederherstellst. Da ein <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/05\/revisions\/\" target=\"_blank\" rel=\"noopener noreferrer\">zuverl\u00e4ssiges Revisionssystem<\/a> auf kollaborativen Websites wichtig ist, nehmen Style-Revisionen in der <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/24\/phase-3-collaboration\/\">aktuellen Phase<\/a> der WordPress-Entwicklung einen wichtigen Platz ein. WordPress 6.5 bringt mehrere <a href=\"https:\/\/make.wordpress.org\/core\/2024\/01\/22\/core-editor-improvement-robust-revisions-in-the-site-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">wichtige Verbesserungen<\/a> f\u00fcr das Revisionssystem.<\/p>\n<p>Hier erf\u00e4hrst du, was dich bei Revisionen in WordPress 6.5 erwartet.<\/p>\n<h3>Beschreibung der \u00c4nderungen<\/h3>\n<p>In der vorherigen Version von WordPress waren nur das Datum, die Uhrzeit und der Autor jeder Revision sichtbar. Ab WordPress 6.5 siehst du zus\u00e4tzlich zu diesen Angaben auch eine <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56577\" target=\"_blank\" rel=\"noopener noreferrer\">kurze Zusammenfassung<\/a> und <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56577\" target=\"_blank\" rel=\"noopener noreferrer\">andere Details<\/a> zu dieser Version.<\/p>\n<figure id=\"attachment_175345\" aria-describedby=\"caption-attachment-175345\" style=\"width: 1162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175345 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-revisions-panel-1.jpg\" alt=\"Revisions\u00fcbersicht in WordPress 6.5\" width=\"1162\" height=\"1030\"><figcaption id=\"caption-attachment-175345\" class=\"wp-caption-text\">Revisions\u00fcbersicht in WordPress 6.5<\/figcaption><\/figure>\n<h3>Unbegrenzte \u00dcberarbeitungen und Paginierung<\/h3>\n<p>Vor 6.5 war es aufgrund der Beschr\u00e4nkung der Rest-API nur m\u00f6glich, maximal 100 Revisionen in einem einzigen Panel der Seitenleiste anzuzeigen.<\/p>\n<p>Dank der <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/54046\" target=\"_blank\" rel=\"noopener noreferrer\">beiden neuen Selektoren<\/a> <code>getRevisions<\/code> und <code>getRevision<\/code>, die mit <a href=\"https:\/\/make.wordpress.org\/core\/2023\/12\/06\/whats-new-in-gutenberg-17-2-6-december\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 17.2<\/a> eingef\u00fchrt und mit WordPress 6.5 in den Kern integriert wurden, gibt es das Limit von 100 Revisionen nicht mehr. Au\u00dferdem kannst du alle vorhandenen Revisionen auf <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56799\">Seiten mit jeweils 10 Eintr\u00e4gen<\/a> durchsuchen.<\/p>\n<h3>Integration des Revision Style Book<\/h3>\n<p>Eine weitere \u00c4nderung macht das Revisions-Panel auch <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56800\" target=\"_blank\" rel=\"noopener noreferrer\">mit dem Style Book verf\u00fcgbar<\/a>. So kannst du die \u00c4nderungen \u00fcberpr\u00fcfen, die du an deinen Styles f\u00fcr Muster und Bl\u00f6cke vorgenommen hast, die nicht in der aktuellen Vorlage enthalten sind.<\/p>\n<figure id=\"attachment_175343\" aria-describedby=\"caption-attachment-175343\" style=\"width: 2126px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175343 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-revisions-style-book.jpg\" alt=\"Das Style Book unterst\u00fctzt jetzt Revisionen\" width=\"2126\" height=\"1398\"><figcaption id=\"caption-attachment-175343\" class=\"wp-caption-text\">Das Style Book unterst\u00fctzt jetzt Revisionen<\/figcaption><\/figure>\n<h3>\u00dcberarbeitungen f\u00fcr Vorlagen und Vorlagenteile<\/h3>\n<p>\u00dcberarbeitungen von Vorlagen und Vorlagenteilen erm\u00f6glichen es dir, zu einer fr\u00fcheren Version deines Entwurfsprojekts zu wechseln, was eine zus\u00e4tzliche Sicherheitsebene f\u00fcr deinen Workflow darstellt.<\/p>\n<h2>Interaktivit\u00e4ts-API<\/h2>\n<p>Vor WordPress 6.5 mussten Entwickler\/innen ihre bevorzugten <a href=\"https:\/\/kinsta.com\/de\/blog\/javascript-bibliotheken\/\">JavaScript-Bibliotheken<\/a> selbst implementieren, um ihren Seiten Interaktivit\u00e4t hinzuzuf\u00fcgen. Leider f\u00fchrte dies zu einem Mangel an Konsistenz bei der JavaScript-Entwicklung im Frontend.<\/p>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2024\/02\/19\/merge-announcement-interactivity-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ab WordPress 6.5<\/a> bietet eine neue <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/interactivity-api-dev-note\/\" target=\"_blank\" rel=\"noopener noreferrer\">Interaktivit\u00e4ts-API<\/a> eine moderne und standardisierte M\u00f6glichkeit, Interaktivit\u00e4t in das Frontend deiner WordPress-Websites einzubauen.<\/p>\n<p>Falls du dich fragst, <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/30\/proposal-the-interactivity-api-a-better-developer-experience-in-building-interactive-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">was diese neue API kann<\/a>, haben wir bereits in <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-4\/\">WordPress 6.4<\/a> einen Vorgeschmack darauf bekommen, als die Kernbl\u00f6cke Bild, Suche, Datei, Navigation und Abfrage mit der privaten Version der API \u00fcberarbeitet wurden. Der <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-4\/#lightbox-effect-on-images\">Lightbox-Effekt<\/a> f\u00fcr Bilder ist ein weiteres gutes Beispiel.<\/p>\n<p>Dynamische Paginierung, sofortige Suche und Echtzeit-Interaktion zwischen Bl\u00f6cken sind nur einige Beispiele daf\u00fcr, was du mit der Interaktivit\u00e4ts-API auf deinen Websites umsetzen kannst:<\/p>\n<blockquote><p>Bl\u00f6cke k\u00f6nnen Daten, Aktionen und R\u00fcckrufe untereinander austauschen. Das macht die Kommunikation zwischen Bl\u00f6cken einfacher und weniger fehleranf\u00e4llig. Wenn du zum Beispiel auf einen &#8222;In den Warenkorb&#8220;-Block klickst, kann ein separater &#8222;Warenkorb&#8220;-Block nahtlos aktualisiert werden.<\/p><\/blockquote>\n<p>Und es ist unglaublich schnell. Alle Skripte, die zum Hinzuf\u00fcgen von Interaktivit\u00e4t erforderlich sind, werden nur dann im Frontend geladen, wenn du mindestens einen interaktiven Block auf der Seite hast.<\/p>\n<p>Die Interaktivit\u00e4ts-API ist ein moderner Ansatz f\u00fcr die Frontend-Entwicklung, der die Leistung von benutzerdefinierten HTML-Attributen nutzt, um die Menge an JavaScript zu reduzieren, die f\u00fcr die Interaktivit\u00e4t auf deinen Seiten ben\u00f6tigt wird.<\/p>\n<p>Wenn du mit Frontend-Bibliotheken wie HTMX und Alpine.js vertraut bist, wirst du dich freuen, dass die gleiche Logik mit der Interaktivit\u00e4ts-API in WordPress implementiert wurde. Was hat es damit auf sich? Lass uns tiefer eintauchen.<\/p>\n<h3>Was ist die Interaktivit\u00e4ts-API?<\/h3>\n<p><strong>Die Interaktivit\u00e4ts-API ist ein neues Standardsystem von Direktiven f\u00fcr die Erstellung interaktiver Bl\u00f6cke<\/strong>, mit dem Entwickler\/innen auf einfache Weise Interaktivit\u00e4t in das Frontend ihrer Bl\u00f6cke einbauen k\u00f6nnen, damit Website-Besucher\/innen mit deinen Inhalten interagieren k\u00f6nnen, ohne die Seite neu laden zu m\u00fcssen. Denkbar sind z. B. die Sofortsuche, das Hinzuf\u00fcgen von Kommentaren, das Hinzuf\u00fcgen zu einem Warenkorb und die dynamische Paginierung.<\/p>\n<p>Die neue API erf\u00fcllt eine Reihe von Anforderungen, die sie zu einem modernen Entwicklungstool machen, darunter die folgenden:<\/p>\n<ul>\n<li>Sie unterst\u00fctzt <strong>Server-seitiges Rendering<\/strong> und <strong>Client-hydriertes HTML<\/strong>.<\/li>\n<li>Sie funktioniert gut mit PHP und dem aktuellen Blocksystem.<\/li>\n<li>Es ist r\u00fcckw\u00e4rtskompatibel mit WordPress-Hooks und bestehenden JavaScript-Bibliotheken.<\/li>\n<li>Sie verfolgt einen <strong>deklarativen Ansatz<\/strong> anstelle eines imperativen Ansatzes.<\/li>\n<li>Sie ist performant und erweiterbar.<\/li>\n<li>Sie ist <strong>atomar und zusammensetzbar<\/strong>: Jede Direktive steuert einen kleinen Teil des DOM, und mehrere Direktiven k\u00f6nnen kombiniert werden, um komplexe Anwendungen zu erstellen.<\/li>\n<li>Sie ist mit den bestehenden WordPress-Entwicklungstools kompatibel.<\/li>\n<\/ul>\n<p>Wie bereits erw\u00e4hnt, basiert die Interaktivit\u00e4ts-API auf Direktiven. Das sind spezielle HTML-Attribute, mit denen du DOM-Elementen ein bestimmtes Verhalten zuweisen kannst. Hier ist ein Beispiel f\u00fcr einen interaktiven Block:<\/p>\n<pre><code class=\"language-html\">&lt;div\n\t&lt;?php echo get_block_wrapper_attributes(); ?&gt;\n\tdata-wp-interactive='{ \"namespace\": \"create-block\" }'\n\tdata-wp-context='{ \"isOpen\": false }'\n\tdata-wp-watch=\"callbacks.logIsOpen\"\n&gt;\n\t&lt;button\n\t\tdata-wp-on--click=\"actions.toggle\"\n\t\tdata-wp-bind--aria-expanded=\"context.isOpen\"\n\t\taria-controls=\"&lt;?php echo esc_attr( $unique_id ); ?&gt;\"\n\t&gt;\n\t\t&lt;?php esc_html_e( 'Toggle', 'inter-block' ); ?&gt;\n\t&lt;\/button&gt;\n\n\t&lt;p\n\t\tid=\"&lt;?php echo esc_attr( $unique_id ); ?&gt;\"\n\t\tdata-wp-bind--hidden=\"!context.isOpen\"\n\t&gt;\n\t\t&lt;?php\n\t\t\tesc_html_e( 'Inter Block - hello from an interactive block!', 'inter-block' );\n\t\t?&gt;\n\t&lt;\/p&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<p>WordPress verarbeitet diese Direktiven auf dem Server und erzeugt das entsprechende Markup.<\/p>\n<h3>Wie man mit der Interaktivit\u00e4ts-API anf\u00e4ngt<\/h3>\n<p>Die Implementierung der Interaktivit\u00e4ts-API hat keinen Einfluss auf den Workflow der Blockerstellung. Du kannst ein Plugin erstellen, das einen interaktiven Block mit dem Befehl <code>@wordpress\/create-block<\/code> und einer bestimmten interaktiven Vorlage registriert.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Wenn du neu in der Entwicklung von WordPress-Bl\u00f6cken bist, solltest du dir die folgenden Anleitungen nicht entgehen lassen:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-blocke\/\">Benutzerdefinierte Gutenberg-Bl\u00f6cke erstellen<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/dynamische-bloecke\/\">Wie man dynamische Bl\u00f6cke f\u00fcr Gutenberg erstellt<\/a><\/li>\n<\/ul>\n<p><\/p>\n<\/aside>\n\n<p>Starte dein bevorzugtes Kommandozeilentool, navigiere zu deinem <strong>Plugins-Verzeichnis<\/strong> und <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-interactivity\/\" target=\"_blank\" rel=\"noopener noreferrer\">f\u00fchre den folgenden Befehl aus<\/a>:<\/p>\n<pre><code class=\"language-bash\">npx @wordpress\/create-block@latest my-interactive-block --template @wordpress\/create-block-interactive-template<\/code><\/pre>\n<p>Dies erzeugt einen interaktiven Block aus einer Vorlage, die das Metadatenfeld <code>viewScriptModule<\/code> verwendet. Das Skriptmodul, das in <code>viewScriptModule<\/code> deklariert ist, wird in die Warteschlange gestellt, wenn ein Block auf dem Frontend gerendert wird. (Siehe auch <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/block-metadata-viewscriptmodule-field-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">viewScriptModule<\/a> und <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/script-modules-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Script Modules<\/a> dev notes.)<\/p>\n<figure id=\"attachment_175888\" aria-describedby=\"caption-attachment-175888\" style=\"width: 1768px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175888 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/03\/wp-65-interactive-block-project.jpg\" alt=\"Ein interaktives Blockprojekt in Visual Studio Code\" width=\"1768\" height=\"790\"><figcaption id=\"caption-attachment-175888\" class=\"wp-caption-text\">Ein interaktives Blockprojekt in Visual Studio Code<\/figcaption><\/figure>\n<p>Sobald der Installationsprozess abgeschlossen ist, findest du ein neues Plugin in deinem WordPress-Dashboard. Aktiviere es, gehe dann zur\u00fcck zur Kommandozeile, navigiere zum Verzeichnis des neuen Plugins und starte den Dienst:<\/p>\n<pre><code class=\"language-bash\">cd my-interactive-block && npm start<\/code><\/pre>\n<p>Erstelle nun einen neuen Beitrag oder eine neue Seite, \u00f6ffne den Block-Inserter und scrolle nach unten zum Abschnitt Widgets. Dort findest du einen neuen Block namens <strong>Mein interaktiver Block<\/strong>, den du als Vorlage f\u00fcr neue spannende und interaktive Kreationen verwenden kannst:<\/p>\n<figure id=\"attachment_175639\" aria-describedby=\"caption-attachment-175639\" style=\"width: 1620px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175639 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-my-interactive-block.png\" alt=\"Ein interaktiver Entwicklungsblock\" width=\"1620\" height=\"976\"><figcaption id=\"caption-attachment-175639\" class=\"wp-caption-text\">Ein interaktiver Entwicklungsblock<\/figcaption><\/figure>\n<p>F\u00fcge den Block zu deinem Inhalt hinzu und speichere den Beitrag. In der Beitragsvorschau wird ein Kippschalter angezeigt, der einen Blindtext ein-\/ausblendet. Und das war&#8217;s. Jetzt kannst du anfangen, interaktive Bl\u00f6cke zu erstellen.<\/p>\n<p>Mehr dar\u00fcber, <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/30\/proposal-the-interactivity-api-a-better-developer-experience-in-building-interactive-blocks\/#how-to-create-interactive-blocks\" target=\"_blank\" rel=\"noopener noreferrer\">wie du mit der Interaktivit\u00e4ts-API interaktive Bl\u00f6cke erstellst<\/a>, erf\u00e4hrst du im WordPress Core Blog, in der <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/interactivity\/docs\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub-Dokumentation<\/a> und in der <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/interactivity-api-dev-note\/\" target=\"_blank\" rel=\"noopener noreferrer\">Interaktivit\u00e4ts-API-Entwicklungsnotiz<\/a>.<\/p>\n<p>Ein gutes Beispiel f\u00fcr die Interaktivit\u00e4ts-API ist die Demo-Website <a href=\"https:\/\/wpmovies.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">wpmovies.dev<\/a>.<\/p>\n<h2>Neue Design-Tools<\/h2>\n<p>Mit WordPress 6.5 werden auch neue Design-Tools eingef\u00fchrt, mit denen du dein Design weiter anpassen kannst, ohne auf eigenen CSS-Code angewiesen zu sein.<\/p>\n<h3>Unterst\u00fctzung f\u00fcr Gr\u00f6\u00dfe und Wiederholung des Hintergrundbildes f\u00fcr den Gruppenblock<\/h3>\n<p>Der Gruppenblock unterst\u00fctzt jetzt die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57005\" target=\"_blank\" rel=\"noopener noreferrer\">Gr\u00f6\u00dfen- und Wiederholungsfunktionen<\/a> f\u00fcr Hintergrundbilder. Damit kannst du auch die Gr\u00f6\u00dfe des Hintergrundbildes so einstellen, dass es das Seitenverh\u00e4ltnis beibeh\u00e4lt.<\/p>\n<figure id=\"attachment_175596\" aria-describedby=\"caption-attachment-175596\" style=\"width: 2112px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175596 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-background-image-size.jpg\" alt=\"Steuerung der Gr\u00f6\u00dfe des Hintergrundbildes f\u00fcr einen Gruppenblock\" width=\"2112\" height=\"1162\"><figcaption id=\"caption-attachment-175596\" class=\"wp-caption-text\">Steuerung der Gr\u00f6\u00dfe des Hintergrundbildes f\u00fcr einen Gruppenblock<\/figcaption><\/figure>\n<p>Wenn du die <strong>Gr\u00f6\u00dfe des Hintergrunds<\/strong> auf <strong>Fest<\/strong> eingestellt hast, wird au\u00dferdem ein Umschalter f\u00fcr die <strong>Wiederholung<\/strong> angezeigt, mit dem du den sich wiederholenden Hintergrund aktivieren oder deaktivieren kannst.<\/p>\n<h3>Unterst\u00fctzung des Seitenverh\u00e4ltnisses f\u00fcr den Cover-Block<\/h3>\n<p>Der Cover-Block hat <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56897\" target=\"_blank\" rel=\"noopener noreferrer\">Unterst\u00fctzung f\u00fcr das Seitenverh\u00e4ltnis<\/a> erhalten. Du kannst das Seitenverh\u00e4ltnis des Blocks auf globaler Ebene \u00fcber die Schnittstelle Globaler Stil steuern oder es individuell in deinem Inhalt anpassen.<\/p>\n<figure id=\"attachment_175597\" aria-describedby=\"caption-attachment-175597\" style=\"width: 2140px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175597 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-aspect-ration-control.jpg\" alt=\"Die Steuerung des Seitenverh\u00e4ltnisses f\u00fcr den Cover-Block\" width=\"2140\" height=\"1242\"><figcaption id=\"caption-attachment-175597\" class=\"wp-caption-text\">Die Steuerung des Seitenverh\u00e4ltnisses f\u00fcr den Cover-Block<\/figcaption><\/figure>\n<h3>Schattenunterst\u00fctzung f\u00fcr weitere Bl\u00f6cke<\/h3>\n<p>Bislang war der Button-Block der einzige Block, der Schatten unterst\u00fctzt hat. Mit WordPress 5.6 werden nun auch die Bl\u00f6cke Columns, Column und Image von <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/57103\" target=\"_blank\" rel=\"noopener noreferrer\">Schatten unterst\u00fctzt<\/a>.<\/p>\n<p>Du kannst diesen Bl\u00f6cken auf der Registerkarte Stile in den Blockeinstellungen einen Schatten hinzuf\u00fcgen.<\/p>\n<figure id=\"attachment_175598\" aria-describedby=\"caption-attachment-175598\" style=\"width: 2016px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175598 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-drop-shadow.jpg\" alt=\"Der Image-Block unterst\u00fctzt jetzt Schatten\" width=\"2016\" height=\"994\"><figcaption id=\"caption-attachment-175598\" class=\"wp-caption-text\">Der Image-Block unterst\u00fctzt jetzt Schatten<\/figcaption><\/figure>\n<h2>Aktualisierungen im Seiteneditor<\/h2>\n<p>Mehrere Verbesserungen am Seiteneditor sollen dein Bearbeitungserlebnis deutlich verbessern und deinen Arbeitsablauf rationalisieren.<\/p>\n<h3>Erweiterungen der Listenansicht<\/h3>\n<p>Die Listenansicht ist ein zentrales Element des Design-Workflows, und WordPress 6.5 f\u00fchrt eine Handvoll Verbesserungen ein.<\/p>\n<p>Erstens kannst du jetzt <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50273\" target=\"_blank\" rel=\"noopener noreferrer\">mit der rechten Maustaste auf die Listenansicht klicken<\/a>, um das Dropdown-Men\u00fc f\u00fcr die Blockeinstellungen aufzurufen. Dies ist eine kleine, aber n\u00fctzliche Verbesserung, die deinen Erstellungsprozess vereinfacht, da du nun leichter von der Listenansicht aus auf die Blockeinstellungen zugreifen kannst.<\/p>\n<p>Eine zweite Verbesserung erm\u00f6glicht es dir, <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/25\/whats-new-in-gutenberg-16-9-25-october-2\/#rename-almost-all-blocks-from-the-editor\">fast alle Bl\u00f6cke in der Listenansicht umzubenennen<\/a>, mit Ausnahme der folgenden Bl\u00f6cke:<\/p>\n<ul>\n<li>core\/block<\/li>\n<li>core\/template-part<\/li>\n<li>core\/pattern<\/li>\n<li>core\/navigation<\/li>\n<\/ul>\n<p>Auch die Listenansicht wurde um ein Tastaturk\u00fcrzel erweitert. Du kannst jetzt <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/54899\" target=\"_blank\" rel=\"noopener noreferrer\">alle Bl\u00f6cke<\/a> in der Listenansicht mit der Tastenkombination <strong>STRG + A<\/strong> unter Windows und <strong>CMD + A<\/strong> auf dem Mac ausw\u00e4hlen. Auf diese Weise kannst du ganz einfach Aktionen in gro\u00dfen Mengen durchf\u00fchren.<\/p>\n<h3>Duplizieren und Umbenennen von Mustern<\/h3>\n<p>Muster, die von Themes bereitgestellt werden, k\u00f6nnen nicht bearbeitet werden. Du kannst sie also nicht verwenden, um deine eigenen Muster zu erstellen oder einfach etwas im Muster zu \u00e4ndern. Mit WordPress 6.5 wurde eine <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/25\/whats-new-in-gutenberg-16-9-25-october-2\/#duplicate-and-rename-patterns-and-more\" target=\"_blank\" rel=\"noopener noreferrer\">kleine, aber n\u00fctzliche Funktion<\/a> hinzugef\u00fcgt, mit der du Muster aber <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/55292\" target=\"_blank\" rel=\"noopener noreferrer\">duplizieren<\/a> und <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/55188\" target=\"_blank\" rel=\"noopener noreferrer\">umbenennen<\/a> kannst.<\/p>\n<figure id=\"attachment_175698\" aria-describedby=\"caption-attachment-175698\" style=\"width: 1808px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175698 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-rename-delete-patterns.jpg\" alt=\"Es ist jetzt m\u00f6glich, Muster umzubenennen und zu l\u00f6schen\" width=\"1808\" height=\"1224\"><figcaption id=\"caption-attachment-175698\" class=\"wp-caption-text\">Es ist jetzt m\u00f6glich, Muster umzubenennen und zu l\u00f6schen<\/figcaption><\/figure>\n<p>Au\u00dferdem wurden zwei neue Musterkategorien hinzugef\u00fcgt: <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/55236\" target=\"_blank\" rel=\"noopener noreferrer\">Audio und Video<\/a>.<\/p>\n<figure id=\"attachment_175699\" aria-describedby=\"caption-attachment-175699\" style=\"width: 2146px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175699 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-pattern-categories.jpg\" alt=\"Das Muster-Kategorien-Panel in WordPress 6.5\" width=\"2146\" height=\"932\"><figcaption id=\"caption-attachment-175699\" class=\"wp-caption-text\">Das Muster-Kategorien-Panel in WordPress 6.5<\/figcaption><\/figure>\n<h3>Ein verbessertes Einstellungsfenster<\/h3>\n<p>Mit WordPress 6.5 wurde das Einstellungsfeld <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/56510\" target=\"_blank\" rel=\"noopener noreferrer\">aktualisiert<\/a> und die bestehenden Einstellungen wurden neu organisiert. Zu den <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56481\" target=\"_blank\" rel=\"noopener noreferrer\">wichtigsten \u00c4nderungen<\/a> geh\u00f6ren:<\/p>\n<ul>\n<li>Neue Bereiche &#8222;Erscheinungsbild&#8220; und &#8222;Barrierefreiheit&#8220;.<\/li>\n<li>Eine neue Einstellung f\u00fcr die <strong>obere Symbolleiste<\/strong> unter <strong>Erscheinungsbild<\/strong>.<\/li>\n<\/ul>\n<p>Wenn du die <strong>Top-Symbolleiste<\/strong> aktivierst, werden alle Block- und Dokumentwerkzeuge in einer einzigen Symbolleiste am oberen Rand des Editors zusammengefasst.<\/p>\n<figure id=\"attachment_175700\" aria-describedby=\"caption-attachment-175700\" style=\"width: 1948px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175700 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-preferences.jpg\" alt=\"Die \u00fcberarbeitete Einstellungsoberfl\u00e4che mit aktivierter Top-Symbolleiste\" width=\"1948\" height=\"872\"><figcaption id=\"caption-attachment-175700\" class=\"wp-caption-text\">Die \u00fcberarbeitete Einstellungsoberfl\u00e4che mit aktivierter Top-Symbolleiste<\/figcaption><\/figure>\n<h3>Symbolleiste im ablenkungsfreien Modus blockieren<\/h3>\n<p>Vor WordPress 6.5 war der Zugriff auf die Block-Symbolleiste im ablenkungsfreien Modus nicht m\u00f6glich, und du warst gezwungen, sie bei jeder \u00c4nderung ein- und auszuschalten. Seit WordPress 6.5 wird <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56295\" target=\"_blank\" rel=\"noopener noreferrer\">die Blocksymbolleiste<\/a> f\u00fcr deine Anpassungen angezeigt, wenn du den Mauszeiger \u00fcber den oberen Bereich des Editors bewegst.<\/p>\n<figure id=\"attachment_175701\" aria-describedby=\"caption-attachment-175701\" style=\"width: 2386px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175701 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-block-toolbar-distraction-free-mode.jpg\" alt=\"Die Blocksymbolleiste im ablenkungsfreien Modus\" width=\"2386\" height=\"856\"><figcaption id=\"caption-attachment-175701\" class=\"wp-caption-text\">Die Blocksymbolleiste im ablenkungsfreien Modus<\/figcaption><\/figure>\n<h3>Verbesserte LinkControl-Komponente<\/h3>\n<p>Das LinkControl wurde verbessert und das Hinzuf\u00fcgen von Links ist jetzt einfacher. Das folgende Bild zeigt das neue Panel, das erscheint, wenn du auf einen Link klickst, um ihn zu bearbeiten.<\/p>\n<figure id=\"attachment_175763\" aria-describedby=\"caption-attachment-175763\" style=\"width: 1276px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175763 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-edit-link.jpg\" alt=\"Editieren eines Links in WordPress 6.5\" width=\"1276\" height=\"804\"><figcaption id=\"caption-attachment-175763\" class=\"wp-caption-text\">Editieren eines Links in WordPress 6.5<\/figcaption><\/figure>\n<p>Eine vollst\u00e4ndige Liste der \u00c4nderungen an der Komponente <code>LinkControl<\/code> findest du in PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/50891\" target=\"_blank\" rel=\"noopener noreferrer\">#50891<\/a>.<\/p>\n<h3>Verbesserungen bei Drag &#038; Drop<\/h3>\n<p>Drag &#038; Drop wurde in mehreren Bereichen des Editors verbessert.<\/p>\n<p>In der Listenansicht:<\/p>\n<ul>\n<li>Wenn du einen Block in einen eingeklappten Block ziehst, wird der eingeklappte Block ausgeweitet.<\/li>\n<li>Ein Ziehcursor wird angezeigt, wenn du Elemente ziehst.<\/li>\n<\/ul>\n<p>Im Editor-Canvas:<\/p>\n<ul>\n<li>Du kannst jetzt Elemente an den Anfang oder das Ende deines Inhalts ziehen und dort ablegen.<\/li>\n<li>Das Ziehen und Ablegen von Elementen zwischen geschwisterlichen Containerbl\u00f6cken wurde verbessert.<\/li>\n<li>Es ist auch m\u00f6glich, Bl\u00f6cke in Vorlagenteile zu ziehen.<\/li>\n<li>Ein neuer visueller Hinweis informiert dich jetzt dar\u00fcber, dass ein Block nicht gezogen werden kann.<\/li>\n<li>Du kannst Elemente an den Anfang oder das Ende eines Dokuments ziehen und dort ablegen.<\/li>\n<li>Du kannst Reihen oder Galerien erstellen, indem du Bl\u00f6cke einfach in die N\u00e4he anderer Bl\u00f6cke ziehst und fallen l\u00e4sst. Wenn du zum Beispiel ein Bild neben einem anderen Bild hinzuf\u00fcgst, wird der bestehende Bildblock in einen Galerieblock umgewandelt.<\/li>\n<\/ul>\n<figure id=\"attachment_175764\" aria-describedby=\"caption-attachment-175764\" style=\"width: 1995px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175764 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-drag-and-drop.jpg\" alt=\"Ziehen und Ablegen eines Bildes neben einem Bildblock\" width=\"1995\" height=\"894\"><figcaption id=\"caption-attachment-175764\" class=\"wp-caption-text\">Ziehen und Ablegen eines Bildes neben einem Bildblock<\/figcaption><\/figure>\n<figure id=\"attachment_175765\" aria-describedby=\"caption-attachment-175765\" style=\"width: 1995px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175765 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-gallery.jpg\" alt=\"Du kannst jetzt einen Bildblock durch Ziehen und Ablegen von Bildern in eine Galerie umwandeln\" width=\"1995\" height=\"591\"><figcaption id=\"caption-attachment-175765\" class=\"wp-caption-text\">Du kannst jetzt einen Bildblock durch Ziehen und Ablegen von Bildern in eine Galerie umwandeln<\/figcaption><\/figure>\n<p>Eine umfassendere Liste der Verbesserungen beim Ziehen und Ablegen findest du in der <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/33683\" target=\"_blank\" rel=\"noopener noreferrer\">Ausgabe \u00fcber das Ziehen und Ablegen von Bl\u00f6cken<\/a>.<\/p>\n<h2>Weitere \u00c4nderungen und Verbesserungen<\/h2>\n<p>Aber halt, das ist noch nicht alles! WordPress 6.5 bringt auch eine Reihe anderer \u00c4nderungen und Verbesserungen, die es wert sind, erw\u00e4hnt zu werden.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"-1\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Erscheinungsbild-Tools f\u00fcr klassische Themes<\/h3>\n<p>Klassische Themes k\u00f6nnen auch ohne die Verwendung der <strong>theme.json<\/strong> einige der im Site-Editor eingef\u00fchrten Gestaltungsfunktionen nutzen. <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/60118\" target=\"_blank\" rel=\"noopener noreferrer\">Ab WordPress 6.5<\/a> kann man mit der Theme-Unterst\u00fctzung von <code>appearanceTool<\/code> die folgenden Design-Funktionen nutzen:<\/p>\n<ul>\n<li>Umrandung<\/li>\n<li>Farbe<\/li>\n<li>Abst\u00e4nde<\/li>\n<li>Typografie<\/li>\n<\/ul>\n<p>So k\u00f6nnen Nutzerinnen und Nutzer klassischer Themes eine Vorschau auf die M\u00f6glichkeiten des Website-Editors erhalten und den \u00dcbergang von klassischen zu Block-Themes vereinfachen.<\/p>\n<figure id=\"attachment_175870\" aria-describedby=\"caption-attachment-175870\" style=\"width: 1676px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175870 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-appearance-tools-in-tt1-theme.jpg\" alt=\"Erscheinungsbild-Tools in WordPress 6.5 mit Twenty Twenty-One Theme\" width=\"1676\" height=\"1412\"><figcaption id=\"caption-attachment-175870\" class=\"wp-caption-text\">Erscheinungsbild-Tools in WordPress 6.5 mit Twenty Twenty-One Theme<\/figcaption><\/figure>\n<h3>AVIF-Unterst\u00fctzung<\/h3>\n<p>WordPress 6.5 f\u00fchrt auch die <a href=\"https:\/\/make.wordpress.org\/core\/2024\/02\/23\/wordpress-6-5-adds-avif-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">Unterst\u00fctzung<\/a> f\u00fcr das <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Media\/Formats\/Image_types#avif_image\" target=\"_blank\" rel=\"noopener noreferrer\">AVIF-Bildformat<\/a> ein, das sich durch einen fortschrittlichen Kompressionsalgorithmus auszeichnet, der eine bessere Bildqualit\u00e4t bei einer h\u00f6heren Kompressionsrate erm\u00f6glicht. Daher liefert AVIF kleinere Bilddateien als herk\u00f6mmliche Formate, einschlie\u00dflich des <a href=\"https:\/\/kinsta.com\/de\/blog\/webp\/\">WebP-Formats<\/a>.<\/p>\n<p>Nutzer\/innen k\u00f6nnen AVIF-Dateien jetzt nahtlos \u00fcber die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-medienbibliothek\/\">WordPress-Mediathek<\/a> hochladen, \u00e4hnlich wie andere Bildformate. \u00dcberpr\u00fcfe jedoch, ob deine Hosting-Plattform mit dem AVIF-Dateiformat kompatibel ist.<\/p>\n<figure id=\"attachment_175871\" aria-describedby=\"caption-attachment-175871\" style=\"width: 2468px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175871 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/can-i-use-avif.jpg\" alt=\"AVIF-Bildformat Browserunterst\u00fctzung \" width=\"2468\" height=\"1034\"><figcaption id=\"caption-attachment-175871\" class=\"wp-caption-text\">AVIF-Bildformat Browserunterst\u00fctzung (Quelle: <a href=\"https:\/\/caniuse.com\/avif\">Can I Use<\/a>)<\/figcaption><\/figure>\n<p>Du kannst \u00fcberpr\u00fcfen, ob dein Hoster das AVIF-Bildformat unterst\u00fctzt, indem du auf dem Bildschirm Site Health deiner WordPress-Installation auf die Registerkarte <strong>Info<\/strong> klickst und den Abschnitt <strong>Media Handling<\/strong> erweiterst.<\/p>\n<h3>Plugin-Abh\u00e4ngigkeiten<\/h3>\n<p>Einige Plugins f\u00fcgen neue Funktionen als Erweiterungen\/Add-ons zu anderen Plugins hinzu. Damit diese Plugins funktionieren, musst du zuerst ihre Abh\u00e4ngigkeiten installieren und aktivieren &#8211; also die Plugins, auf die sie angewiesen sind.<\/p>\n<p>Seit WordPress 6.5 k\u00f6nnen Plugin-Entwickler einen neuen Plugin-Header &#8222;Requires Plugins&#8220; verwenden. Dieser Header schaltet eine leistungsstarke Funktion frei, die den Prozess der Installation und Aktivierung von Abh\u00e4ngigkeiten vereinfacht. Er enth\u00e4lt eine durch Kommata getrennte Liste der Abh\u00e4ngigkeiten, die ein abh\u00e4ngiges Plugin ben\u00f6tigt, um zu funktionieren.<\/p>\n<p>Er enth\u00e4lt Informationen f\u00fcr den Nutzer des Plugins mit Links zum WordPress.org Plugins Repository, um die Abh\u00e4ngigkeiten zu installieren und zu aktivieren.<\/p>\n<p>Au\u00dferdem bietet das Abh\u00e4ngigkeits-Plugin eine &#8222;Erforderlich f\u00fcr&#8220;-Angabe, in der die abh\u00e4ngigen Plugins aufgelistet sind, die es ben\u00f6tigen, um zu funktionieren. Du wirst au\u00dferdem feststellen, dass du das Abh\u00e4ngigkeits-Plugin nur l\u00f6schen kannst, wenn du das abh\u00e4ngige Plugin l\u00f6schst.<\/p>\n<figure id=\"attachment_175872\" aria-describedby=\"caption-attachment-175872\" style=\"width: 1946px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175872 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-required-plugin.jpg\" alt=\"Erforderliche Plugins in WordPress 6.5\" width=\"1946\" height=\"1006\"><figcaption id=\"caption-attachment-175872\" class=\"wp-caption-text\">Erforderliche Plugins in WordPress 6.5<\/figcaption><\/figure>\n<p>WordPress 6.5 f\u00fchrt auch einen neuen <code>wp_plugin_dependencies_slug<\/code> Filter ein, mit dem du Abh\u00e4ngigkeits-Plugins programmatisch filtern kannst.<\/p>\n<p>In der <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/05\/introducing-plugin-dependencies-in-wordpress-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dev Note zu Plugin-Abh\u00e4ngigkeiten<\/a> findest du eine ausf\u00fchrlichere Beschreibung.<\/p>\n<h3>Aktualisierungen der HTML-API<\/h3>\n<p>Mit WordPress 6.5 wurde der HTML-API-Tag-Prozessor verbessert. Er <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/60170\">scannt jetzt alle Arten von Syntax-Token<\/a>, einschlie\u00dflich Tag- und Nicht-Tag-Token, Kommentare, Doctype-Definitionen und Textknoten.<\/p>\n<p>Dies erm\u00f6glicht die \u00c4nderung des Textes innerhalb der Token-Grenzen, der als <strong>ver\u00e4nderbarer Text<\/strong> bezeichnet wird, ohne die Struktur eines Dokuments zu beeintr\u00e4chtigen.<\/p>\n<p>Ver\u00e4nderbarer Text ist der gesamte Inhalt eines Textknotens, der Inhalt eines HTML-Kommentars oder der Inhalt zwischen den \u00f6ffnenden und schlie\u00dfenden Tags spezieller Elemente, wie <code>script<\/code> oder <code>style<\/code>.<\/p>\n<p>Es wurden eine Reihe neuer Methoden eingef\u00fchrt:<\/p>\n<ul>\n<li><code>next_token()<\/code> &#8211; springt zum n\u00e4chsten Token im Dokument<\/li>\n<li><code>get_token_type()<\/code> &#8211; ermittelt den Typ des gefundenen Tokens<\/li>\n<li><code>get_token_name()<\/code> &#8211; ermittelt den Namen eines Tokens<\/li>\n<li><code>get_modifiable_text()<\/code> &#8211; gibt den korrekt dekodierten Textinhalt f\u00fcr ein bestimmtes Token zur\u00fcck.<\/li>\n<li><code>get_comment_type()<\/code> &#8211; liefert den Typ des Kommentars<\/li>\n<li><code>paused_at_incomplete_token()<\/code> &#8211; gibt true zur\u00fcck, wenn der Tag-Prozessor das Ende eines Dokuments erreicht, das in der Mitte eines Tokens abgeschnitten wurde.<\/li>\n<\/ul>\n<p>Eine ausf\u00fchrlichere \u00dcbersicht findest du in der Dev Note <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/updates-to-the-html-api-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Updates to the HTML API in 6.5<\/a>.<\/p>\n<h3>Vereinheitlichung von Site- und Post-Editor<\/h3>\n<p>In WordPress 6.5 erhalten die Editoren <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/52632\" target=\"_blank\" rel=\"noopener noreferrer\">mehrere Updates<\/a>, um <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/05\/unification-of-the-site-and-post-editors-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">die Benutzeroberfl\u00e4che und das Verhalten zu vereinheitlichen<\/a>.<\/p>\n<p>Mehrere Sidebar-Panels wurden aus dem Edit-Post-Paket in das <code>@wordpress\/editor<\/code> -Paket verschoben, um die entsprechenden Funktionalit\u00e4ten in den Site-Editor zu bringen:<\/p>\n<ul>\n<li>Seitenattribute (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57151\" target=\"_blank\" rel=\"noopener noreferrer\">#57151<\/a>)<\/li>\n<li>Beitrags-Taxonomie (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57049\" target=\"_blank\" rel=\"noopener noreferrer\">#57049<\/a>)<\/li>\n<li>Der Link Ansicht wurde zum Site-Editor f\u00fcr Beitragstypen hinzugef\u00fcgt (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57153\" target=\"_blank\" rel=\"noopener noreferrer\">#57153<\/a>)<\/li>\n<li>Das Diskussions-Panel wurde zur Seitenleiste des Seiteneditors f\u00fcr Beitragstypen hinzugef\u00fcgt, die es unterst\u00fctzen (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57150\" target=\"_blank\" rel=\"noopener noreferrer\">#57150<\/a>)<\/li>\n<li>Das Bedienfeld &#8222;Featured Image&#8220; wurde hinzugef\u00fcgt (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57053\" target=\"_blank\" rel=\"noopener noreferrer\">#57053<\/a>)<\/li>\n<li>Das Revisions-Panel wurde zum Editor hinzugef\u00fcgt (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57010\" target=\"_blank\" rel=\"noopener noreferrer\">#57010<\/a>)<\/li>\n<\/ul>\n<p>Eine weitere \u00c4nderung erm\u00f6glicht es dir, eine Vorschau der Vorlage zu sehen, wenn du eine Seite im Beitragseditor bearbeitest, wie es bereits im Seiteneditor m\u00f6glich war.<\/p>\n<h3>Leistungsverbesserungen<\/h3>\n<p>Mehr als 110 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/57935\" target=\"_blank\" rel=\"noopener noreferrer\">Leistungsverbesserungen<\/a> f\u00fchren zu einem deutlichen Geschwindigkeits- und Effizienzsprung sowohl im Post-Editor als auch im Site-Editor. Die Ladezeiten sind jetzt doppelt so schnell wie in Version 6.4, und die Geschwindigkeit der Eingabeverarbeitung ist fast viermal so hoch. Au\u00dferdem tr\u00e4gt die Integration der i18-Bibliothek <a href=\"https:\/\/make.wordpress.org\/core\/2023\/11\/08\/merging-performant-translations-into-core\/\" target=\"_blank\" rel=\"noopener noreferrer\">von Performant Translations<\/a> dazu bei, <a href=\"https:\/\/make.wordpress.org\/core\/2024\/02\/27\/i18n-improvements-6-5-performant-translations\/\" target=\"_blank\" rel=\"noopener noreferrer\">den Speicherverbrauch und die Ladezeiten \u00fcbersetzter<\/a> Websites zu reduzieren.<\/p>\n<h3>Verbesserungen der Zug\u00e4nglichkeit<\/h3>\n<p>Mit der Ver\u00f6ffentlichung von WordPress 6.5 werden mehr als 65 Aktualisierungen in den Kern integriert, um die Zug\u00e4nglichkeit im gesamten Verwaltungsbereich zu verbessern. Zu diesen Verbesserungen geh\u00f6ren der <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/51870\" target=\"_blank\" rel=\"noopener noreferrer\">Fokus-Stil<\/a>, das <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/60140\" target=\"_blank\" rel=\"noopener noreferrer\">Kontrastverh\u00e4ltnis<\/a>, die <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/32728\" target=\"_blank\" rel=\"noopener noreferrer\">Anordnung des Customizer-Men\u00fcs<\/a> und vieles mehr.<\/p>\n<h3>Updates f\u00fcr Block Hooks<\/h3>\n<p>Die mit WordPress 6.4 eingef\u00fchrten <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-4\/#block-hooks\">Block Hooks<\/a> erm\u00f6glichen es, einen Block automatisch an einer bestimmten Stelle zu platzieren, wenn ein anderer Block zum Inhalt hinzugef\u00fcgt wird.<\/p>\n<p>Block Hooks waren bisher f\u00fcr Vorlagen, Vorlagenteile und Muster verf\u00fcgbar, die keine \u00c4nderungen durch den Benutzer enthielten. Jetzt k\u00f6nnen sie auch mit ge\u00e4nderten Layouts verwendet werden.<\/p>\n<p>Vor WordPress 6.5 konnte ein Hooked Block nur vor oder nach dem Navigationsblock hinzugef\u00fcgt werden. Mit dieser Version k\u00f6nnen Hooked Blocks auch als erstes oder letztes Kind zu einem Navigationsblock hinzugef\u00fcgt werden.<\/p>\n<p>Au\u00dferdem f\u00fchrt diese Iteration die neuen Filter <code>hooked_block<\/code> und <code>hooked_block_{$hooked_block_type}<\/code> ein.<\/p>\n<p>Einen tieferen \u00dcberblick und Beispiele f\u00fcr die Verwendung findest du in der <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/updates-to-block-hooks-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dev Note<\/a> zu den Block Hook Updates.<\/p>\n<h2>Zusammenfassung<\/h2>\n<p>WordPress 6.5 bringt viele \u00c4nderungen mit sich, die dich bei der Erstellung von Seiten und Inhalten gl\u00fccklich machen werden.<\/p>\n<p>Die neue WordPress-Schriftartenbibliothek erm\u00f6glicht es dir, Schriften \u00e4hnlich wie in der Mediathek zu verwalten und gibt dir so mehr Kontrolle \u00fcber die Typografie. Mit DataViews kannst du deine Datens\u00e4tze mit verschiedenen Layouts, Filtern und Suchoptionen darstellen und so das Gesamterlebnis verbessern. Mit der Block Bindings API und der Interactivity API kannst du den Nutzern deiner Website ein dynamischeres und pers\u00f6nlicheres Erlebnis bieten.<\/p>\n<p>Mit all diesen spannenden Neuerungen ist WordPress 6.5 ein echter Wendepunkt.<\/p>\n<p>Hast du die neue WordPress-Version in deiner <a href=\"https:\/\/kinsta.com\/de\/devkinsta\/funktionen\/\">Entwicklungsumgebung<\/a> getestet? Was sind deine Lieblingsfunktionen von WordPress 6.5? Teile uns deine Meinung in den Kommentaren mit.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.5 &#8222;Regina&#8220; wurde am 2. April ver\u00f6ffentlicht, und wir zeigen dir hier die fantastischen Funktionen, die es mit sich bringt. Mit 6.5 werden neue, leistungsstarke &#8230;<\/p>\n","protected":false},"author":36,"featured_media":69519,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1011],"class_list":["post-69518","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-wordpress-updates"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Was neu ist in WordPress 6.5 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Schau dir unseren detaillierten \u00dcberblick \u00fcber WordPress 6.5 an: Schriftbibliothek, DataViews, benutzerdefinierte Felder, neue APIs und vieles mehr!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Was ist neu in WordPress 6.5: Schriftbibliothek, DataViews, Blockbindungen, Interaktivit\u00e4ts-API und vieles mehr!\" \/>\n<meta property=\"og:description\" content=\"Schau dir unseren detaillierten \u00dcberblick \u00fcber WordPress 6.5 an: Schriftbibliothek, DataViews, benutzerdefinierte Felder, neue APIs und vieles mehr!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-18T09:49:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-05T08:20:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/Wp-6.5-release.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Schau dir unseren detaillierten \u00dcberblick \u00fcber WordPress 6.5 an: Schriftbibliothek, DataViews, benutzerdefinierte Felder, neue APIs und vieles mehr!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/Wp-6.5-release.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"26\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Was ist neu in WordPress 6.5: Schriftbibliothek, DataViews, Blockbindungen, Interaktivit\u00e4ts-API und vieles mehr!\",\"datePublished\":\"2024-03-18T09:49:01+00:00\",\"dateModified\":\"2024-04-05T08:20:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/\"},\"wordCount\":4635,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/Wp-6.5-release.jpg\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/\",\"name\":\"Was neu ist in WordPress 6.5 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/Wp-6.5-release.jpg\",\"datePublished\":\"2024-03-18T09:49:01+00:00\",\"dateModified\":\"2024-04-05T08:20:41+00:00\",\"description\":\"Schau dir unseren detaillierten \u00dcberblick \u00fcber WordPress 6.5 an: Schriftbibliothek, DataViews, benutzerdefinierte Felder, neue APIs und vieles mehr!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/Wp-6.5-release.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/Wp-6.5-release.jpg\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Updates\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/wordpress-updates\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Was ist neu in WordPress 6.5: Schriftbibliothek, DataViews, Blockbindungen, Interaktivit\u00e4ts-API und vieles mehr!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Was neu ist in WordPress 6.5 - Kinsta\u00ae","description":"Schau dir unseren detaillierten \u00dcberblick \u00fcber WordPress 6.5 an: Schriftbibliothek, DataViews, benutzerdefinierte Felder, neue APIs und vieles mehr!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/","og_locale":"de_DE","og_type":"article","og_title":"Was ist neu in WordPress 6.5: Schriftbibliothek, DataViews, Blockbindungen, Interaktivit\u00e4ts-API und vieles mehr!","og_description":"Schau dir unseren detaillierten \u00dcberblick \u00fcber WordPress 6.5 an: Schriftbibliothek, DataViews, benutzerdefinierte Felder, neue APIs und vieles mehr!","og_url":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2024-03-18T09:49:01+00:00","article_modified_time":"2024-04-05T08:20:41+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/Wp-6.5-release.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Schau dir unseren detaillierten \u00dcberblick \u00fcber WordPress 6.5 an: Schriftbibliothek, DataViews, benutzerdefinierte Felder, neue APIs und vieles mehr!","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/Wp-6.5-release.jpg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Carlo Daniele","Gesch\u00e4tzte Lesezeit":"26\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Was ist neu in WordPress 6.5: Schriftbibliothek, DataViews, Blockbindungen, Interaktivit\u00e4ts-API und vieles mehr!","datePublished":"2024-03-18T09:49:01+00:00","dateModified":"2024-04-05T08:20:41+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/"},"wordCount":4635,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/Wp-6.5-release.jpg","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/","url":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/","name":"Was neu ist in WordPress 6.5 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/Wp-6.5-release.jpg","datePublished":"2024-03-18T09:49:01+00:00","dateModified":"2024-04-05T08:20:41+00:00","description":"Schau dir unseren detaillierten \u00dcberblick \u00fcber WordPress 6.5 an: Schriftbibliothek, DataViews, benutzerdefinierte Felder, neue APIs und vieles mehr!","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/Wp-6.5-release.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/03\/Wp-6.5-release.jpg","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress Updates","item":"https:\/\/kinsta.com\/de\/thema\/wordpress-updates\/"},{"@type":"ListItem","position":3,"name":"Was ist neu in WordPress 6.5: Schriftbibliothek, DataViews, Blockbindungen, Interaktivit\u00e4ts-API 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\/69518","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=69518"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/69518\/revisions"}],"predecessor-version":[{"id":69661,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/69518\/revisions\/69661"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69518\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69518\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69518\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69518\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69518\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69518\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69518\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69518\/translations\/es"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69518\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/69519"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=69518"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=69518"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=69518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}