{"id":60615,"date":"2023-03-30T20:10:36","date_gmt":"2023-03-30T19:10:36","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=60615&#038;preview=true&#038;preview_id=60615"},"modified":"2023-07-27T14:19:06","modified_gmt":"2023-07-27T13:19:06","slug":"wordpress-6-2","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/","title":{"rendered":"Was ist neu in WordPress 6.2: Browse-Modus, Style Book, verbesserte Navigationsmen\u00fcs, neue APIs und vieles mehr"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.org\/news\/2023\/03\/dolphy\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.2 &#8222;Dolphy&#8220;<\/a> wurde ver\u00f6ffentlicht und es ist Zeit f\u00fcr uns zu erkunden, was es mit der ersten Version von 2023 Neues gibt.<\/p>\n<p>Mit WordPress 6.2 treten wir in die letzte Phase der zweiten Phase der langfristigen <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg-Entwicklungs-Roadmap<\/a> ein und der Block-Editor verl\u00e4sst offiziell die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39293\" target=\"_blank\" rel=\"noopener noreferrer\">Beta-Phase<\/a>.<\/p>\n\n<p>Diese Version konzentriert sich vor allem auf die <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/06\/roadmap-to-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Verbesserung der Benutzeroberfl\u00e4che<\/a> und die Vereinfachung des Bearbeitungsprozesses.<\/p>\n<p>Es gibt einen neuen Ansatz f\u00fcr die Navigation zwischen Templates und Templateteilen, die M\u00f6glichkeit, Widgets in Blockthemen zu importieren, einen neuen, ablenkungsfreien Schreibmodus, eine skalierte Blockeinstellung und viele gro\u00dfe und kleine Verbesserungen an bestehenden Bl\u00f6cken, der Leistung und der Benutzerfreundlichkeit.<\/p>\n<p>Aber wenn es etwas gibt, das in Bezug auf Funktionalit\u00e4t und Benutzerfreundlichkeit einen Sprung nach vorne macht, dann ist es der Navigationsblock. Seit seiner ersten Ver\u00f6ffentlichung hat das Navigationsmen\u00fc mehrere Iterationen durchlaufen, die den Bearbeitungsprozess im Laufe der Zeit deutlich vereinfacht haben. Mit WordPress 6.2 geht die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/41549\" target=\"_blank\" rel=\"noopener noreferrer\">Entwicklung weiter<\/a>, und in diesem Artikel zeigen wir dir, wie einfach du jetzt ein Navigationsmen\u00fc verwalten kannst.<\/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<p><strong>Schau dir unseren <a href=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\" target=\"_blank\" rel=\"noopener noreferrer\">Video-Guide an, um zu erfahren, was in WordPress 6.2 neu ist<\/a><\/strong><\/p>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\"><\/kinsta-video>\n<h2>Verbessertes Editier-Erlebnis<\/h2>\n<p>WordPress 6.2 bietet ein verbessertes Bearbeitungserlebnis, bei dem die gesamte Website-Struktur in den Mittelpunkt gestellt wird. Du kannst jetzt Navigationsmen\u00fcs einfacher verwalten, Stil\u00e4nderungen von einem einzelnen Block auf globale Stile \u00fcbertragen und m\u00fchelos zwischen Vorlagen und (farbigen) Vorlagenteilen und wiederverwendbaren Bl\u00f6cken navigieren.<\/p>\n<p>Aber es gibt noch viel mehr. Schauen wir uns die wichtigsten Neuerungen und \u00c4nderungen an der Benutzeroberfl\u00e4che des Editors im Detail an.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"8\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>\u00dcberarbeitete Editoroberfl\u00e4che und Browsing-Modus<\/h3>\n<p>Mit WordPress 6.2 gibt es mehrere Verbesserungen an der Editoroberfl\u00e4che, die den Kern ausmachen. Das erste und interessanteste Update betrifft die Benutzeroberfl\u00e4che des <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#new-reorganized-site-editor-interface\" target=\"_blank\" rel=\"noopener noreferrer\">Site Editors<\/a>. Dank eines neuen Browse-Modus ist es jetzt einfacher, durch Vorlagen und Vorlagenteile zu navigieren.<\/p>\n<figure id=\"attachment_149436\" aria-describedby=\"caption-attachment-149436\" style=\"width: 2930px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149436 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface.jpg\" alt=\"Ein Bild, das die Oberfl\u00e4che des Site Editors in WordPress 6.2 zeigt\" width=\"2930\" height=\"1456\"><figcaption id=\"caption-attachment-149436\" class=\"wp-caption-text\">Die Oberfl\u00e4che des Site Editors in WordPress 6.2<\/figcaption><\/figure>\n<p>Mit der neuen Oberfl\u00e4che kannst du auch direkt aus der Seitenleiste des Editors eine neue Vorlage oder einen neuen Vorlagenteil hinzuf\u00fcgen, indem du einfach <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46458\" target=\"_blank\" rel=\"noopener noreferrer\">auf das Plus-Symbol (+)<\/a> rechts neben dem Men\u00fctitel klickst.<\/p>\n<figure id=\"attachment_149437\" aria-describedby=\"caption-attachment-149437\" style=\"width: 2928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149437 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-templates-menu.jpg\" alt=\"Das Vorlagenmen\u00fc des Seiteneditors in WordPress 6.2\" width=\"2928\" height=\"1460\"><figcaption id=\"caption-attachment-149437\" class=\"wp-caption-text\">Das Vorlagenmen\u00fc des Seiteneditors in WordPress 6.2<\/figcaption><\/figure>\n<p>Laut <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ryan Welcher<\/a>, Wp Core and Documentation contributor, &#8222;[D]ie Arbeit an dieser Funktion ist im Gange und wird mit der Ver\u00f6ffentlichung neuer Gutenberg-Versionen weiter verbessert.&#8220;<\/p>\n<figure id=\"attachment_149438\" aria-describedby=\"caption-attachment-149438\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149438 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface-add-new-template.jpg\" alt=\"Hinzuf\u00fcgen einer neuen Vorlage in WordPress 6.2\" width=\"2932\" height=\"1460\"><figcaption id=\"caption-attachment-149438\" class=\"wp-caption-text\">Hinzuf\u00fcgen einer neuen Vorlage in WordPress 6.2<\/figcaption><\/figure>\n<p>Der Arbeitsablauf ist jetzt noch reibungsloser und nahtloser. Um mit der Bearbeitung der aktuellen Vorlage\/des aktuellen Vorlagenteils zu beginnen, klicke einfach auf die Schaltfl\u00e4che <strong>Bearbeiten<\/strong> im linken Men\u00fc oder auf die Vorlagenvorschau in der Mitte der Seite.<\/p>\n<figure id=\"attachment_149439\" aria-describedby=\"caption-attachment-149439\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149439 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface-edit-template.jpg\" alt=\"Klicke auf die Schaltfl\u00e4che Bearbeiten oder auf die Vorlagenvorschau, um eine Vorlage zu bearbeiten\" width=\"2932\" height=\"1458\"><figcaption id=\"caption-attachment-149439\" class=\"wp-caption-text\">Klicke auf die Schaltfl\u00e4che &#8222;Bearbeiten&#8220; oder auf die Vorlagenvorschau, um eine Vorlage zu bearbeiten<\/figcaption><\/figure>\n<h3>Ablenkungsfreier Modus<\/h3>\n<p>WordPress 6.2 f\u00fchrt einen neuen ablenkungsfreien Bearbeitungsmodus ein, der das Durcheinander im Canvas beseitigt und es dir erm\u00f6glicht, dich auf den Inhalt der Seite zu konzentrieren.<\/p>\n<figure id=\"attachment_148385\" aria-describedby=\"caption-attachment-148385\" style=\"width: 2048px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148385 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-distraction-free-mode.jpg\" alt=\"Aktivieren des ablenkungsfreien Modus\" width=\"2048\" height=\"1422\"><figcaption id=\"caption-attachment-148385\" class=\"wp-caption-text\">Aktivieren des ablenkungsfreien Modus<\/figcaption><\/figure>\n<p>Du kannst diese Funktion in den Optionen <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#introduced-distraction-free-mode\" target=\"_blank\" rel=\"noopener noreferrer\">aktivieren<\/a>, indem du auf das Ellipsen-Symbol (drei Punkte) in der oberen rechten Ecke klickst.<\/p>\n<p>Sobald der ablenkungsfreie Modus aktiviert ist, verschwinden \u00fcberfl\u00fcssige Seiten- und Symbolleisten und es bleibt nur noch der Inhalt auf dem Bildschirm, an dem du arbeitest.<\/p>\n<h3>Blockinspektor mit Registerkarten<\/h3>\n<p>WordPress 6.2 f\u00fchrt <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">einen neuen Block-Inspektor<\/a> ein, der Ordnung in die Seitenleiste bringen soll, indem er die Einstellungselemente in separate Bereiche unterteilt.<\/p>\n<p>Die Blockeinstellungen sind jetzt <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#improved-organization-of-block-settings-with-split-control\" target=\"_blank\" rel=\"noopener noreferrer\">in Registerkarten unterteilt<\/a>, um die Stileinstellungen von anderen Blockeinstellungen zu trennen.<\/p>\n<p>Wenn verf\u00fcgbar, werden die Registerkarten des Blockinspektors in der folgenden Reihenfolge angezeigt:<\/p>\n<ul>\n<li><strong>Listenansicht:<\/strong> Enth\u00e4lt Steuerelemente f\u00fcr die Verwaltung der untergeordneten Bl\u00f6cke, wie z. B. Untermen\u00fcs und Links im Navigationsblock<\/li>\n<li><strong>Einstellungen:<\/strong> Enth\u00e4lt Konfigurationseinstellungen, die sich nicht auf das Aussehen des Blocks beziehen<\/li>\n<li><strong>Erscheinungsbild:<\/strong> Enth\u00e4lt Einstellungen, die sich speziell auf das Styling des aktuellen Blocks beziehen, z. B. Typografie und Farben<\/li>\n<\/ul>\n<figure id=\"attachment_148393\" aria-describedby=\"caption-attachment-148393\" style=\"width: 1649px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148393 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-tabbed-settings-sidebar.jpg\" alt=\"Die neue Registerkarten-Seitenleiste f\u00fcr einen Button-Block in WordPress 6.2\" width=\"1649\" height=\"1308\"><figcaption id=\"caption-attachment-148393\" class=\"wp-caption-text\">Die neue Registerkarten-Seitenleiste f\u00fcr einen Button-Block in WordPress 6.2<\/figcaption><\/figure>\n<p>Dies ist eine bemerkenswerte Verbesserung der Benutzerfreundlichkeit der Oberfl\u00e4che, vor allem f\u00fcr fortgeschrittene Bl\u00f6cke mit vielen Konfigurationsoptionen wie den Gruppenblock oder den Navigationsblock.<\/p>\n<p>Beachte das:<\/p>\n<ul>\n<li>Der neue Inspektor zeigt eine Registerkarte nur an, wenn sie Elemente enth\u00e4lt, die angezeigt werden sollen.<\/li>\n<li>Wenn die Registerkarte &#8222;Einstellungen&#8220; nur das Panel &#8222;Erweitert&#8220; enth\u00e4lt, wird es auf die Registerkarte &#8222;Erscheinungsbild&#8220; verschoben.<\/li>\n<li>Wenn der Blockinspektor nur eine Registerkarte enth\u00e4lt, wird er wie vor WordPress 6.2 angezeigt.<\/li>\n<\/ul>\n<p>In den <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">Entwicklerhinweisen<\/a> findest du einen genaueren Blick auf den neuen Blockinspektor.<\/p>\n<h3>Eingef\u00e4rbte Vorlagenteile und wiederverwendbare Bl\u00f6cke<\/h3>\n<p>Um sie leichter von Gruppen und Bl\u00f6cken unterscheiden zu k\u00f6nnen, werden Vorlagenteile und wiederverwendbare Bl\u00f6cke jetzt in der Listenansicht, im Block-Inserter, in der Block-Symbolleiste und im Editor-Canvas <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#quickly-identify-template-parts-and-reusable-blocks-by-color\" target=\"_blank\" rel=\"noopener noreferrer\">farblich<\/a> hervorgehoben.<\/p>\n<figure id=\"attachment_148370\" aria-describedby=\"caption-attachment-148370\" style=\"width: 2142px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148370 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-colorized-template-part.jpg\" alt=\"Eingef\u00e4rbtes Vorlagenteil in der Listenansicht\" width=\"2142\" height=\"1082\"><figcaption id=\"caption-attachment-148370\" class=\"wp-caption-text\">Eingef\u00e4rbtes Vorlagenteil in der Listenansicht<\/figcaption><\/figure>\n<p>Dies geschieht sowohl im Site-Editor als auch im Beitragseditor, wie in der folgenden Abbildung zu sehen ist.<\/p>\n<figure id=\"attachment_148371\" aria-describedby=\"caption-attachment-148371\" style=\"width: 1850px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148371 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-colorized-reusable-block.jpg\" alt=\"Ein Bild, das einen eingef\u00e4rbten wiederverwendbaren Block im Post-Editor zeigt\" width=\"1850\" height=\"742\"><figcaption id=\"caption-attachment-148371\" class=\"wp-caption-text\">Eingef\u00e4rbter wiederverwendbarer Block im Beitragseditor<\/figcaption><\/figure>\n<h3>Ein \u00fcberarbeiteter Block-Inserter<\/h3>\n<p>Der Block-Inserter ist von mehreren \u00c4nderungen betroffen, die das gesamte Bearbeitungserlebnis deutlich verbessern.<\/p>\n<p>Erstens verbessert ein neues Oberfl\u00e4chendesign die Navigation zwischen Muster- und Medienkategorien und bietet <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#redesigned-the-main-pattern-inserter\" target=\"_blank\" rel=\"noopener noreferrer\">gr\u00f6\u00dfere Vorschauen<\/a> f\u00fcr Muster und Medienelemente.<\/p>\n<figure id=\"attachment_148386\" aria-describedby=\"caption-attachment-148386\" style=\"width: 1298px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148386 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-pattern-preview.jpg\" alt=\"Muster-Vorschau im Block-Inserter in WordPress 6.2\" width=\"1298\" height=\"1322\"><figcaption id=\"caption-attachment-148386\" class=\"wp-caption-text\">Muster-Vorschau im Block-Inserter in WordPress 6.2<\/figcaption><\/figure>\n<p>Wenn Medien auf der Website vorhanden sind, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#add-media-to-your-content-directly-from-the-inserter\" target=\"_blank\" rel=\"noopener noreferrer\">wird im Block-Inserter<\/a> eine Registerkarte <strong>Medien<\/strong> angezeigt, um das Einf\u00fcgen von Medien <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/44918\" target=\"_blank\" rel=\"noopener noreferrer\">in den Inhalt<\/a> zu vereinfachen. Du kannst Bilder\/Medien per Drag &#038; Drop verschieben oder einfach auf deine Medien klicken, um sie dem Inhalt hinzuzuf\u00fcgen.<\/p>\n<figure style=\"width: 1296px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-media-tab.jpg\" alt=\"Media in WordPress 6.1\" width=\"1296\" height=\"1420\"><figcaption class=\"wp-caption-text\">Media in WordPress 6.1<\/figcaption><\/figure>\n<p>Innerhalb der Registerkarte gibt es eine Schaltfl\u00e4che <strong>Medienbibliothek \u00f6ffnen<\/strong>, die dich zur <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-medienbibliothek\/\">WordPress-Medienbibliothek<\/a> bringt.<\/p>\n<h3>Openverse-Integration im Block-Inserter<\/h3>\n<p><a href=\"https:\/\/openverse.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse<\/a> ist ein Tool, das darauf abzielt, offen lizenzierte oder gemeinfreie Werke zur Nutzung durch jedermann freizugeben. Mit WordPress 6.2 ist <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Openverse-Integration\">Openverse jetzt in den Block-Inserter integriert<\/a>.<\/p>\n<p>Um auf diese neue Funktion zuzugreifen, klicke auf die Registerkarte Medien im Block-Inserter. Dort findest du ein Suchfeld und Bildvorschauen, die direkt aus dem Openverse-Repository stammen.<\/p>\n<figure id=\"attachment_148381\" aria-describedby=\"caption-attachment-148381\" style=\"width: 1298px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148381 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-openverse-panel.jpg\" alt=\"Openverse ist jetzt in den Block-Inserter integriert\" width=\"1298\" height=\"1270\"><figcaption id=\"caption-attachment-148381\" class=\"wp-caption-text\">Openverse ist jetzt in den Block-Inserter integriert<\/figcaption><\/figure>\n<p>Die technischen Details findest du im <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46251\" target=\"_blank\" rel=\"noopener noreferrer\">Pull Request zur Openverse-Integration<\/a>.<\/p>\n<h3>Widgets auf Block-Themes migrieren<\/h3>\n<p>Ab WordPress 6.2 k\u00f6nnen Nutzer\/innen, die eine Website mit einem klassischen Theme betreiben und zu einem Block-Theme wechseln m\u00f6chten, <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#import-sidebar-widgets-to-template-parts\" target=\"_blank\" rel=\"noopener noreferrer\">ihre bestehenden Widget-Bereiche<\/a> in das neue Theme migrieren und sie <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39270\" target=\"_blank\" rel=\"noopener noreferrer\">in Template-Teile<\/a> umwandeln.<\/p>\n<p>Wir wollen herausfinden, wie das funktioniert.<\/p>\n<p>Erstelle zun\u00e4chst einen Widget-Bereich in einem klassischen Theme. Du k\u00f6nntest zum Beispiel Twenty-Eleven aktivieren und einen Kalender zum Footer Area One hinzuf\u00fcgen.<\/p>\n<figure id=\"attachment_148359\" aria-describedby=\"caption-attachment-148359\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148359 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-adding-widgets-in-classic-themes.jpg\" alt=\"Hinzuf\u00fcgen eines Widgets in Twenty-Eleven\" width=\"2316\" height=\"1186\"><figcaption id=\"caption-attachment-148359\" class=\"wp-caption-text\">Hinzuf\u00fcgen eines Widgets in Twenty-Eleven<\/figcaption><\/figure>\n<p>Wechsle nun das Theme zu <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-three-theme\/\">Twenty Twenty-Three<\/a>. \u00d6ffne den Seiteneditor, w\u00e4hle eine Vorlage zum Bearbeiten und f\u00fcge einen Vorlagenteil hinzu.<\/p>\n<figure id=\"attachment_148360\" aria-describedby=\"caption-attachment-148360\" style=\"width: 2318px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148360 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-add-template-part.jpg\" alt=\"Hinzuf\u00fcgen eines Vorlagenteils zu einer Vorlage mit dem Thema Twenty Twenty-Three\" width=\"2318\" height=\"1422\"><figcaption id=\"caption-attachment-148360\" class=\"wp-caption-text\">Hinzuf\u00fcgen eines Vorlagenteils zu einer Vorlage mit dem Thema Twenty Twenty-Three<\/figcaption><\/figure>\n<p>W\u00e4hle in der Block-Seitenleiste den zu importierenden Widget-Bereich aus dem Dropdown-Men\u00fc <strong>Widget-Bereich importieren<\/strong> aus.<\/p>\n<figure id=\"attachment_148361\" aria-describedby=\"caption-attachment-148361\" style=\"width: 2322px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148361 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-import-widget-area.jpg\" alt=\"Widget-Bereich importieren in WordPress 6.2\" width=\"2322\" height=\"1422\"><figcaption id=\"caption-attachment-148361\" class=\"wp-caption-text\">Widget-Bereich importieren in WordPress 6.2<\/figcaption><\/figure>\n<p>Und das war&#8217;s. Jetzt kannst du deinen bisherigen Widget-Bereich wie jeden anderen Template-Teil verwalten.<\/p>\n<figure id=\"attachment_148362\" aria-describedby=\"caption-attachment-148362\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148362 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-widget-area-preview.jpg\" alt=\"Vorschau eines importierten Widget-Bereichs\" width=\"2316\" height=\"946\"><figcaption id=\"caption-attachment-148362\" class=\"wp-caption-text\">Vorschau eines importierten Widget-Bereichs<\/figcaption><\/figure>\n<h3>Dokumentendetails und Listenansicht kombiniert<\/h3>\n<p>Vor WordPress 6.2 gab es in der Symbolleiste des Editors zwei separate Schaltfl\u00e4chen f\u00fcr <strong>Details<\/strong> und <strong>Listenansicht<\/strong>. In der folgenden Abbildung siehst du das <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-1\/#time-to-read-in-the-info-panel\">Popover f\u00fcr die Dokumentendetails<\/a> in WordPress 6.1, einschlie\u00dflich der Anzahl der W\u00f6rter, der Anzahl der Zeichen, der Lesedauer und der Anzahl der \u00dcberschriften, Abs\u00e4tze und Bl\u00f6cke sowie der Dokumentgliederung.<\/p>\n<figure id=\"attachment_131143\" aria-describedby=\"caption-attachment-131143\" style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131143 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/info-panel.jpg\" alt=\"Das Details-Popover in WordPress 6.1\" width=\"1452\" height=\"802\"><figcaption id=\"caption-attachment-131143\" class=\"wp-caption-text\">Das Details-Popover in WordPress 6.1<\/figcaption><\/figure>\n<p>Ab WordPress 6.2 wurden die <strong>Listenansicht<\/strong> und die <strong>Details<\/strong> in ein einziges <strong>Dokument\u00fcbersichtsfenster<\/strong> verschoben, das in zwei Registerkarten unterteilt ist: <strong>Listenansicht<\/strong> und <strong>Gliederung<\/strong>.<\/p>\n<figure id=\"attachment_148376\" aria-describedby=\"caption-attachment-148376\" style=\"width: 1898px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148376 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-document-overview-panel.jpg\" alt=\"Das neue Dokument\u00fcbersichtsfenster in WordPress 6.2\" width=\"1898\" height=\"1278\"><figcaption id=\"caption-attachment-148376\" class=\"wp-caption-text\">Das neue Dokument\u00fcbersichtsfenster in WordPress 6.2<\/figcaption><\/figure>\n<p>Diese \u00c4nderung soll die Verwaltung des Dokuments erleichtern.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p><\/p>\n<h3>So installierst du WordPress 6.2 in einer lokalen Entwicklungsumgebung<\/h3>\n<p>Wenn du die Entwicklungsversionen von WordPress vor der offiziellen Ver\u00f6ffentlichung ausprobieren m\u00f6chtest, befolge diese Schritte:<\/p>\n<ol>\n<li>\u00d6ffne DevKinsta und erstelle eine neue <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-website-offline-erstellen\/\">lokale WordPress-Website<\/a><\/li>\n<li>\u00d6ffne anschlie\u00dfend dein WordPress-Dashboard und navigiere zu <strong>Plugins \u2192 Neu hinzuf\u00fcgen<\/strong><\/li>\n<li>Suche und installiere das <strong>WordPress Beta Tester<\/strong> Plugin<\/li>\n<li>Aktiviere das Plugin und gehe zu <strong>Tools \u2192 Beta Testing<\/strong><\/li>\n<li>W\u00e4hle auf der Registerkarte WP Beta Tester Settings die Option <strong>Bleeding edge<\/strong> und speichere die Einstellungen<\/li>\n<li>Gehe zur\u00fcck zu deinem WordPress Dashboard, \u00f6ffne den Bildschirm <strong>Updates<\/strong> und aktualisiere auf die neueste Nightly Version<\/li>\n<\/ol>\n<p>Das war&#8217;s schon! Jetzt hast du eine lokale WordPress-Entwicklungsinstallation und kannst alle deine Tests durchf\u00fchren. Sieh dich um und lass uns wissen, was du von den neuen Funktionen h\u00e4ltst.<\/p>\n<p>Mit DevKinsta brauchst du nur ein paar Klicks, um eine moderne Entwicklungsumgebung f\u00fcr WordPress auf deinem lokalen Rechner zu haben. \ud83d\udda5<\/p>\n<p><a href=\"https:\/\/kinsta.com\/de\/devkinsta\/\">DevKinsta<\/a> kostenlos herunterladen \ud83d\udc48<\/p>\n<\/aside>\n\n<h2>Erweiterte Block-F\u00e4higkeiten<\/h2>\n<p>Mit WordPress 6.2 wurden die M\u00f6glichkeiten einiger zentraler Blocktypen erweitert. Das gilt vor allem f\u00fcr den Navigationsblock, der von mehreren \u00c4nderungen und Verbesserungen bei der Bearbeitung betroffen ist.<\/p>\n<p>Werfen wir einen Blick auf die wichtigsten \u00c4nderungen im Detail.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Listenbasiertes Editieren f\u00fcr den Navigationsblock<\/h3>\n<p>Mit der Ver\u00f6ffentlichung von WordPress 6.2 ist es m\u00f6glich, die Anordnung der Elemente des Navigationsblocks \u00fcber eine Listenansicht in der Seitenleiste der <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#add-list-based-editing-to-navigation-block\" target=\"_blank\" rel=\"noopener noreferrer\">Blockeinstellungen<\/a> zu \u00e4ndern.<\/p>\n<figure id=\"attachment_148390\" aria-describedby=\"caption-attachment-148390\" style=\"width: 1588px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148390 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-menu-tab.jpg\" alt=\"Eine neue Registerkarte Men\u00fc zeigt eine Listenansicht des Navigationsmen\u00fcs an\" width=\"1588\" height=\"1350\"><figcaption id=\"caption-attachment-148390\" class=\"wp-caption-text\">Eine neue Registerkarte Men\u00fc zeigt eine Listenansicht des Navigationsmen\u00fcs an<\/figcaption><\/figure>\n<p>Wenn du auf den Men\u00fcpunkt klickst, gelangst du zur Einstellungsseitenleiste des ausgew\u00e4hlten Seitenlinks, wo du die Linkdetails bearbeiten kannst, einschlie\u00dflich Label, URL, Beschreibung, Linktitel und Link rel.<\/p>\n<figure id=\"attachment_148391\" aria-describedby=\"caption-attachment-148391\" style=\"width: 1414px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148391 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-link-settings.jpg\" alt=\"Die Seitenlink-Einstellungsseitenleiste\" width=\"1414\" height=\"1238\"><figcaption id=\"caption-attachment-148391\" class=\"wp-caption-text\">Die Seitenlink-Einstellungsseitenleiste<\/figcaption><\/figure>\n<p>Diese \u00c4nderung vereinfacht die Bearbeitung von Navigationsmen\u00fcs erheblich und erm\u00f6glicht es dir, Elemente in deinem Men\u00fc hinzuzuf\u00fcgen, anzuordnen und zu l\u00f6schen oder sogar neue Navigationsmen\u00fcs zu erstellen.<\/p>\n<h3>Navigation sperren<\/h3>\n<p>Eine weitere Verbesserung des Navigationsblocks ist die M\u00f6glichkeit, die Bearbeitung von <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#added-content-locking-to-the-navigation-block\" target=\"_blank\" rel=\"noopener noreferrer\">Men\u00fcs auf eine genauere Weise zu sperren<\/a>. Jetzt kannst du <strong>die Bearbeitung einschr\u00e4nken<\/strong>, <strong>die Verschiebung deaktivieren<\/strong> und <strong>das Entfernen verhindern<\/strong>, w\u00e4hrend in WordPress 6.1 nur die Optionen <strong>Bearbeitung einschr\u00e4nken<\/strong> und <strong>Verschiebung deaktivieren<\/strong> verf\u00fcgbar waren.<\/p>\n<p>Dar\u00fcber hinaus k\u00f6nnen die ausgew\u00e4hlten Optionen auch auf die inneren Bl\u00f6cke (Links und Untermen\u00fcs) angewendet werden.<\/p>\n<figure id=\"attachment_148392\" aria-describedby=\"caption-attachment-148392\" style=\"width: 2050px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148392 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-lock-navigation.jpg\" alt=\"Sperren der Navigation in WordPress 6.2\" width=\"2050\" height=\"1168\"><figcaption id=\"caption-attachment-148392\" class=\"wp-caption-text\">Sperren der Navigation in WordPress 6.2<\/figcaption><\/figure>\n<h3>Beschriftungen aus der Block-Symbolleiste hinzuf\u00fcgen\/entfernen<\/h3>\n<p>Eine neue Schaltfl\u00e4che zum <strong>Hinzuf\u00fcgen\/Entfernen von Untertiteln<\/strong> erm\u00f6glicht es Nutzern, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/\" target=\"_blank\" rel=\"noopener noreferrer\">Untertitel<\/a> aus der Blocksymbolleiste f\u00fcr verschiedene Bl\u00f6cke (Audio, Video, Bild) zu steuern.<\/p>\n<p>Wenn du bereits eine Beschriftung festgelegt hast, wird sie automatisch eingef\u00fcgt, wenn du das Bild zu deinem Inhalt hinzuf\u00fcgst.<\/p>\n<figure id=\"attachment_148395\" aria-describedby=\"caption-attachment-148395\" style=\"width: 1350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148395 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-add-remove-image-caption.jpg\" alt=\"Beschriftung aus der Blocksymbolleiste hinzuf\u00fcgen\/entfernen\" width=\"1350\" height=\"876\"><figcaption id=\"caption-attachment-148395\" class=\"wp-caption-text\">Untertitel aus der Block-Symbolleiste hinzuf\u00fcgen\/entfernen<\/figcaption><\/figure>\n<h3>Verbesserungen am Seitenlistenblock<\/h3>\n<p>Zwei Verbesserungen <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#see-all-pages-in-list-view-for-the-page-list-block\" target=\"_blank\" rel=\"noopener noreferrer\">betreffen den Seitenlistenblock<\/a>.<\/p>\n<p>Erstens kann der Seitenlistenblock jetzt erweitert werden, um die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45776\" target=\"_blank\" rel=\"noopener noreferrer\">Liste der Seiten in der Listenansicht<\/a> anzuzeigen.<\/p>\n<figure id=\"attachment_148396\" aria-describedby=\"caption-attachment-148396\" style=\"width: 2046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148396 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-list-view.jpg\" alt=\"Erweiterter Seitenlistenblock in der Listenansicht\" width=\"2046\" height=\"754\"><figcaption id=\"caption-attachment-148396\" class=\"wp-caption-text\">Erweiterter Seitenlistenblock in der Listenansicht<\/figcaption><\/figure>\n<p>Au\u00dferdem kannst du mit einer neuen Option in der Seitenleiste des Blocks <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45861\" target=\"_blank\" rel=\"noopener noreferrer\">eine Anfangsseite festlegen<\/a> und nur die Seiten anzeigen, die von dieser Seite absteigen.<\/p>\n<figure id=\"attachment_148397\" aria-describedby=\"caption-attachment-148397\" style=\"width: 2072px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148397 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-starting-page-in-page-list.jpg\" alt=\"Einstellen einer \u00fcbergeordneten Seite f\u00fcr den Seitenlistenblock\" width=\"2072\" height=\"956\"><figcaption id=\"caption-attachment-148397\" class=\"wp-caption-text\">Festlegen einer \u00fcbergeordneten Seite f\u00fcr den Seitenlistenblock<\/figcaption><\/figure>\n<h3>Neuer Gruppenblock-Platzhalter<\/h3>\n<p>Der Gruppenblock-Platzhalter zeigt jetzt <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#add-a-variation-picker-to-the-group-block-placeholder\" target=\"_blank\" rel=\"noopener noreferrer\">eine Variationsauswahl<\/a> an, wenn der Block zum Seiteninhalt hinzugef\u00fcgt wird.<\/p>\n<figure id=\"attachment_148398\" aria-describedby=\"caption-attachment-148398\" style=\"width: 2074px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148398 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-group-block-placeholder.jpg\" alt=\"Der Gruppenblock-Platzhalter in WordPress 6.2\" width=\"2074\" height=\"1232\"><figcaption id=\"caption-attachment-148398\" class=\"wp-caption-text\">Der Gruppenblock-Platzhalter in WordPress 6.2<\/figcaption><\/figure>\n<h3>Sticky Positioning Block Unterst\u00fctzung<\/h3>\n<p>WordPress 6.2 f\u00fchrt eine neue Funktion zur Unterst\u00fctzung von Positionsbl\u00f6cken ein, beginnend mit der <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/sticky-position-block-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sticky-Positionierung<\/a>.<\/p>\n<p>Diese neue Funktion gilt derzeit nur f\u00fcr Gruppenbl\u00f6cke, f\u00fcr die sie standardm\u00e4\u00dfig aktiviert ist.<\/p>\n<p>Theme-Entwickler k\u00f6nnen die Sticky-Positionierung in ihren Themes \u00fcber die Funktion <code>appearanceTools<\/code> in der <strong>theme.json<\/strong> aktivieren. Wenn du eine detailliertere Kontrolle \u00fcber die Werkzeuge f\u00fcr das Erscheinungsbild haben m\u00f6chtest, kannst du auch die Eigenschaft <code>settings.position.sticky<\/code> auf <code>true<\/code> setzen.<\/p>\n<p>Du kannst die Sticky-Positionierung im <strong>Positions<\/strong>-Panel in der Inspektor-Seitenleiste aktivieren.<\/p>\n<figure id=\"attachment_148935\" aria-describedby=\"caption-attachment-148935\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148935 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-sticky-position.jpg\" alt=\"Position in einem Gruppenblock auf \"Sticky\" setzen\" width=\"2154\" height=\"1042\"><figcaption id=\"caption-attachment-148935\" class=\"wp-caption-text\">Position in einem Gruppenblock auf &#8222;Sticky&#8220; setzen<\/figcaption><\/figure>\n<p>Wenn die Sticky-Positionierung aktiviert ist, erh\u00e4lt das HTML-Tag die Klasse <code>is-position-sticky<\/code> und einige CSS-Regeln gelten f\u00fcr das entsprechende Element:<\/p>\n<pre><code class=\"language-css\">.wp-container-6 {\n    top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));\n    position: sticky;\n    z-index: 10;\n}<\/code><\/pre>\n<figure id=\"attachment_148936\" aria-describedby=\"caption-attachment-148936\" style=\"width: 2160px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148936 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-sticky-position-in-tt3.jpg\" alt=\"Beispiel f\u00fcr Sticky-Positionierung mit dem Thema Twenty Twenty-Three\" width=\"2160\" height=\"980\"><figcaption id=\"caption-attachment-148936\" class=\"wp-caption-text\">Beispiel f\u00fcr Sticky-Positionierung mit dem Thema Twenty Twenty-Three<\/figcaption><\/figure>\n<p>Die Sticky-Positionierung funktioniert nur f\u00fcr <strong>Gruppenbl\u00f6cke am Anfang des Dokuments<\/strong>. Das kann zwar Verwirrung und Fehler f\u00fcr die Nutzerinnen und Nutzer verhindern, aber du k\u00f6nntest die eingebaute Sticky-Positionierung im Moment noch etwas schwierig finden (und du m\u00f6chtest vielleicht andere Methoden ausprobieren, um deiner WordPress-Website <a href=\"https:\/\/kinsta.com\/de\/blog\/sticky-header\/\">eine Sticky-\u00dcberschrift hinzuzuf\u00fcgen<\/a>). In der Entwicklungsnotiz hei\u00dft es jedoch<\/p>\n<blockquote><p>&#8230; haben wir bei manuellen Tests festgestellt, dass es ohne zus\u00e4tzliche UI- oder UX-Arbeiten verwirrend sein k\u00f6nnte, wenn Nutzer\/innen versehentlich einen Nicht-Root-Block oder einen Block <em>innerhalb<\/em> einer Kopfzeilenvorlage auf &#8222;sticky&#8220; setzen. Wir haben beschlossen, die Funktion in Version 6.2 auf die Wurzelbl\u00f6cke zu beschr\u00e4nken, um mehr Zeit zu haben, eine geeignete L\u00f6sung f\u00fcr verschachtelte Bl\u00f6cke zu finden.<\/p><\/blockquote>\n<p>Die Positionierungsfunktion ist nur f\u00fcr einzelne Bl\u00f6cke verf\u00fcgbar, du wirst sie also nicht in den globalen Stilen finden.<\/p>\n<h3>Weitere Verbesserungen bei der Blockbearbeitung<\/h3>\n<p>Zu den weiteren bemerkenswerten Verbesserungen bei der Blockbearbeitung geh\u00f6ren die folgenden:<\/p>\n<ul>\n<li>Du kannst jetzt <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/13\/whats-new-in-gutenberg-14-3-12-october\/#improved-drag-and-drop-for-images\" target=\"_blank\" rel=\"noopener noreferrer\">Bilder per Drag &#038; Drop<\/a> auf einen leeren Absatz ziehen, um ihn durch einen Bildblock zu ersetzen.<\/li>\n<li>Typografische Steuerelemente wurden <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/13\/whats-new-in-gutenberg-14-3-12-october\/#typography-panels\" target=\"_blank\" rel=\"noopener noreferrer\">in Panels gruppiert<\/a>. Dadurch wird die Oberfl\u00e4che f\u00fcr die Formatvorlagen einheitlicher mit der Oberfl\u00e4che f\u00fcr die Einstellungen und die Benutzerfreundlichkeit wird verbessert, da du die Steuerelemente jetzt wie in der Oberfl\u00e4che f\u00fcr die Blockeinstellungen ein- und ausblenden kannst.\n<p><figure id=\"attachment_148406\" aria-describedby=\"caption-attachment-148406\" style=\"width: 1358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148406 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-typography-controls.jpg\" alt=\"Typografie-Steuerelemente in WordPress 6.1 vs. WordPress 6.2\" width=\"1358\" height=\"1096\"><figcaption id=\"caption-attachment-148406\" class=\"wp-caption-text\">Typografie-Steuerelemente in WordPress 6.1 vs. WordPress 6.2<\/figcaption><\/figure><\/li>\n<li>Es ist jetzt m\u00f6glich, den <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#letter-spacing\" target=\"_blank\" rel=\"noopener noreferrer\">Buchstabenabstand der \u00dcberschriftenbl\u00f6cke<\/a> direkt in der Schnittstelle f\u00fcr globale Stile zu \u00e4ndern.<\/li>\n<li>Du kannst jetzt die Hintergrund-, Link- und <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#a-more-polished-calendar-block\" target=\"_blank\" rel=\"noopener noreferrer\">Textfarbe des Kalenderblocks<\/a> einstellen.<\/li>\n<li>Es wurden zwei neue <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#new-banners-and-footers-block-pattern-categories\" target=\"_blank\" rel=\"noopener noreferrer\">Blockmusterkategorien<\/a> f\u00fcr <strong>Banner<\/strong> und <strong>Fu\u00dfzeilen<\/strong> eingef\u00fchrt, die die Struktur von Webseiten besser widerspiegeln.<\/li>\n<li>Es ist jetzt m\u00f6glich, Links in jedem Block mit dem K\u00fcrzel <code>[[<\/code> <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#autocompletion-for-links\" target=\"_blank\" rel=\"noopener noreferrer\">automatisch zu vervollst\u00e4ndigen<\/a>. Vor dieser \u00c4nderung mussten Bl\u00f6cke die Unterst\u00fctzung f\u00fcr die automatische Vervollst\u00e4ndigung von Links explizit mit <code>__experimentalSlashInserter<\/code> deklarieren.<\/li>\n<li>Mit dem neuen Tastaturk\u00fcrzel <code>control<\/code> + <code>option<\/code> + <code>1<\/code>&#8211;<code>6<\/code> kannst du <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#transform-paragraph-into-heading\" target=\"_blank\" rel=\"noopener noreferrer\">einen Absatz in eine \u00dcberschrift verwandeln<\/a>.<\/li>\n<li>Der Seitenlistenblock <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#typography-support-for-page-list-block\">unterst\u00fctzt jetzt alle Typografieoptionen<\/a>, einschlie\u00dflich Schriftfamilie, Schriftgr\u00f6\u00dfe, Aussehen, Zeilenh\u00f6he, Buchstabenabstand, Verzierung und Gro\u00df- und Kleinschreibung.\n<p><figure id=\"attachment_148407\" aria-describedby=\"caption-attachment-148407\" style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148407 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-list-typography-settings.jpg\" alt=\"Einstellungen f\u00fcr die Typografie des Seitenlistenblocks in WordPress 6.2\" width=\"1920\" height=\"1246\"><figcaption id=\"caption-attachment-148407\" class=\"wp-caption-text\">Einstellungen f\u00fcr die Typografie des Seitenlistenblocks in WordPress 6.2<\/figcaption><\/figure><\/li>\n<\/ul>\n<h2>Verbesserte Design-Tools<\/h2>\n<p>Viele der neuen Funktionen und Verbesserungen, die mit WordPress 6.2 eingef\u00fchrt wurden, verbessern die Styling- und Designm\u00f6glichkeiten des CMS. Nachfolgend findest du eine Liste der interessantesten Design-Funktionen von Version 6.2, die wir weiter unten n\u00e4her erl\u00e4utern.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Style Book<\/h3>\n<p>WordPress 6.2 f\u00fchrt eine neue Style Book-Funktion ein, mit der Nutzer\/innen eine <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/19\/style-book-preview-of-blocks-in-global-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vorschau aller Bl\u00f6cke<\/a> sehen k\u00f6nnen, die auf ihren Websites verwendet werden k\u00f6nnen, ohne diese Bl\u00f6cke zu einer Vorlage\/einem Vorlagenteil hinzuf\u00fcgen zu m\u00fcssen. Du kannst <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#introduce-the-stylebook\" target=\"_blank\" rel=\"noopener noreferrer\">das Style Book<\/a> starten, indem du auf die Schaltfl\u00e4che &#8222;<strong>Style Book \u00f6ffnen<\/strong>&#8220; (das Augensymbol) klickst, die jetzt in der Kopfzeile der <strong>Styles<\/strong> innerhalb der globalen Styles angezeigt wird.<\/p>\n<p>Dadurch wird eine Oberfl\u00e4che ge\u00f6ffnet, die eine Vorschau aller Kern- und Drittanbieterbl\u00f6cke nach Kategorien zeigt.<\/p>\n<figure id=\"attachment_148365\" aria-describedby=\"caption-attachment-148365\" style=\"width: 2528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148365 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-style-book-preview.jpg\" alt=\"Ein Bild, das die Oberfl\u00e4che des Style Book zeigt\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148365\" class=\"wp-caption-text\">Die Style Book-Oberfl\u00e4che<\/figcaption><\/figure>\n<p>Die neue Style Book-Oberfl\u00e4che vereinfacht den Entwurfsprozess, indem sie Voransichten aller Blockstile an einem einzigen zentralen Ort bereitstellt.<\/p>\n<p>Technisch gesehen wird die neue Schnittstelle durch eine neue <code>StyleBook<\/code> Komponente generiert, die zu <code>@wordpress\/edit-site<\/code> hinzugef\u00fcgt wurde, um eine Vorschau jedes registrierten Blocks <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-iframe\/\">in einem iframe<\/a> anzuzeigen (siehe auch <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45960\" target=\"_blank\" rel=\"noopener noreferrer\">PR #45960<\/a>).<\/p>\n<p>Dieselbe Schnittstelle bietet auch Vorschauen f\u00fcr einzelne Bl\u00f6cke. Das folgende Bild zeigt zum Beispiel die Vorschau eines angepassten Kalender-Widgets.<\/p>\n<figure id=\"attachment_148366\" aria-describedby=\"caption-attachment-148366\" style=\"width: 2528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148366 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-style-book-calendar-preview.jpg\" alt=\"Anpassen und Vorschau des Kalenderblocks\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148366\" class=\"wp-caption-text\">Anpassen und Vorschau des Kalenderblocks<\/figcaption><\/figure>\n<p>Entwickler k\u00f6nnen auf zwei Arten verhindern, dass ein Block eingef\u00fcgt und in der Vorschau angezeigt wird. Erstens kannst du <code>supports.inserter<\/code> in der Datei <strong>block.json<\/strong> auf <code>false<\/code> setzen:<\/p>\n<pre><code class=\"language-json\">{\n    \"supports\": {\n        \"inserter\": false\n    }\n}<\/code><\/pre>\n<p>Eine andere M\u00f6glichkeit, die Blockvorschau auszublenden, besteht darin, die Eigenschaft <code>example<\/code> zu vermeiden, die verwendet wird, um eine Vorschau des Blocks im Inspector Help Panel zu erstellen (mehr dazu <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-registration\/#example-optional\" target=\"_blank\" rel=\"noopener noreferrer\">hier<\/a>).<\/p>\n<h3>Schatten in globalen Stilen<\/h3>\n<p>Mit WordPress 6.2 ist es jetzt m\u00f6glich, einigen Bl\u00f6cken \u00fcber die Globalen Stile oder die <strong>theme.json<\/strong> <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/shadows-in-global-styles-with-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Schatten hinzuzuf\u00fcgen und anzupassen<\/a> (zum jetzigen Zeitpunkt ist die Schattenfunktion nur f\u00fcr den Button-Block verf\u00fcgbar).<\/p>\n<p>In Themes, die diese Funktion unterst\u00fctzen, kannst du Schatten \u00fcber die Oberfl\u00e4che der Globalen Stile hinzuf\u00fcgen.<\/p>\n<p>Um das in Aktion zu sehen, aktiviere das <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-three-theme\/\">Twenty Twenty-Three-Theme<\/a>, gehe zu <strong>Styles<\/strong> &gt; <strong>Blocks<\/strong> &gt; <strong>Button<\/strong> und klicke auf die Schaltfl\u00e4che <strong>Shadow<\/strong>.<\/p>\n<p>Im Pop-up-Fenster &#8222;Schatten&#8220; kannst du einen Schatten aus den Voreinstellungen des Themas ausw\u00e4hlen.<\/p>\n<figure id=\"attachment_148833\" aria-describedby=\"caption-attachment-148833\" style=\"width: 1702px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148833 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-shadow.jpg\" alt=\"Schatten in Blockstilen einstellen\" width=\"1702\" height=\"1344\"><figcaption id=\"caption-attachment-148833\" class=\"wp-caption-text\">Schatten in Blockstilen einstellen<\/figcaption><\/figure>\n<p>Themenentwickler\/innen und fortgeschrittene Nutzer\/innen k\u00f6nnen Bl\u00f6cken \u00fcber <strong>theme.json<\/strong> auch einen Schatten hinzuf\u00fcgen. Die folgende Definition f\u00fcgt den Schaltfl\u00e4chenbl\u00f6cken einen schwarzen 4-Pixel-Schatten hinzu:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"shadow\": \"4px 4px #000000\"\n        }\n    }\n},<\/code><\/pre>\n<p>Du kannst auch <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-two\/#settings\">Voreinstellungen definieren<\/a>, damit die Nutzer\/innen des Themas eine aus dem Styles-Interface ausw\u00e4hlen k\u00f6nnen:<\/p>\n<pre><code class=\"language-json\">\"settings\": {\n    \"shadow\": {\n        \"presets\": [\n            {\n                \"shadow\": \"4px 4px #FF0000\",\n                \"name\": \"Red\",\n                \"slug\": \"red\"\n            },\n            {\n                \"shadow\": \"4px 4px #00FF00\",\n                \"name\": \"Green\",\n                \"slug\": \"green\"\n            },\n            {\n                \"shadow\": \"4px 4px #0000FF\",\n                \"name\": \"Blue\",\n                \"slug\": \"blue\"\n            }\n        ]\n    },\n}<\/code><\/pre>\n<p>Sobald du sie definiert hast, erscheinen deine Voreinstellungen im <strong>Schatten<\/strong>-Panel im Block Stile.<\/p>\n<figure id=\"attachment_148832\" aria-describedby=\"caption-attachment-148832\" style=\"width: 1716px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148832 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-shadow-presets.jpg\" alt=\"Benutzerdefinierte Schattenvorgaben in Blockstilen\" width=\"1716\" height=\"1340\"><figcaption id=\"caption-attachment-148832\" class=\"wp-caption-text\">Benutzerdefinierte Schattenvorgaben in Blockstilen<\/figcaption><\/figure>\n<p>Du kannst auch den Wert einer Voreinstellung ausw\u00e4hlen und als Blockvorgabe verwenden:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"shadow\": \"var(--wp--preset--shadow--blue)\"\n        }\n    }\n}<\/code><\/pre>\n<h3>Neue Steuerung der Mindesth\u00f6he<\/h3>\n<p>Seit WordPress 6.2 gibt es in der Seitenleiste der Blockeinstellungen f\u00fcr die Bl\u00f6cke &#8222;Gruppe&#8220; und &#8222;Beitragsinhalt&#8220; ein <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/minimum-height-dimensions-block-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">neues Steuerelement f\u00fcr die Mindesth\u00f6he<\/a>, das in Themes, die die Funktion <code>appearanceTools<\/code> verwenden, standardm\u00e4\u00dfig aktiviert ist.<\/p>\n<figure id=\"attachment_148404\" aria-describedby=\"caption-attachment-148404\" style=\"width: 2076px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148404 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-group-block-minimum-height.jpg\" alt=\"Steuerung der Mindesth\u00f6he f\u00fcr den Gruppenblock\" width=\"2076\" height=\"1276\"><figcaption id=\"caption-attachment-148404\" class=\"wp-caption-text\">Steuerung der Mindesth\u00f6he f\u00fcr den Gruppenblock<\/figcaption><\/figure>\n<p>Mit diesem neuen Steuerelement k\u00f6nnen Nutzer\/innen eine Mindesth\u00f6he f\u00fcr Gruppen- und Post-Content-Bl\u00f6cke festlegen und damit die Fu\u00dfzeile am unteren Rand der Seite darstellen, auch wenn sie wenig Inhalt hat.<\/p>\n<p>In Kombination mit den neuen Werkzeugen f\u00fcr die vertikale Ausrichtung erm\u00f6glicht es auch die vertikale Ausrichtung innerer Elemente am oberen\/mittleren\/unteren Rand der Seite.<\/p>\n<p>Entwickler k\u00f6nnen die Unterst\u00fctzung f\u00fcr die Mindesth\u00f6he zu Themes hinzuf\u00fcgen, indem sie die Einstellung <code>minHeight<\/code> zur <strong>theme.json<\/strong> hinzuf\u00fcgen:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        dimensions: \"minHeight\": true\n    }\n}<\/code><\/pre>\n<p>Du kannst auch die Eigenschaft <code>appearanceTools<\/code> verwenden:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        \"appearanceTools\": true\n    }\n}<\/code><\/pre>\n<p>Die neue Eigenschaft <code>minHeight<\/code> kann auch verwendet werden, um einen bestimmten Wert direkt in <strong>theme.json<\/strong> zu setzen:<\/p>\n<pre><code class=\"language-json\">{\n    \"styles\": {\n        \"blocks\": {\n            \"core\/post-content\": {\n                \"dimensions\": {\n                    \"minHeight\": \"80vh\"\n                }\n            }\n        }\n    }\n}<\/code><\/pre>\n<p>Blockentwickler k\u00f6nnen die Eigenschaft <code>supports.dimensions.minHeight<\/code> zu ihrer <strong>block.json<\/strong>-Datei hinzuf\u00fcgen und ihren Wert auf <code>true<\/code> setzen. Bei <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-blocke\/\">statischen Bl\u00f6cken<\/a> wird die CSS-Regel <code>min-height<\/code> als Inline-Style gespeichert, w\u00e4hrend sie bei <a href=\"https:\/\/kinsta.com\/de\/blog\/dynamische-bloecke\/\">dynamischen Bl\u00f6cken<\/a> in das Style-Attribut aufgenommen wird, das von <code>get_block_wrapper_attributes<\/code> zur\u00fcckgegeben wird.<\/p>\n<h3>Benutzerdefiniertes CSS im Styles Panel<\/h3>\n<p>Eine der Funktionen, die im Site Editor im Vergleich zum Theme Customizer fehlte, war die M\u00f6glichkeit, <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-css\/\">eigene CSS-Stile hinzuzuf\u00fcgen<\/a>. Mit WordPress 6.2 wurde diese L\u00fccke geschlossen und die Schnittstelle f\u00fcr globale Stile <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\">enth\u00e4lt jetzt ein Textfeld<\/a>, in das du <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#Add-custom-CSS-rules-for-your-site\" target=\"_blank\" rel=\"noopener noreferrer\">benutzerdefinierte CSS-Regeln einf\u00fcgen<\/a> kannst, die nicht \u00fcberschrieben werden, wenn du dein Theme aktualisierst.<\/p>\n<figure id=\"attachment_148368\" aria-describedby=\"caption-attachment-148368\" style=\"width: 1782px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148368 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-additional-block-css.jpg\" alt=\"Zus\u00e4tzliche Block-CSS im Blockstile-Panel\" width=\"1782\" height=\"1656\"><figcaption id=\"caption-attachment-148368\" class=\"wp-caption-text\">Zus\u00e4tzliche Block-CSS im Blockstile-Panel<\/figcaption><\/figure>\n<p>Du kannst benutzerdefinierte Stile entweder <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Add-custom-CSS-on-a-per-block-basis\" target=\"_blank\" rel=\"noopener noreferrer\">pro Block<\/a> \u00fcber das <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/44412\" target=\"_blank\" rel=\"noopener noreferrer\">Blockstil-Panel<\/a> hinzuf\u00fcgen oder indem du auf die Schaltfl\u00e4che <strong>Weitere Stile<\/strong> in der Stil-Symbolleiste klickst. Dadurch wird ein Pop-up-Men\u00fc mit einem <strong>zus\u00e4tzlichen CSS<\/strong>-Element angezeigt.<\/p>\n<figure id=\"attachment_148369\" aria-describedby=\"caption-attachment-148369\" style=\"width: 1366px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148369 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-additional-css.jpg\" alt=\"Der zus\u00e4tzliche CSS-Textbereich in WordPress 6.2\" width=\"1366\" height=\"904\"><figcaption id=\"caption-attachment-148369\" class=\"wp-caption-text\">Der zus\u00e4tzliche CSS-Textbereich in WordPress 6.2<\/figcaption><\/figure>\n<p>Um benutzerdefinierte CSS zu unterst\u00fctzen, wurde der <strong>theme.json<\/strong> eine neue Eigenschaft <code>styles.css<\/code> hinzugef\u00fcgt.<\/p>\n<p>Benutzerdefinierte CSS-Regeln k\u00f6nnen alle benutzerdefinierten Stile, die in <strong>theme.json<\/strong> festgelegt wurden, vollst\u00e4ndig \u00fcberschreiben. Wenn du das nicht m\u00f6chtest, solltest du in Erw\u00e4gung ziehen, das Stylesheet mit den <a href=\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/\">vorhandenen Enqueuing-Methoden<\/a> einzubinden.<\/p>\n<p>Du kannst auch benutzerdefinierte CSS-Regeln pro Block in <strong>theme.json<\/strong> hinzuf\u00fcgen, indem du die Eigenschaft <code>styles.blocks.block.css<\/code> verwendest:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"css\": \"background: #FF0000\"\n        }\n    }\n}<\/code><\/pre>\n<p>Du kannst <code>&<\/code> auch f\u00fcr verschachtelte Elemente und Pseudo-Selektoren verwenden.<\/p>\n<p>Einen genaueren Blick auf die neue Funktion f\u00fcr benutzerdefinierte CSS findest du unter <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">Benutzerdefinierte CSS f\u00fcr globale Stile und pro Block<\/a>.<\/p>\n<h3>Kopieren und Einf\u00fcgen von Stilen zwischen Bl\u00f6cken<\/h3>\n<p>Eine neue Gruppe im Men\u00fc Optionen in der Symbolleiste des Blocks zeigt jetzt zwei Schaltfl\u00e4chen zum <strong>Kopieren<\/strong> und <strong>Einf\u00fcgen von Stilen<\/strong> an. Vor <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#other-notable-highlights\" target=\"_blank\" rel=\"noopener noreferrer\">dieser Erg\u00e4nzung<\/a> war es nur m\u00f6glich, Stile zu kopieren, aber es war nicht klar, wie man <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/20\/whats-new-in-gutenberg-15-0-18-january\/#paste-styles\" target=\"_blank\" rel=\"noopener noreferrer\">Stile einf\u00fcgt<\/a>.<\/p>\n<figure id=\"attachment_148377\" aria-describedby=\"caption-attachment-148377\" style=\"width: 1840px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148377 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-copy-styles.jpg\" alt=\"Stile kopieren in WordPress 6.2\" width=\"1840\" height=\"1164\"><figcaption id=\"caption-attachment-148377\" class=\"wp-caption-text\">Stile kopieren in WordPress 6.2<\/figcaption><\/figure>\n<p>Um diese neue Funktion auszuprobieren, f\u00fcge einen neuen Block hinzu, z. B. eine \u00dcberschrift. \u00c4ndere den Stil und w\u00e4hle <strong>Stile kopieren<\/strong> aus dem Men\u00fc Blockoptionen.<\/p>\n<figure id=\"attachment_148378\" aria-describedby=\"caption-attachment-148378\" style=\"width: 1864px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148378 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-allow-clipboard-access-google-chrome.jpg\" alt=\"Erlaube Google Chrome, Text und Bilder zu sehen, die in die Zwischenablage kopiert wurden\" width=\"1864\" height=\"1312\"><figcaption id=\"caption-attachment-148378\" class=\"wp-caption-text\">Erlaube Google Chrome, Text und Bilder zu sehen, die in die Zwischenablage kopiert wurden<\/figcaption><\/figure>\n<p>W\u00e4hle dann einen anderen Block aus und w\u00e4hle <strong>Stil einf\u00fcgen<\/strong>. Die kopierten Stile werden automatisch auf den zweiten Block angewendet.<\/p>\n<figure id=\"attachment_148379\" aria-describedby=\"caption-attachment-148379\" style=\"width: 1592px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148379 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-paste-styles.jpg\" alt=\"Stile einf\u00fcgen in WordPress 6.2\" width=\"1592\" height=\"1220\"><figcaption id=\"caption-attachment-148379\" class=\"wp-caption-text\">Stile einf\u00fcgen in WordPress 6.2<\/figcaption><\/figure>\n<p>Beachte, dass diese Funktion nur auf <a href=\"https:\/\/kinsta.com\/de\/blog\/http-zu-https\/\">sicheren (https) Websites<\/a> in unterst\u00fctzenden Browsern verf\u00fcgbar ist. Weitere Details findest du in der <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/47430\" target=\"_blank\" rel=\"noopener noreferrer\">Pull-Anfrage<\/a>.<\/p>\n<h3>Block\u00e4nderungen global anwenden<\/h3>\n<p>WordPress 6.2 f\u00fchrt au\u00dferdem eine Schaltfl\u00e4che &#8222;<strong>Global anwenden<\/strong>&#8220; im Bereich &#8222;Erweitert&#8220; f\u00fcr einzelne Bl\u00f6cke ein, mit der du <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#push-block-changes-to-global-styles\" target=\"_blank\" rel=\"noopener noreferrer\">deine \u00c4nderungen an den Blockstilen<\/a> in die globalen Stile \u00fcbertragen kannst, um sie auf der gesamten Website anzuwenden.<\/p>\n<figure id=\"attachment_148380\" aria-describedby=\"caption-attachment-148380\" style=\"width: 1748px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148380 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-apply-globally.jpg\" alt=\"Schaltfl\u00e4che \"Blockstile global anwenden\" in WordPress 6.2\" width=\"1748\" height=\"1748\"><figcaption id=\"caption-attachment-148380\" class=\"wp-caption-text\">Schaltfl\u00e4che &#8222;Blockstile global anwenden&#8220; in WordPress 6.2<\/figcaption><\/figure>\n<p>Dank dieser neuen Funktion ist es jetzt so einfach wie ein Knopfdruck, Typografie, Abst\u00e4nde, Abmessungen und Farben auf alle Bl\u00f6cke des jeweiligen Typs anzuwenden (siehe auch diesen <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46446\" target=\"_blank\" rel=\"noopener noreferrer\">Pull Request<\/a>).<\/p>\n<h3>Verbesserte Design-Erfahrung mit Spacing Visualizern<\/h3>\n<p>Mit den Spacing Visualizern kannst du in der Vorschau sehen, wie viel Rand oder Polsterung auf einen Block angewendet wird. Mit WordPress 6.2 wird diese Funktion durch einige Erg\u00e4nzungen erweitert, die das Bearbeitungserlebnis verbessern.<\/p>\n<p>Erstens werden die Spacing Visualizer jetzt angezeigt, sobald <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/09\/whats-new-in-gutenberg-14-5-9-november\/#confidently-edit-block-spacing-using-improved-visualizers\" target=\"_blank\" rel=\"noopener noreferrer\">du mit dem Mauszeiger \u00fcber den Rand oder das Padding f\u00e4hrst<\/a>.<\/p>\n<p>Zweitens blendet der Spacing Visualizer jetzt automatisch <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#hide-block-toolbar-when-spacing-visualizer-is-shown\" target=\"_blank\" rel=\"noopener noreferrer\">die Block-Symbolleiste aus<\/a>, sobald du mit dem Mauszeiger \u00fcber die Abstandseinstellung f\u00e4hrst, damit du eine Vorschau der neuen Rand- und Auff\u00fcllungseinstellungen sehen kannst, ohne dass die Block-Symbolleiste \u00fcberladen wirkt.<\/p>\n<figure id=\"attachment_148402\" aria-describedby=\"caption-attachment-148402\" style=\"width: 2076px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148402 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-spacing-visualizer-without-block-toolbar.jpg\" alt=\"Der Abstandsvisualisierer ohne die Blocksymbolleiste\" width=\"2076\" height=\"1278\"><figcaption id=\"caption-attachment-148402\" class=\"wp-caption-text\">Der Abstandsvisualisierer ohne die Blocksymbolleiste<\/figcaption><\/figure>\n<p>Dies sind kleine, aber wichtige \u00c4nderungen, die sich auf eine gro\u00dfe Anzahl von Kernbl\u00f6cken auswirken.<\/p>\n<h2>\u00c4nderungen f\u00fcr Entwickler<\/h2>\n<p>WordPress 6.2 bringt auch viele neue Funktionen f\u00fcr <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-entwicklergehalt\/\">Entwickler<\/a>: neue APIs, Fehlerbehebungen, Leistungsverbesserungen und vieles mehr. Schauen wir uns die interessantesten Neuerungen an.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Eine neue HTML-API<\/h3>\n<p>WordPress 6.2 f\u00fchrt den HTML Tag Processor ein, einen <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/3920\" target=\"_blank\" rel=\"noopener noreferrer\">HTML5-konformen Parser<\/a>, der eine sichere M\u00f6glichkeit bietet, bestimmte <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-html\/\">HTML-Tags<\/a> zu finden und Attribute \u00fcber PHP hinzuzuf\u00fcgen, zu entfernen oder zu aktualisieren. Der <strong>HTML Tag Processor<\/strong> ist die erste Komponente einer <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introducing-the-html-api-in-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">neuen HTML-Verarbeitungs-API<\/a>.<\/p>\n<p>Die neue API erleichtert die Durchf\u00fchrung komplexer Aufgaben, f\u00fcr die bisher oft regul\u00e4re Ausdr\u00fccke verwendet werden mussten.<\/p>\n<p>Im folgenden Beispiel f\u00fcgen wir einfach das Attribut <code>alt<\/code> zu einem <code>img<\/code> Tag hinzu:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;img src=\"\/my-image.jpg\" \/&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n \nif ( $p-&gt;next_tag() ) {\n    $p-&gt;set_attribute( 'alt', 'Hello WordPress 6.2' );\n}\n \necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Dieser Code w\u00fcrde den folgenden <code>img<\/code> Tag erzeugen:<\/p>\n<pre><code class=\"language-html\">&lt;img alt=\"Hello WordPress 6.2\" src=\"\/my-image.jpg\"&gt;<\/code><\/pre>\n<p>Die Methode <code>$p-&gt;next_tag()<\/code> wechselt zum n\u00e4chsten verf\u00fcgbaren Tag in der HTML-Datei. Sie akzeptiert auch einen Tag-Namen, eine CSS-Klasse oder beides, um bestimmte Tags zu finden, wie im Beispiel oben gezeigt.<\/p>\n<p>Um HTML-Tags zu bearbeiten, musst du zun\u00e4chst den Ziel-Tag ausw\u00e4hlen:<\/p>\n<pre><code class=\"language-html\">$p-&gt;next_tag();<\/code><\/pre>\n<p>Sobald du den Ziel-Tag ausgew\u00e4hlt hast, kannst du die API-Methoden nutzen, um verschiedene Operationen durchzuf\u00fchren:<\/p>\n<ul>\n<li><code>$p-&gt;get_tag()<\/code><\/li>\n<li><code>$p-&gt;set_attribute()<\/code><\/li>\n<li><code>$p-&gt;get_attribute()<\/code><\/li>\n<li><code>$p-&gt;remove_attribute()<\/code><\/li>\n<li><code>$p-&gt;add_class()<\/code><\/li>\n<li><code>$p-&gt;remove_class()<\/code><\/li>\n<\/ul>\n<p>Du kannst ein Stilattribut setzen:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;a href=\"https:\/\/example.com\"&gt;example.com&lt;\/a&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n\nif ( $p-&gt;next_tag( 'a' ) ) {\n    $p-&gt;set_attribute( 'style', 'text-decoration: wavy underline purple;' );\n}\n\necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Du kannst auch eine Klasse oder ein Attribut hinzuf\u00fcgen oder entfernen. Im folgenden Code f\u00fcgen wir eine benutzerdefinierte Klasse zu einem <code>h1<\/code> Tag hinzu:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;div&gt;&lt;h1&gt;Page Title&lt;\/h1&gt;&lt;\/div&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n\nif( $p-&gt;next_tag( 'h1' ) ) {\n    $p-&gt;add_class( 'title' );\n}\n\necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Anschlie\u00dfend kannst du das aktualisierte Tag mit der Methode <code>$p-&gt;get_updated_html()<\/code> zur\u00fcckgeben.<\/p>\n<p>Wenn du einen genaueren Blick auf die neue HTML-API werfen willst, schau dir dieses <a href=\"https:\/\/adamadam.blog\/2023\/02\/16\/how-to-modify-html-in-a-php-wordpress-plugin-using-the-new-tag-processor-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">interaktive PHP-Tutorial<\/a> von <a href=\"https:\/\/twitter.com\/adamzielin\" target=\"_blank\" rel=\"noopener noreferrer\">Adam Zieli\u0144ski<\/a>, WordPress Core Committer, an.<\/p>\n<h3>Patterns API und eine neue <code>template_types<\/code> Eigenschaft<\/h3>\n<p>Die <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">Patterns API<\/a> erm\u00f6glicht es <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-workflow\/\">WordPress-Entwicklern<\/a>, &#8222;vorgefertigte Inhaltsbl\u00f6cke zu erstellen, die einfach in Beitr\u00e4ge, Seiten, benutzerdefinierte Beitragstypen und Vorlagen eingef\u00fcgt werden k\u00f6nnen&#8220;.<\/p>\n<p>Mit WordPress 6.2 enth\u00e4lt die Patterns-API jetzt eine neue Eigenschaft <code>template_types<\/code>, mit der du festlegen kannst, in welchen Vorlagen ein bestimmtes <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-5\/#block-patterns\">Blockmuster<\/a> verwendet werden kann.<\/p>\n<p>Jorge Costa weist darauf hin, dass es sich hierbei um ein <em>reines Backend-Update<\/em> handelt und es derzeit keine entsprechende UX-Funktionalit\u00e4t gibt. Wir k\u00f6nnen jedoch davon ausgehen, dass wir mit WordPress 6.3 <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/patterns-api-expanded-to-include-template_types-property\/\" target=\"_blank\" rel=\"noopener noreferrer\">weiterentwickelte Implementierungen<\/a> dieser Funktion sehen werden:<\/p>\n<blockquote><p>Die erste Anwendung, die f\u00fcr WordPress 6.3 angedacht ist, besteht darin, dem Nutzer einige Muster zu zeigen, die f\u00fcr eine Vorlage sinnvoll sind, wenn der Nutzer mit der Erstellung einer Vorlage beginnt. Der Nutzer kann mit einem Muster beginnen, anstatt mit einer leeren Vorlage oder der Fallback-Vorlage.<\/p><\/blockquote>\n<p>Auf der technischen Seite wurde die Funktion <code>register_block_pattern()<\/code> um einen neuen Parameter <code>template_types<\/code> erweitert, der ein Array von Strings ist, die die Namen der Vorlagen enthalten, f\u00fcr die das Blockmuster gedacht ist.<\/p>\n<p>Die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-rest-api\/\">REST-API<\/a> wurde au\u00dferdem so ge\u00e4ndert, dass sie die Vorlagentypen eines Blockmusters zur\u00fcckgibt, wenn mindestens einer definiert wurde.<\/p>\n<h3>React v18.0 und Gleichzeitigkeitsmodus<\/h3>\n<p>WordPress 6.2 enth\u00e4lt auch eine neue Version der <a href=\"https:\/\/kinsta.com\/de\/blog\/react-best-practices\/\">React-Bibliothek<\/a>, die jetzt auf Version 18.0 aktualisiert wurde. Die neue Version enth\u00e4lt neue APIs, Funktionen, Verbesserungen und Fehlerbehebungen. Eine der wichtigsten Funktionen von <a href=\"https:\/\/reactjs.org\/blog\/2022\/03\/29\/react-v18.html\" target=\"_blank\" rel=\"noopener noreferrer\">React v18.0<\/a> ist die Einf\u00fchrung des Concurrency-Modus, &#8222;ein neuer Mechanismus hinter den Kulissen, der es React erm\u00f6glicht, mehrere Versionen deiner Benutzeroberfl\u00e4che gleichzeitig vorzubereiten&#8220;.<\/p>\n<p>Eines der Hauptmerkmale des Concurrent Mode in React ist, dass er unterbrechbar ist:<\/p>\n<blockquote><p>React garantiert, dass die Benutzeroberfl\u00e4che auch dann konsistent aussieht, wenn ein Rendering unterbrochen wird. Dazu wartet es mit der Durchf\u00fchrung von DOM-Mutationen bis zum Ende, wenn der gesamte Baum ausgewertet worden ist. Mit dieser F\u00e4higkeit kann React neue Bildschirme im Hintergrund vorbereiten, ohne den Hauptthread zu blockieren. Das bedeutet, dass die Benutzeroberfl\u00e4che sofort auf Benutzereingaben reagieren kann, selbst wenn sie sich mitten in einer gro\u00dfen Rendering-Aufgabe befindet, was ein fl\u00fcssiges Benutzererlebnis schafft.<\/p><\/blockquote>\n<p>Der Hauptvorteil besteht darin, dass die Benutzeroberfl\u00e4che sofort auf Benutzereingaben reagiert, w\u00e4hrend die Aufgabe im Hintergrund weiterl\u00e4uft.<\/p>\n<p>Die Gleichzeitigkeit birgt jedoch auch potenzielle Fallstricke, die Entwickler\/innen kennen sollten. Einen ausf\u00fchrlicheren \u00dcberblick \u00fcber den Concurrent Mode in React in WordPress 6.2 findest du in den Beispielen in der <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/upgrading-to-react-18-and-common-pitfalls-of-concurrent-mode\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dev Note<\/a>.<\/p>\n<h3>Weitere \u00c4nderungen f\u00fcr Entwickler<\/h3>\n<p>Weitere bemerkenswerte \u00c4nderungen, die Entwickler beachten sollten, sind<\/p>\n<ul>\n<li>WordPress 6.2 f\u00fchrt einen neuen <a href=\"https:\/\/kinsta.com\/de\/blog\/javascript-entwurfsmuster\/\">JavaScript<\/a>-Filter ein, mit dem Blockeinstellungen gefiltert werden k\u00f6nnen, bevor der Editor auf dem Bildschirm dargestellt wird. Der neue <code>blockEditor.useSetting.before<\/code> Filter erm\u00f6glicht es Entwicklern au\u00dferdem, die Einstellungen basierend auf der Position des Blocks, der aktuellen Benutzerrolle, benachbarten Bl\u00f6cken und mehr zu \u00e4ndern. Weitere Informationen und Anwendungsbeispiele findest du unter <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/28\/custom-settings-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Anpassen der Einstellungen f\u00fcr jeden Block in WordPress 6.2<\/a>.<\/li>\n<li>Eine neue <code>skipBlockSupportAttributes<\/code> Prop <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/add-new-prop-to-serversiderender-component\/\" target=\"_blank\" rel=\"noopener noreferrer\">wurde eingef\u00fchrt<\/a>, um Attribute und Stile auszuschlie\u00dfen, die sich auf die Blockunterst\u00fctzung in der Komponente <code>ServerSideRender<\/code> beziehen.<\/li>\n<li>Eine neue <strong>theme.json<\/strong> API erm\u00f6glicht es jetzt, <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/miscellaneous-editor-changes-in-wordpress-6-2\/#edit-block-style-variations-from-theme-json\" target=\"_blank\" rel=\"noopener noreferrer\">bestehende Core-Block-Varianten<\/a> aus der <strong>theme.json<\/strong> zu stylen.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/besten-google-fonts\/\">Google Fonts<\/a> werden jetzt <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/google-fonts-are-included-locally-in-bundled-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">lokal eingebunden<\/a> und nicht mehr von Google-Adressen in geb\u00fcndelten Themes von Twenty Twelve bis Twenty Seventeen geholt.<\/li>\n<\/ul>\n<p>Aber das ist noch nicht alles. WordPress 6.2 f\u00fchrt viele Funktionen, Verbesserungen und Fehlerbehebungen ein, die wir hier der K\u00fcrze halber nicht erw\u00e4hnt haben. Einen umfassenderen \u00dcberblick findest du im <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/09\/wordpress-6-2-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.2 Field Guide<\/a>.<\/p>\n<h2>Zusammenfassung<\/h2>\n<p>Mit WordPress 6.2 n\u00e4hern wir uns dem Ende von Phase 2 des Gutenberg-Projekts, der Anpassungsphase. Wie <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/04\/phase-2-finale\/\" target=\"_blank\" rel=\"noopener noreferrer\">Matias Ventura betont<\/a>, bedeutet dies jedoch nicht, dass die Arbeit an der Anpassung abgeschlossen ist und in zuk\u00fcnftigen Versionen fortgesetzt wird. Wie immer k\u00f6nnen wir mit weiteren Verbesserungen des Editors rechnen, die auf dem Feedback der Community basieren.<\/p>\n\n<p>In diesem Beitrag haben wir einige der wichtigsten Funktionen, Verbesserungen und Fehlerbehebungen von WordPress 6.2 vorgestellt. Aber es gibt noch viel mehr in 6.2. Mit zehn Versionen des <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-wordpress-editor\/\">Gutenberg-Plugins<\/a> im Core &#8211; von 14.2 bis 15.1 &#8211; werden wir einen neuen Browse-Modus, einen Tabbed Block Inspector, die Migration von Widgets zu Block-Themes, neue APIs und jede Menge Verbesserungen und Fehlerbehebungen sehen. Au\u00dferdem wird es Verbesserungen bei der <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/02\/wordpress-6-2-accessibility-improvements\/\" target=\"_blank\" rel=\"noopener noreferrer\">Barrierefreiheit<\/a> und der <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/03\/i18n-improvements-in-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Internationalisierung<\/a> geben.<\/p>\n<p>Und wenn du WordPress liebst und <a href=\"https:\/\/kinsta.com\/de\/blog\/lerne-wordpress\/\">dir neue WordPress-Entwicklungsf\u00e4higkeiten aneignen<\/a> oder das <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-mitarbeiter\/\">CMS testen und mit gestalten<\/a> m\u00f6chtest, solltest du <a href=\"https:\/\/kinsta.com\/de\/devkinsta\/\">DevKinsta<\/a>, die v\u00f6llig kostenlose lokale WordPress-Entwicklungssuite von Kinsta, unbedingt ausprobieren.<\/p>\n<p>Und nun zu dir: Hast du die neue Version bereits in deiner <a href=\"https:\/\/kinsta.com\/de\/devkinsta\/\">Entwicklungsumgebung<\/a> getestet? Welche Funktionen gefallen dir in WordPress 6.2 am besten? Teile uns deine Meinung in den Kommentaren unten mit.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.2 &#8222;Dolphy&#8220; wurde ver\u00f6ffentlicht und es ist Zeit f\u00fcr uns zu erkunden, was es mit der ersten Version von 2023 Neues gibt. Mit WordPress 6.2 &#8230;<\/p>\n","protected":false},"author":36,"featured_media":60616,"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-60615","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-wordpress-updates"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Was ist neu in WordPress 6.2 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Schau dir unseren \u00dcberblick \u00fcber WordPress 6.2 mit Browse Mode, Style Book, Navigationsmen\u00fcs und vielen weiteren Verbesserungen an!\" \/>\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-2\/\" \/>\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.2: Browse-Modus, Style Book, verbesserte Navigationsmen\u00fcs, neue APIs und vieles mehr\" \/>\n<meta property=\"og:description\" content=\"Schau dir unseren \u00dcberblick \u00fcber WordPress 6.2 mit Browse Mode, Style Book, Navigationsmen\u00fcs und vielen weiteren Verbesserungen an!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/\" \/>\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=\"2023-03-30T19:10:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-27T13:19:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/whats-new-in-wordpress-62.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Schau dir unseren \u00dcberblick \u00fcber WordPress 6.2 mit Browse Mode, Style Book, Navigationsmen\u00fcs und vielen weiteren Verbesserungen an!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/whats-new-in-wordpress-62.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=\"29\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-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Was ist neu in WordPress 6.2: Browse-Modus, Style Book, verbesserte Navigationsmen\u00fcs, neue APIs und vieles mehr\",\"datePublished\":\"2023-03-30T19:10:36+00:00\",\"dateModified\":\"2023-07-27T13:19:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/\"},\"wordCount\":4826,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/\",\"name\":\"Was ist neu in WordPress 6.2 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"datePublished\":\"2023-03-30T19:10:36+00:00\",\"dateModified\":\"2023-07-27T13:19:06+00:00\",\"description\":\"Schau dir unseren \u00dcberblick \u00fcber WordPress 6.2 mit Browse Mode, Style Book, Navigationsmen\u00fcs und vielen weiteren Verbesserungen an!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#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.2: Browse-Modus, Style Book, verbesserte Navigationsmen\u00fcs, neue APIs und vieles mehr\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Was ist neu in WordPress 6.2 - Kinsta\u00ae","description":"Schau dir unseren \u00dcberblick \u00fcber WordPress 6.2 mit Browse Mode, Style Book, Navigationsmen\u00fcs und vielen weiteren Verbesserungen an!","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-2\/","og_locale":"de_DE","og_type":"article","og_title":"Was ist neu in WordPress 6.2: Browse-Modus, Style Book, verbesserte Navigationsmen\u00fcs, neue APIs und vieles mehr","og_description":"Schau dir unseren \u00dcberblick \u00fcber WordPress 6.2 mit Browse Mode, Style Book, Navigationsmen\u00fcs und vielen weiteren Verbesserungen an!","og_url":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2023-03-30T19:10:36+00:00","article_modified_time":"2023-07-27T13:19:06+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/whats-new-in-wordpress-62.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Schau dir unseren \u00dcberblick \u00fcber WordPress 6.2 mit Browse Mode, Style Book, Navigationsmen\u00fcs und vielen weiteren Verbesserungen an!","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/whats-new-in-wordpress-62.jpg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Carlo Daniele","Gesch\u00e4tzte Lesezeit":"29\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Was ist neu in WordPress 6.2: Browse-Modus, Style Book, verbesserte Navigationsmen\u00fcs, neue APIs und vieles mehr","datePublished":"2023-03-30T19:10:36+00:00","dateModified":"2023-07-27T13:19:06+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/"},"wordCount":4826,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/whats-new-in-wordpress-62.jpg","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/","url":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/","name":"Was ist neu in WordPress 6.2 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/whats-new-in-wordpress-62.jpg","datePublished":"2023-03-30T19:10:36+00:00","dateModified":"2023-07-27T13:19:06+00:00","description":"Schau dir unseren \u00dcberblick \u00fcber WordPress 6.2 mit Browse Mode, Style Book, Navigationsmen\u00fcs und vielen weiteren Verbesserungen an!","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/whats-new-in-wordpress-62.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/whats-new-in-wordpress-62.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#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.2: Browse-Modus, Style Book, verbesserte Navigationsmen\u00fcs, neue APIs 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\/60615","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=60615"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/60615\/revisions"}],"predecessor-version":[{"id":60744,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/60615\/revisions\/60744"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60615\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60615\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60615\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60615\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60615\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60615\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60615\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60615\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60615\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60615\/translations\/dk"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60615\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/60616"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=60615"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=60615"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=60615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}