{"id":64027,"date":"2023-07-24T10:54:34","date_gmt":"2023-07-24T09:54:34","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=64027&#038;preview=true&#038;preview_id=64027"},"modified":"2023-08-14T12:29:04","modified_gmt":"2023-08-14T11:29:04","slug":"wordpress-6-3","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/","title":{"rendered":"Was ist neu in WordPress 6.3: Ein \u00fcberarbeiteter Website-Editor, eine neue Befehlspalette, Stil\u00fcberarbeitungen, neue Bl\u00f6cke und vieles mehr!"},"content":{"rendered":"<p><strong>WordPress 6.3 &#8222;Lionel&#8220; ist da!<\/strong> Es ist <a href=\"https:\/\/wordpress.org\/news\/2023\/08\/lionel\/\">die letzte gro\u00dfe Ver\u00f6ffentlichung<\/a> der <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/04\/phase-2-finale\/\">Phase 2<\/a> der WordPress-Roadmap.<\/p>\n<p>In der zweiten Phase konzentrierte sich die Entwicklung vor allem auf den Site Editor, erweiterte dessen Funktionalit\u00e4t und verbesserte die Oberfl\u00e4che und die Benutzerfreundlichkeit.<\/p>\n<p>Jetzt k\u00f6nnen Website-Ersteller\/innen Layouts entwerfen und Inhalte innerhalb derselben Oberfl\u00e4che verwalten, ohne von einem Admin-Bereich zum anderen zu springen und ohne eine einzige Zeile Code schreiben zu m\u00fcssen.<\/p>\n<p>Mit WordPress 6.3 werden 10 Versionen des Gutenberg-Plugins in den Kern integriert, und wenn du Gutenberg nicht auf deiner Website verwendest, wirst du viele \u00c4nderungen an der Oberfl\u00e4che des Site Editors sehen.<\/p>\n<p>Mit WordPress 6.3 wurde das Bearbeitungserlebnis <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/22\/core-editor-improvement-smoother-site-editing\/\" target=\"_blank\" rel=\"noopener noreferrer\">deutlich verbessert<\/a>. Mehrere technische \u00c4nderungen betrafen den Site Editor und f\u00fchrten zu einer neuen Art, Blockthemen zu erkunden und den Site Editor selbst zu nutzen. Verbesserte Navigation, ablenkungsfreier Modus, Vorschau von Blockthemen, Stil- und Vorlagen\u00fcberarbeitungen, eine neue Befehlspalette und vieles mehr.<\/p>\n<p>Es gibt viel \u00fcber WordPress 6.3 zu sagen. Also, warte nicht l\u00e4nger und lass uns herausfinden, was es mit der letzten Version von Phase 2 alles Neues gibt.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Verbesserte Navigation im Seiteneditor<\/h2>\n<p>Mit WordPress 6.3 wurde die Navigation im <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/24\/whats-new-in-gutenberg-15-2-22-february\/#enhancements-to-navigation-in-the-site-editor\" target=\"_blank\" rel=\"noopener noreferrer\">Site-Editor deutlich verbessert<\/a>, indem neue Einstiegspunkte zu verschiedenen Bereichen des Editors hinzugef\u00fcgt wurden. Vor 6.3 waren diese Verwaltungsbereiche \u00fcber Zugangspunkte in verschiedenen Verwaltungsmen\u00fcs und -bildschirmen zu erreichen. Das Ergebnis dieser \u00c4nderungen ist ein einfacheres und einheitlicheres Bearbeitungserlebnis.<\/p>\n<p>Die folgende Abbildung vergleicht das Navigationsmen\u00fc des Editors in WordPress 6.2 und 6.3.<\/p>\n<figure id=\"attachment_158439\" aria-describedby=\"caption-attachment-158439\" style=\"width: 1420px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158439 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-6-2-vs-6-3-design.jpg\" alt=\"Website-Editor Navigation in WordPress 6.2 vs. 6.3\" width=\"1420\" height=\"884\"><figcaption id=\"caption-attachment-158439\" class=\"wp-caption-text\">Website-Editor Navigation in WordPress 6.2 vs. 6.3<\/figcaption><\/figure>\n<p>Das erste, was dir im obigen Bild auff\u00e4llt, sind die beiden Schaltfl\u00e4chen in der oberen rechten Ecke der Seitenleiste des Editors. Die Schaltfl\u00e4che <strong>Website anzeigen<\/strong>\u00a0erscheint, wenn du mit der Maus dar\u00fcber f\u00e4hrst, und erm\u00f6glicht einen schnellen Zugriff auf das Frontend deiner WordPress-Website. Dies ist eine kleine, aber n\u00fctzliche Erg\u00e4nzung, die es dir erm\u00f6glicht, schnell auf die Seiten deiner Website zuzugreifen, egal wo du dich im Editor befindest, wenn das Navigationsmen\u00fc ge\u00f6ffnet ist.<\/p>\n<p>Die Schaltfl\u00e4che <strong>Befehlspalette \u00f6ffnen<\/strong>\u00a0(das Linsensymbol) erm\u00f6glicht den Zugriff auf <a href=\"https:\/\/developer.wordpress.org\/news\/2023\/07\/whats-new-for-developers-july-2023\/#command-palette\" target=\"_blank\" rel=\"noopener noreferrer\">eine neue Funktion von WordPress 6.3<\/a>, die <strong>Befehlspalette<\/strong> (mehr dazu <a href=\"#the-command-palette\">weiter unten<\/a>).<\/p>\n<figure id=\"attachment_157544\" aria-describedby=\"caption-attachment-157544\" style=\"width: 1306px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-157544 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/06\/view-site-open-command-center.jpg\" alt=\"Schaltfl\u00e4chen Website anzeigen und Befehlspalette \u00f6ffnen im Website-Editor\" width=\"1306\" height=\"532\"><figcaption id=\"caption-attachment-157544\" class=\"wp-caption-text\">Schaltfl\u00e4chen Website anzeigen und Befehlspalette \u00f6ffnen im Website-Editor<\/figcaption><\/figure>\n<p>Die neue Editor-Navigation umfasst die folgenden Elemente.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"5\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Navigation<\/h3>\n<p>Sobald du ein Navigationsmen\u00fc erstellt hast, erscheint es im <strong>Navigationsmen\u00fc<\/strong> des Site Editors. Hier kannst du die Men\u00fcpunkte nach oben oder unten verschieben oder aus einem Dropdown-Men\u00fc l\u00f6schen. Du kannst auch Elemente per Drag &#038; Drop verschieben, um die Men\u00fcreihenfolge zu \u00e4ndern.<\/p>\n<figure id=\"attachment_157546\" aria-describedby=\"caption-attachment-157546\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-157546 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/06\/navigation-menus.jpg\" alt=\"Navigationsmen\u00fcs im Seiteneditor\" width=\"1790\" height=\"888\"><figcaption id=\"caption-attachment-157546\" class=\"wp-caption-text\">Navigationsmen\u00fcs im Seiteneditor<\/figcaption><\/figure>\n<p>Wenn du auf einen Men\u00fcpunkt klickst, gelangst du zu den Seitendetails. Hier kannst du auch den Seiteninhalt und das Layout bearbeiten (siehe unten).<\/p>\n<h3>Stile<\/h3>\n<p>\u00dcber das Men\u00fc <strong>Stile<\/strong> kannst du auf <a href=\"https:\/\/make.wordpress.org\/core\/2023\/04\/19\/whats-new-in-gutenberg-15-6-19-april\/#style-variations-in-browse-mode\" target=\"_blank\" rel=\"noopener noreferrer\">Stilvariationen im Browse-Modus<\/a> zugreifen. Hier kannst du eine Vorschau der verf\u00fcgbaren Stile sehen, einen anwenden und deine Anpassungen vornehmen.<\/p>\n<figure id=\"attachment_158442\" aria-describedby=\"caption-attachment-158442\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158442 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-styles.jpg\" alt=\"Men\u00fc Stile in WordPress 6.3\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158442\" class=\"wp-caption-text\">Men\u00fc <strong>Stile<\/strong> in WordPress 6.3<\/figcaption><\/figure>\n<p>Das Augensymbol startet das <strong>Style Book<\/strong>, eine <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#style-book\">Funktion, die mit Version 6.2 eingef\u00fchrt wurde<\/a> und eine Vorschau der verf\u00fcgbaren Bl\u00f6cke mit den verschiedenen angewendeten Stilen bietet, ohne dass du die Oberfl\u00e4che des Editors verlassen musst.<\/p>\n<figure id=\"attachment_158454\" aria-describedby=\"caption-attachment-158454\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158454 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-style-book.jpg\" alt=\"Das Style Book in WordPress 6.3\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158454\" class=\"wp-caption-text\">Du kannst das Style Book ganz einfach \u00fcber das Bedienfeld Styles im Site-Editor aufrufen<\/figcaption><\/figure>\n<h3>Seiten<\/h3>\n<p>\u00dcber den Men\u00fcpunkt <strong>Seiten<\/strong> hast du <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50463\" target=\"_blank\" rel=\"noopener noreferrer\">Zugriff auf die 10 zuletzt aktualisierten Seiten der Website<\/a> sowie auf verschiedene Bearbeitungsfunktionen. In diesem Bereich kannst du <a href=\"https:\/\/make.wordpress.org\/core\/2023\/06\/14\/whats-new-in-gutenberg-16-0-14-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">neue Seiten erstellen<\/a>, Inhalt und Layout bestehender Seiten bearbeiten, auf Seitendetails zugreifen und vieles mehr.<\/p>\n<p>Die interessanteste Neuerung ist, dass es jetzt m\u00f6glich ist, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50565\" target=\"_blank\" rel=\"noopener noreferrer\">neue Seiten zu erstellen<\/a>, ohne die Oberfl\u00e4che des Editors zu verlassen.<\/p>\n<p>Wenn du auf das <strong>+<\/strong>-Symbol im <strong>Navigationsbereich<\/strong> klickst, erscheint in der Mitte der Seite ein neues Modal, in dem du einen Titel f\u00fcr die neue Seite festlegen kannst und ein Tooltip mit Vorschl\u00e4gen f\u00fcr deinen Titel angezeigt wird.<\/p>\n<figure id=\"attachment_158443\" aria-describedby=\"caption-attachment-158443\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158443 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-draft-new-page.jpg\" alt=\"Eine neue Seite in WordPress 6.3 entwerfen\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158443\" class=\"wp-caption-text\">Eine neue Seite in WordPress 6.3 entwerfen<\/figcaption><\/figure>\n<p>Wenn du auf <strong>Entwurf erstellen<\/strong> klickst, wirst du zum Beitragseditor weitergeleitet, in dem eine neue Seite geladen ist.<\/p>\n<p>Unter <strong>Seiten<\/strong> kannst du den <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/20\/whats-new-in-gutenberg-15-8-may-17\/#add-the-pages-menu-to-the-site-editor-50463\">Seiteninhalt auch direkt im Seiteneditor bearbeiten<\/a>.<\/p>\n<figure id=\"attachment_158445\" aria-describedby=\"caption-attachment-158445\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158445 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-pages.jpg\" alt=\"Men\u00fc Seiten in WordPress 6.3\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158445\" class=\"wp-caption-text\">Men\u00fc Seiten in WordPress 6.3<\/figcaption><\/figure>\n<p><strong>Du kannst jetzt sowohl den Seiteninhalt als auch den Stil an der gleichen Stelle bearbeiten<\/strong>. Das gibt dir mehr Kontrolle \u00fcber alle Aspekte der Seite und sollte die Bearbeitungsm\u00f6glichkeiten deutlich verbessern.<\/p>\n<p>Im Bearbeitungsmodus kannst du <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50857\" target=\"_blank\" rel=\"noopener noreferrer\">ganz einfach<\/a> zwischen dem Seiteneditor und dem Vorlageneditor umschalten. So wird vermieden, dass du nicht wei\u00dft, was du gerade bearbeitest, und du kannst festlegen, ob deine \u00c4nderungen nur die aktuelle Seite betreffen oder auch f\u00fcr die anderen Seiten gelten sollen, die dieselbe Vorlage verwenden.<\/p>\n<p>Auf demselben Bildschirm werden auch die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50767\" target=\"_blank\" rel=\"noopener noreferrer\">Seitendetails<\/a> angezeigt.<\/p>\n<figure id=\"attachment_158713\" aria-describedby=\"caption-attachment-158713\" style=\"width: 2926px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158713 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-page-details.jpg\" alt=\"Seitendetails im Site Editor\" width=\"2926\" height=\"1826\"><figcaption id=\"caption-attachment-158713\" class=\"wp-caption-text\">Seitendetails im Site Editor<\/figcaption><\/figure>\n<p>Die Details umfassen derzeit:<\/p>\n<ul>\n<li>Status<\/li>\n<li>Slug<\/li>\n<li>Vorlage<\/li>\n<li>\u00dcbergeordnete<\/li>\n<li>W\u00f6rter<\/li>\n<li>Zeit zum Lesen<\/li>\n<li>Zuletzt ge\u00e4ndert<\/li>\n<\/ul>\n<h3>Vorlagen<\/h3>\n<p>Hier kannst du auf Seitenvorlagen zugreifen. An der Struktur des Bildschirms <strong>Vorlagen<\/strong> hat sich nicht viel ge\u00e4ndert. Wenn du jedoch mit WordPress 6.3 eine neue Vorlage erstellst, wird ein <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/24\/whats-new-in-gutenberg-15-2-22-february\/#enhancements-to-navigation-in-the-site-editor\" target=\"_blank\" rel=\"noopener noreferrer\">neues Modal-Overlay<\/a> mit einer Liste von Seiten angezeigt, die du f\u00fcr deine Vorlage ausw\u00e4hlen kannst.<\/p>\n<figure id=\"attachment_158449\" aria-describedby=\"caption-attachment-158449\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158449 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-add-template.jpg\" alt=\"Ein neues Modal bietet eine Liste von Standardseiten, aus der du bei der Erstellung einer neuen Vorlage ausw\u00e4hlen kannst\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158449\" class=\"wp-caption-text\">Ein neues Modal bietet eine Liste von Standardseiten, aus der du bei der Erstellung einer neuen Vorlage ausw\u00e4hlen kannst<\/figcaption><\/figure>\n<p>Im zweiten Schritt bietet ein neues Modal eine Liste von Blockmustern, die du f\u00fcr deine Vorlage verwenden kannst.<\/p>\n<figure id=\"attachment_158695\" aria-describedby=\"caption-attachment-158695\" style=\"width: 2118px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158695 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-choose-a-pattern.jpg\" alt=\"W\u00e4hle ein Muster bei der Vorlagenerstellung\" width=\"2118\" height=\"1442\"><figcaption id=\"caption-attachment-158695\" class=\"wp-caption-text\">W\u00e4hle ein Muster bei der Vorlagenerstellung<\/figcaption><\/figure>\n<h3>Muster<\/h3>\n<p>Der Verwaltungsbereich <strong>Muster<\/strong>, der <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/52102\" target=\"_blank\" rel=\"noopener noreferrer\">in einer fr\u00fcheren Version<\/a> Bibliothek hie\u00df, enth\u00e4lt eine Reihe bemerkenswerter \u00c4nderungen, die das System der Blockmuster betreffen. Dabei handelt es sich nicht nur um \u00c4nderungen an der Benutzeroberfl\u00e4che. Es handelt sich um eine General\u00fcberholung der gesamten Blockmuster-Architektur.<\/p>\n<figure id=\"attachment_158715\" aria-describedby=\"caption-attachment-158715\" style=\"width: 2324px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158715 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-my-patterns-1.jpg\" alt=\"Bildschirm Muster in WordPress 6.3\" width=\"2324\" height=\"1002\"><figcaption id=\"caption-attachment-158715\" class=\"wp-caption-text\">Bildschirm Muster in WordPress 6.3<\/figcaption><\/figure>\n<p>Im Verwaltungsbereich der <strong>Muster<\/strong> kannst du Vorlagenteile und Muster verwalten. Hier findest du ein Men\u00fc, \u00fcber das du Zugriff auf Vorlagenteile und Blockmuster hast, die nach Kategorien geordnet sind. Ein Schlosssymbol kennzeichnet Themenmuster, die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51990\" target=\"_blank\" rel=\"noopener noreferrer\">vom Nutzer nicht ge\u00e4ndert werden<\/a> k\u00f6nnen.<\/p>\n<figure id=\"attachment_158696\" aria-describedby=\"caption-attachment-158696\" style=\"width: 1824px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158696 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-patterns-admin-section.jpg\" alt=\"Vorlagenteile und Themenmuster im neuen Abschnitt Muster des Website-Editors\" width=\"1824\" height=\"1640\"><figcaption id=\"caption-attachment-158696\" class=\"wp-caption-text\">Vorlagenteile und Themesmuster im neuen Abschnitt Muster des Website-Editors<\/figcaption><\/figure>\n<p>In diesem Bereich kannst du neue Vorlagenteile und benutzerdefinierte Blockmuster erstellen und sie neben den Mustern deines Themes verwalten.<\/p>\n<figure id=\"attachment_158697\" aria-describedby=\"caption-attachment-158697\" style=\"width: 1330px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158697 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-template-part-and-pattern.jpg\" alt=\"Erstellen neuer Vorlagenteile und Blockmuster in WordPress 6.3\" width=\"1330\" height=\"1066\"><figcaption id=\"caption-attachment-158697\" class=\"wp-caption-text\">Erstellen neuer Vorlagenteile und Blockmuster in WordPress 6.3<\/figcaption><\/figure>\n<p>Wenn du auf die Schaltfl\u00e4che <strong>Muster erstellen<\/strong> klickst, erscheint ein neues Popup-Fenster, in dem du einen Namen f\u00fcr dein Muster vergeben und die Art des Musters festlegen kannst: <strong>synchronisiert<\/strong> oder <strong>nicht synchronisiert<\/strong>.<\/p>\n<figure id=\"attachment_158698\" aria-describedby=\"caption-attachment-158698\" style=\"width: 1934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158698 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-synced-pattern.jpg\" alt=\"Erstellen eines synchronisierten Musters in WordPress 6.3\" width=\"1934\" height=\"1290\"><figcaption id=\"caption-attachment-158698\" class=\"wp-caption-text\">Erstellen eines synchronisierten Musters in WordPress 6.3<\/figcaption><\/figure>\n<p>Sobald du mindestens ein benutzerdefiniertes Blockmuster erstellt hast, kannst du es unter <strong>Meine Muster<\/strong> aufrufen, das oben im Men\u00fc <strong>Muster<\/strong> angezeigt wird.<\/p>\n<figure id=\"attachment_158699\" aria-describedby=\"caption-attachment-158699\" style=\"width: 2324px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158699 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-my-patterns.jpg\" alt=\"Meine Muster in WordPress 6.3\" width=\"2324\" height=\"1002\"><figcaption id=\"caption-attachment-158699\" class=\"wp-caption-text\">Meine Muster in WordPress 6.3<\/figcaption><\/figure>\n<p>Du kannst dein Blockmuster ausw\u00e4hlen und ein neues Fenster \u00f6ffnen, in dem du die Details des Musters sehen kannst. Wenn du den Griff nach rechts oder links bewegst, kannst du eine Vorschau des Musters in verschiedenen Aufl\u00f6sungen sehen und seine Reaktionsf\u00e4higkeit \u00fcberpr\u00fcfen.<\/p>\n<p>Im Bereich <strong>Details<\/strong> wird der <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51954\" target=\"_blank\" rel=\"noopener noreferrer\">Synchronisierungsstatus des aktuellen Musters<\/a> angezeigt.<\/p>\n<figure id=\"attachment_158700\" aria-describedby=\"caption-attachment-158700\" style=\"width: 2324px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158700 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-custom-block-pattern-preview.jpg\" alt=\"Vorschau auf ein benutzerdefiniertes Blockmuster in WordPress 6.3\" width=\"2324\" height=\"1458\"><figcaption id=\"caption-attachment-158700\" class=\"wp-caption-text\">Vorschau auf ein benutzerdefiniertes Blockmuster in WordPress 6.3<\/figcaption><\/figure>\n<p>Am unteren Ende des Men\u00fcs Muster findest du au\u00dferdem zwei Links: <strong>Alle Vorlagenteile verwalten<\/strong> und <strong>Alle meine Muster verwalten<\/strong>. \u00dcber diese Links kannst du direkt auf die Vorlagenteile und benutzerdefinierten Muster zugreifen.<\/p>\n<p>Hier geht es um die neue Musterverwaltungsoberfl\u00e4che im Website-Editor. Jetzt wollen wir herausfinden, was sich an der Struktur und Funktionalit\u00e4t des <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-block-muster\/\">Blockmustersystems<\/a> \u00e4ndert.<\/p>\n<h2>Ein neues Blockmustersystem<\/h2>\n<p>Beginnend mit WordPress 6.3 (und <a href=\"https:\/\/make.wordpress.org\/core\/2023\/06\/29\/whats-new-in-gutenberg-16-1-29-june\/#your-templates-and-patterns-your-library\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 16.1<\/a>):<\/p>\n<ul>\n<li><strong>Wiederverwendbare Bl\u00f6cke<\/strong> wurden in <strong>Synced Patterns<\/strong> umbenannt,<\/li>\n<li>regul\u00e4re Blockmuster hei\u00dfen jetzt <strong>Nicht synchronisierte Muster<\/strong>,<\/li>\n<li>der benutzerdefinierte Beitragstyp <code>wp_block<\/code> wurde erweitert, um benutzerdefinierte Felder zu unterst\u00fctzen, und es wurde ein neues Metafeld <code>wp_block_sync_status<\/code> hinzugef\u00fcgt, um den Synchronisierungsstatus eines Musters zu speichern,<\/li>\n<li>die Eigenschaft <code>source<\/code> wurde dem Schema und der Antwort f\u00fcr Blockmuster hinzugef\u00fcgt, um zwischen Kern- und Benutzermustern zu unterscheiden,<\/li>\n<li>die REST-API wurde um ein neues Attribut erweitert<\/li>\n<\/ul>\n<figure id=\"attachment_158701\" aria-describedby=\"caption-attachment-158701\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158701 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-block-sync-status.png\" alt=\"Metafeld wp-block-sync-status \" width=\"1594\" height=\"54\"><figcaption id=\"caption-attachment-158701\" class=\"wp-caption-text\">Das Metafeld <code>wp_block_sync_status<\/code> wird verwendet, um den Synchronisationsstatus eines Blockmusters zu speichern<\/figcaption><\/figure>\n<p>Es ist jetzt klarer, dass <strong>alle \u00c4nderungen, die an einem synchronisierten Muster vorgenommen werden, auf jedes Vorkommen dieses Blocks auf deiner gesamten Website angewendet<\/strong> werden.<\/p>\n<p>Umgekehrt <strong>wirken sich \u00c4nderungen an einem nicht synchronisierten Blockmuster nur auf diese spezielle Instanz des Musters<\/strong> aus und werden nicht auf andere Instanzen angewendet, die du m\u00f6glicherweise zu anderen Beitr\u00e4gen oder Seiten deiner Website hinzugef\u00fcgt hast.<\/p>\n<p>Dank des neuen Musterverwaltungssystems kannst du jetzt synchronisierte und nicht synchronisierte Blockmuster direkt im Website- oder Beitragseditor erstellen, wo es fr\u00fcher nur m\u00f6glich war, <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-block-muster\/#reusable-blocks\">wiederverwendbare Bl\u00f6cke<\/a> (jetzt <strong>synchronisierte Muster<\/strong>) zu erstellen.<\/p>\n<p>Um diese neue Funktion im Beitragseditor auszuprobieren, \u00f6ffne dein WordPress-Dashboard und gehe zu <strong>Beitr\u00e4ge<\/strong> -&gt; <strong>Neu hinzuf\u00fcgen<\/strong>. Dort kannst du eine neue Gruppe von Bl\u00f6cken erstellen oder einfach die Bl\u00f6cke ausw\u00e4hlen, die du zu deinem Blockmuster hinzuf\u00fcgen m\u00f6chtest. W\u00e4hle dann <strong>Muster\/Wiederverwendbare Bl\u00f6cke erstellen<\/strong> aus dem Pop-up-Men\u00fc der Blocksymbolleiste.<\/p>\n<figure id=\"attachment_158702\" aria-describedby=\"caption-attachment-158702\" style=\"width: 1370px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158702 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-pattern-reusable-block.jpg\" alt=\"Muster\/Wiederverwendbare Bl\u00f6cke im Beitragseditor erstellen\" width=\"1370\" height=\"1152\"><figcaption id=\"caption-attachment-158702\" class=\"wp-caption-text\">Muster\/Wiederverwendbare Bl\u00f6cke im Beitragseditor erstellen<\/figcaption><\/figure>\n<p>Au\u00dferdem kannst du im Seiteneditor mit der Schaltfl\u00e4che <strong>Muster erstellen<\/strong> ein neues Vorlagenteil oder Muster erstellen.<\/p>\n<figure id=\"attachment_158703\" aria-describedby=\"caption-attachment-158703\" style=\"width: 1940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158703 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-new-pattern.jpg\" alt=\"Ein neues Muster im Site-Editor erstellen\" width=\"1940\" height=\"722\"><figcaption id=\"caption-attachment-158703\" class=\"wp-caption-text\">Ein neues Muster im Site-Editor erstellen<\/figcaption><\/figure>\n<p>Wenn du auf <strong>Musterteil erstellen<\/strong> klickst, \u00f6ffnet sich ein Modal\/Pop-up, in dem du einen Namen f\u00fcr dein Musterteil und den Bereich der Seite, f\u00fcr den das Musterteil bestimmt ist, eingeben kannst.<\/p>\n<figure id=\"attachment_158704\" aria-describedby=\"caption-attachment-158704\" style=\"width: 1934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158704 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-template-part.jpg\" alt=\"Vorlagenteil im Site-Editor erstellen\" width=\"1934\" height=\"1434\"><figcaption id=\"caption-attachment-158704\" class=\"wp-caption-text\">Vorlagenteil im Site-Editor erstellen<\/figcaption><\/figure>\n<p>Wenn du auf <strong>Vorlage erstellen<\/strong> klickst, \u00f6ffnet sich ein anderes Modal\/Pop-up, in dem du einen Namen f\u00fcr deine Vorlage festlegen und ausw\u00e4hlen kannst, ob du eine synchronisierte oder nicht synchronisierte Vorlage erstellen m\u00f6chtest.<\/p>\n<figure id=\"attachment_158705\" aria-describedby=\"caption-attachment-158705\" style=\"width: 1934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158705 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-pattern-2.jpg\" alt=\"Muster im Site-Editor erstellen\" width=\"1934\" height=\"1438\"><figcaption id=\"caption-attachment-158705\" class=\"wp-caption-text\">Muster im Site-Editor erstellen<\/figcaption><\/figure>\n<p>Best\u00e4tige und erstelle dein Muster oder deinen Vorlagenteil im Website-Editor.<\/p>\n<figure id=\"attachment_158706\" aria-describedby=\"caption-attachment-158706\" style=\"width: 2120px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158706 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-building-a-pattern.jpg\" alt=\"Erstellen eines Blockmusters im Site-Editor\" width=\"2120\" height=\"866\"><figcaption id=\"caption-attachment-158706\" class=\"wp-caption-text\">Erstellen eines Blockmusters im Site-Editor<\/figcaption><\/figure>\n<p>Wenn du mit deinen \u00c4nderungen zufrieden bist, speicherst du das Blockmuster und gehst zur\u00fcck zum Site-Editor. \u00d6ffne den Bereich <strong>Muster<\/strong> und klicke auf <strong>Alle meine Muster verwalten<\/strong>. Auf dem Bildschirm <strong>Muster<\/strong>\u00a0wird dein neues benutzerdefiniertes Blockmuster angezeigt.<\/p>\n<figure id=\"attachment_158707\" aria-describedby=\"caption-attachment-158707\" style=\"width: 2120px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158707 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-patterns-screen.jpg\" alt=\"Der Bildschirm Muster in WordPress 6.3\" width=\"2120\" height=\"950\"><figcaption id=\"caption-attachment-158707\" class=\"wp-caption-text\">Der Bildschirm <strong>Muster<\/strong> in WordPress 6.3<\/figcaption><\/figure>\n<p>Blockmuster nutzen auch die Vorteile des Seitenverh\u00e4ltnisses des Bildblocks. Wenn du jetzt ein Seitenverh\u00e4ltnis f\u00fcr ein Bild festlegst, bleibt es erhalten, wenn du das Bild durch ein anderes mit anderen Abmessungen ersetzt. Das ist <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/13\/core-editor-improvement-advancing-the-power-of-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">besonders bei Blockmustern n\u00fctzlich<\/a>, da du dich beim Ersetzen von Bildern in Blockmustern nicht mehr um die Bildgr\u00f6\u00dfe k\u00fcmmern musst.<\/p>\n<figure id=\"attachment_159324\" aria-describedby=\"caption-attachment-159324\" style=\"width: 2200px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159324 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-img-aspect-ratio-control.jpg\" alt=\"Das Bildblock-Seitenverh\u00e4ltnis-Kontrollk\u00e4stchen\" width=\"2200\" height=\"1224\"><figcaption id=\"caption-attachment-159324\" class=\"wp-caption-text\">Das Bildblock-Seitenverh\u00e4ltnis-Kontrollk\u00e4stchen<\/figcaption><\/figure>\n<p>Einen ausf\u00fchrlicheren \u00dcberblick \u00fcber die \u00c4nderungen am Blockmustersystem findest du in den PRs <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51078\" target=\"_blank\" rel=\"noopener noreferrer\">#51078<\/a>, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51144\" target=\"_blank\" rel=\"noopener noreferrer\">#51144<\/a> und <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/50028\" target=\"_blank\" rel=\"noopener noreferrer\">#50028<\/a>.<\/p>\n<h2>Stilrevisionen im Site-Editor angezeigt<\/h2>\n<p>Der Seiteneditor zeigt jetzt einen Revisionsverlauf an, in dem du die \u00c4nderungen durchsuchen und eine davon zur Wiederherstellung ausw\u00e4hlen kannst.<\/p>\n<p>Um den Revisionsverlauf aufzurufen, klicke auf die neue Schaltfl\u00e4che <strong>Revisionen<\/strong> im Stil-Panel.<\/p>\n<figure id=\"attachment_159326\" aria-describedby=\"caption-attachment-159326\" style=\"width: 2230px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159326 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-revisions.jpg\" alt=\"Zugriff auf den Revisionsverlauf in WordPress 6.3\" width=\"2230\" height=\"1300\"><figcaption id=\"caption-attachment-159326\" class=\"wp-caption-text\">Zugriff auf den Revisionsverlauf in WordPress 6.3<\/figcaption><\/figure>\n<p>In diesem Bereich wird eine Liste der \u00dcberarbeitungen in einer Zeitleiste angezeigt. Au\u00dferdem werden der Name des Autors f\u00fcr jede \u00dcberarbeitung sowie das Datum und die Uhrzeit jeder \u00dcberarbeitung in einem Tooltip angezeigt. Du kannst eine Vorschau aller \u00dcberarbeitungen sehen und diejenige ausw\u00e4hlen, die du wiederherstellen m\u00f6chtest.<\/p>\n<figure id=\"attachment_159327\" aria-describedby=\"caption-attachment-159327\" style=\"width: 2230px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159327 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-revision-history.jpg\" alt=\"Stilrevisionen in WordPress 6.3\" width=\"2230\" height=\"1302\"><figcaption id=\"caption-attachment-159327\" class=\"wp-caption-text\">Stilrevisionen in WordPress 6.3<\/figcaption><\/figure>\n<p>Du kannst in der Oberfl\u00e4che f\u00fcr globale Stile <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/20\/whats-new-in-gutenberg-15-8-may-17\/#add-revisions-ui-50089\" target=\"_blank\" rel=\"noopener noreferrer\">durch die \u00dcberarbeitungen navigieren<\/a>, eine Vorschau anzeigen und deine Inhalte jederzeit wiederherstellen.<\/p>\n<p>Die Entwicklung von Revisionen h\u00f6rt hier nicht auf. Mit dem \u00dcbergang zu Phase 3 werden die Revisionen von neuen Erg\u00e4nzungen und Verbesserungen betroffen sein, die ihre Benutzerfreundlichkeit weiter verbessern und neue Funktionen freischalten werden.<\/p>\n<h2>Die Befehlspalette<\/h2>\n<p>Die <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/31\/whats-new-in-gutenberg-15-9-31-may\/#command-tool\" target=\"_blank\" rel=\"noopener noreferrer\">Befehlspalette<\/a> ist eine neue Funktion, mit der du h\u00e4ufig genutzte Aktionen, wie das Springen zu anderen Seiten oder Vorlagen im Editor, \u00fcber Befehle ausf\u00fchren kannst.<\/p>\n<p>Klicke im Site Editor auf das Linsensymbol oder dr\u00fccke <code>cmd + k<\/code> (<code>ctrl + k<\/code> unter Windows und Linux). Dadurch wird die <strong>Befehlspalette<\/strong> ge\u00f6ffnet.<\/p>\n<p>Wenn du anf\u00e4ngst, einen Befehl einzugeben, schl\u00e4gt die Befehlspalette eine Reihe von Befehlen vor, aus denen du w\u00e4hlen kannst. So kannst du schnell Aufgaben erledigen oder bestimmte Bereiche des Site Editors erreichen.<\/p>\n<figure id=\"attachment_158315\" aria-describedby=\"caption-attachment-158315\" style=\"width: 1968px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158315 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/command-center-p.jpg\" alt=\"Die Befehlspalette in WordPress 6.3\" width=\"1968\" height=\"1286\"><figcaption id=\"caption-attachment-158315\" class=\"wp-caption-text\">Die Befehlspalette in WordPress 6.3<\/figcaption><\/figure>\n<p>Die <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/17\/command-center-request-for-feedback\/\" target=\"_blank\" rel=\"noopener noreferrer\">erste Implementierung<\/a> dieser Funktion bietet eine schnelle Suchfunktion und einige Aktionen wie das Navigieren im Site-Editor, das <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/48457\" target=\"_blank\" rel=\"noopener noreferrer\">Erstellen eines neuen Beitrags\/einer neuen Seite<\/a>, das Umschalten von UI-Elementen, das Zur\u00fccksetzen oder L\u00f6schen einer Vorlage oder eines Vorlagenteils und noch mehr. Weitere Befehle sollen in <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/50407\" target=\"_blank\" rel=\"noopener noreferrer\">zuk\u00fcnftigen Versionen<\/a> hinzugef\u00fcgt werden.<\/p>\n<p>Das neue Tool er\u00f6ffnet unz\u00e4hlige Anwendungsm\u00f6glichkeiten. Die Befehlspalette k\u00f6nnte zum Beispiel ben\u00f6tigt werden, um Gestaltungsoptionen f\u00fcr bestimmte Beitr\u00e4ge oder Seiten anzuzeigen.<\/p>\n<p>Dank der neuen <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/17\/introducing-the-wordpress-command-palette-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">Befehlspaletten-API<\/a> kannst du auch deine eigenen Befehle registrieren, um Befehle zu rendern, zu registrieren und zu deaktivieren.<\/p>\n<p>Es gibt verschiedene M\u00f6glichkeiten, Befehle zu registrieren, je nachdem, welche <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/17\/command-center-request-for-feedback\/\">Art von Befehl<\/a> du registrierst.<\/p>\n<ul>\n<li><strong>Statische Befehle:<\/strong> Entwickler k\u00f6nnen eigene statische Befehle mit der Aktion <code>wp.data.dispatch( wp.commands.store ).registerCommand<\/code> oder dem React-Hook <code>wp.data.useCommand<\/code> registrieren.<\/li>\n<li><strong>Dynamische Befehle:<\/strong> Diese Befehle werden in die Befehlsliste aufgenommen, je nachdem, welchen Suchbegriff der Nutzer in das Eingabefeld der Befehlspalette eingibt, oder wenn ein Befehl nur verf\u00fcgbar ist, wenn bestimmte Bedingungen erf\u00fcllt sind.<\/li>\n<li><strong>Kontextbezogene Befehle:<\/strong> Diese Befehle werden in bestimmten Kontexten bevorzugt, d.h. sie erscheinen automatisch im richtigen Kontext (z.B. wenn du eine Vorlage bearbeitest). Die Befehle <strong>Vorlage zur\u00fccksetzen<\/strong> und <strong>Vorlage l\u00f6schen<\/strong> sind Beispiele f\u00fcr kontextbezogene Befehle. Zurzeit sind zwei Kontexte implementiert worden:\n<ul>\n<li><strong>site-Editor:<\/strong> Dieser Kontext wird eingestellt, wenn du im Site-Editor navigierst<\/li>\n<li><strong>site-editor-edit:<\/strong> Dieser Kontext wird gesetzt, wenn du etwas (Vorlage, Vorlagenteil oder Seite) im Editor bearbeitest<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Du kannst die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51169\" target=\"_blank\" rel=\"noopener noreferrer\">Liste der verf\u00fcgbaren Befehle<\/a> unter <code>wp.data.select( wp.commands.store ).getCommands()<\/code> in der Konsole des Browsers abrufen.<\/p>\n<figure id=\"attachment_159079\" aria-describedby=\"caption-attachment-159079\" style=\"width: 2416px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159079 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-get-commands.jpg\" alt=\"Auflistung der Befehle in WordPress 6.3\" width=\"2416\" height=\"1246\"><figcaption id=\"caption-attachment-159079\" class=\"wp-caption-text\">Auflistung der Befehle in WordPress 6.3<\/figcaption><\/figure>\n<p>Die Befehlspalette ist zun\u00e4chst in den Editoren f\u00fcr Beitr\u00e4ge und Websites verf\u00fcgbar und soll in Zukunft auf den gesamten Adminbereich ausgeweitet werden.<\/p>\n<p>Eine Vorschau auf die Befehlspalette f\u00fcr Entwickler findest du in der <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/17\/command-center-request-for-feedback\/\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00fcckrufbitte<\/a>.<\/p>\n<h2>Zus\u00e4tzliche Funktionen und Verbesserungen f\u00fcr den Site-Editor<\/h2>\n<p>Zus\u00e4tzlich zu den Funktionen und Verbesserungen, die in den vorherigen Abschnitten beschrieben wurden, bringt WordPress 6.3<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Theme-Vorschau im Site-Editor<\/h3>\n<p>Ab 6.3 erm\u00f6glicht ein neuer <code>theme_preview<\/code> Parameter, dass jedes Block-Theme im Site-Editor geladen und vor der Aktivierung in der Vorschau angezeigt werden kann.<\/p>\n<figure id=\"attachment_159075\" aria-describedby=\"caption-attachment-159075\" style=\"width: 2414px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159075 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-theme-preview.jpg\" alt=\"Vorschau des TT1 Blocks-Themes im Seiteneditor\" width=\"2414\" height=\"1364\"><figcaption id=\"caption-attachment-159075\" class=\"wp-caption-text\">Vorschau des TT1 Blocks-Themes im Seiteneditor<\/figcaption><\/figure>\n<p>Um eine Vorschau eines Blockthemes zu sehen, navigiere zum Bildschirm <strong>Erscheinungsbild<\/strong> &gt; <strong>Themes<\/strong> und fahre mit der Maus \u00fcber ein beliebiges Blocktheme. \u00dcber jedem Blocktheme solltest du eine Schaltfl\u00e4che f\u00fcr die <strong>Live-Vorschau<\/strong> sehen. Klicke einfach auf diese Schaltfl\u00e4che, um die Vorschau des Themes im Seiteneditor zu \u00f6ffnen. Bei Themes, die keine Blockthemes sind, wird \u00fcber die Schaltfl\u00e4che <strong>Live-Vorschau<\/strong> der Theme Customizer gestartet.<\/p>\n<h3>Verbesserungen am Ladezustand<\/h3>\n<p>Mit WordPress 6.3 wurde der Ladezustand des Editors verbessert, um zu verhindern, dass der Benutzer mit dem Editor interagiert, bevor er vollst\u00e4ndig geladen ist.<\/p>\n<figure id=\"attachment_157550\" aria-describedby=\"caption-attachment-157550\" style=\"width: 2166px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-157550 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/06\/loading-site-editor.jpg\" alt=\"Jetzt kann der Nutzer erst mit dem Editor interagieren, wenn der Ladevorgang abgeschlossen ist\" width=\"2166\" height=\"1356\"><figcaption id=\"caption-attachment-157550\" class=\"wp-caption-text\">Jetzt kann der Nutzer erst mit dem Editor interagieren, wenn der Ladevorgang abgeschlossen ist<\/figcaption><\/figure>\n<h3>Ablenkungsfreier Modus<\/h3>\n<p>WordPress 6.3 f\u00fchrt einen <a href=\"https:\/\/make.wordpress.org\/core\/2023\/06\/29\/whats-new-in-gutenberg-16-1-29-june\/#create-your-site-without-distraction\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>ablenkungsfreien<\/strong> Bearbeitungsmodus<\/a> f\u00fcr den Editor ein. Das ist die gleiche Funktion, die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#distraction-free-mode\">seit WordPress 6.2<\/a> auch im Beitragseditor verf\u00fcgbar ist<\/p>\n<figure id=\"attachment_159311\" aria-describedby=\"caption-attachment-159311\" style=\"width: 2232px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159311 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-distraction-free-mode.jpg\" alt=\"Ablenkungsfreier Modus im Seiteneditor\" width=\"2232\" height=\"890\"><figcaption id=\"caption-attachment-159311\" class=\"wp-caption-text\">Ablenkungsfreier Modus im Seiteneditor<\/figcaption><\/figure>\n<p>Du kannst diese Funktion in den Optionen des Site-Editors aktivieren. Sobald der ablenkungsfreie Modus aktiviert ist, verschwinden Seiten- und Symbolleisten und du kannst dich ganz auf deine Bearbeitung konzentrieren.<\/p>\n<h3>Zus\u00e4tzliche UI-Verbesserungen<\/h3>\n<ul>\n<li>Eine neue <code>&lt;ViewLink&gt;<\/code> Komponente zeigt jetzt eine Schaltfl\u00e4che an, mit der du jeden ver\u00f6ffentlichten Beitragstyp in einem neuen Fenster \u00f6ffnen kannst. Dies ist eine kleine, aber n\u00fctzliche Funktion, mit der du den aktuellen Beitragstyp anzeigen kannst, ohne in der Einstellungsseitenleiste nach dem Link suchen zu m\u00fcssen (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50260\" target=\"_blank\" rel=\"noopener noreferrer\">#50260<\/a>)<\/li>\n<li>Die Beschreibungen der Vorlagen <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/22\/whats-new-in-gutenberg-15-4-22-march\/#updated-template-descriptions\" target=\"_blank\" rel=\"noopener noreferrer\">wurden verbessert<\/a>, um besser zu erkl\u00e4ren, was jede Vorlage genau macht. Das sollte den Nutzern helfen, die richtige Vorlage f\u00fcr die Anpassung im Seiteneditor auszuw\u00e4hlen.<\/li>\n<li>Bisher waren die Duotone-Filtereinstellungen nur in der Block-Symbolleiste verf\u00fcgbar. Mit 6.3 sind die Duotone-Einstellungen jetzt \u00fcber die Seitenleiste der Einstellungen verf\u00fcgbar (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49838\" target=\"_blank\" rel=\"noopener noreferrer\">#49838<\/a>)<\/li>\n<li>Vor WordPress 6.3 waren gro\u00dfe Schriftarten auf kleinen Bildschirmen nicht ausreichend skalierbar. Jetzt skaliert die fl\u00fcssige Typografie dank eines logarithmischen Skalierungsfaktors, der zur Berechnung der Mindestschriftgr\u00f6\u00dfe f\u00fcr kleine Bildschirme verwendet wird, reibungslos (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49707\" target=\"_blank\" rel=\"noopener noreferrer\">#49707<\/a>)<\/li>\n<\/ul>\n<h2>Neue Bl\u00f6cke und verbesserte Design-Tools<\/h2>\n<p>WordPress 6.3 liefert au\u00dferdem zwei n\u00fctzliche Bl\u00f6cke, die viele Inhaltsautoren gl\u00fccklich machen d\u00fcrften.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"5\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Neuer Fu\u00dfnoten-Block<\/h3>\n<p>WordPress 6.3 bringt uns auch einen sehr n\u00fctzlichen <strong>Fu\u00dfnoten<\/strong>-Block.<\/p>\n<figure id=\"attachment_159092\" aria-describedby=\"caption-attachment-159092\" style=\"width: 980px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159092 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-add-footnote.jpg\" alt=\"Hinzuf\u00fcgen einer Fu\u00dfnote zu einem Textblock\" width=\"980\" height=\"863\"><figcaption id=\"caption-attachment-159092\" class=\"wp-caption-text\">Hinzuf\u00fcgen einer Fu\u00dfnote zu einem Textblock<\/figcaption><\/figure>\n<p>Mit <a href=\"https:\/\/make.wordpress.org\/core\/2023\/06\/29\/whats-new-in-gutenberg-16-1-29-june\/#text-blocks-now-with-footnotes\" target=\"_blank\" rel=\"noopener noreferrer\">dieser gro\u00dfartigen Erg\u00e4nzung<\/a> ist das Hinzuf\u00fcgen einer Fu\u00dfnote zu einem Textblock (Absatz, \u00dcberschrift und Listen) nur noch ein paar Klicks entfernt. Platziere den Cursor an der Stelle, an der du den Link hinzuf\u00fcgen m\u00f6chtest, und klicke auf die Schaltfl\u00e4che <strong>Fu\u00dfnote<\/strong> im Kontextmen\u00fc des Blocks. Dadurch wird eine Fu\u00dfnote am Ende der Seite hinzugef\u00fcgt.<\/p>\n<figure id=\"attachment_159090\" aria-describedby=\"caption-attachment-159090\" style=\"width: 1878px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159090 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-footnotes-block.jpg\" alt=\"Der Fu\u00dfnotenblock in WordPress 6.3\" width=\"1878\" height=\"782\"><figcaption id=\"caption-attachment-159090\" class=\"wp-caption-text\">Der Fu\u00dfnotenblock in WordPress 6.3<\/figcaption><\/figure>\n<p>Der Fu\u00dfnotenblock f\u00fcgt automatisch Fu\u00dfnoten hinzu, entfernt sie und ordnet sie neu an, w\u00e4hrend du deinen Text bearbeitest. Das ist besonders bei langen Artikeln sehr n\u00fctzlich.<\/p>\n<h3>Neuer Details-Block<\/h3>\n<p>Mit dem neuen <a href=\"https:\/\/make.wordpress.org\/core\/2023\/04\/19\/whats-new-in-gutenberg-15-6-19-april\/#details-block-experimental\">Block &#8222;Details&#8220;<\/a> kannst du einen Teil des Inhalts ausblenden, bis der Leser bereit ist, deine FAQ zu lesen, dein Video anzusehen oder deinen tollen Podcast anzuh\u00f6ren.<\/p>\n<figure id=\"attachment_159224\" aria-describedby=\"caption-attachment-159224\" style=\"width: 1396px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159224 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-details-block.png\" alt=\"Ein leerer Details-Block mit Zusammenfassung und verstecktem Inhalt\" width=\"1396\" height=\"382\"><figcaption id=\"caption-attachment-159224\" class=\"wp-caption-text\">Ein leerer Details-Block mit Zusammenfassung und verstecktem Inhalt<\/figcaption><\/figure>\n<p>Der neue Block besteht aus zwei separaten Elementen: der Zusammenfassung und dem versteckten Inhalt. Standardm\u00e4\u00dfig ist der Inhalt ausgeblendet, aber du kannst diese Einstellung in der Seitenleiste der Blockeinstellungen \u00e4ndern.<\/p>\n<figure id=\"attachment_159495\" aria-describedby=\"caption-attachment-159495\" style=\"width: 2230px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159495 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-details-block-open.jpg\" alt=\"Ein Details-Block mit einer Zusammenfassung und einem Videoinhalt\" width=\"2230\" height=\"1228\"><figcaption id=\"caption-attachment-159495\" class=\"wp-caption-text\">Ein Details-Block mit einer Zusammenfassung und einem Videoinhalt<\/figcaption><\/figure>\n<p>Der Block verwendet ein <code>details<\/code> Element mit einem Rich-Text <code>summary<\/code> und ein <code>div<\/code>, das das versteckte Element enth\u00e4lt (siehe auch PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45055\" target=\"_blank\" rel=\"noopener noreferrer\">#45055<\/a>).<\/p>\n<h3>Verbesserungen am Cover Block<\/h3>\n<p>Der Titelblock wurde um <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/22\/whats-new-in-gutenberg-15-4-22-march\/#color-and-layout-support-for-cover-block\" target=\"_blank\" rel=\"noopener noreferrer\">einige Designfunktionen<\/a> erweitert, die die Nutzung einfacher machen und mehr M\u00f6glichkeiten zur Anpassung bieten.<\/p>\n<p>Erstens unterst\u00fctzt der Titelblock jetzt das <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/41572\" target=\"_blank\" rel=\"noopener noreferrer\">Tool zur Gestaltung der Textfarbe<\/a>. Dank dieser Erweiterung k\u00f6nnen Nutzer\/innen und Themesautor\/innen die Farbe f\u00fcr alle inneren Bl\u00f6cke \u00e4ndern, indem sie einfach die Textfarbe des Cover-Blocks einstellen. Au\u00dferdem ist es jetzt einfacher, Transformationen aus dem Medien- und Textblock zu bearbeiten, da die Textfarben jetzt nahtlos an die resultierenden Bl\u00f6cke weitergegeben werden.<\/p>\n<figure id=\"attachment_159312\" aria-describedby=\"caption-attachment-159312\" style=\"width: 2016px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159312 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-cover-block-text-color.jpg\" alt=\"Der Cover-Block unterst\u00fctzt jetzt das Tool zur Gestaltung der Textfarbe\" width=\"2016\" height=\"1278\"><figcaption id=\"caption-attachment-159312\" class=\"wp-caption-text\">Der Cover-Block unterst\u00fctzt jetzt das Tool zur Gestaltung der Textfarbe<\/figcaption><\/figure>\n<p>Eine weitere Neuerung im Cover-Block, die mit WordPress 6.3 eingef\u00fchrt wird, ist die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/41153\" target=\"_blank\" rel=\"noopener noreferrer\">Unterst\u00fctzung f\u00fcr alle randbezogenen Design-Tools<\/a>. Diese Neuerung sollte den Bedarf an benutzerdefiniertem Blockstyling verringern.<\/p>\n<figure id=\"attachment_159313\" aria-describedby=\"caption-attachment-159313\" style=\"width: 2014px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159313 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-cover-block-border-controls.jpg\" alt=\"Rahmenkontrollen f\u00fcr den Cover-Block\" width=\"2014\" height=\"1276\"><figcaption id=\"caption-attachment-159313\" class=\"wp-caption-text\">Rahmenkontrollen f\u00fcr den Cover-Block<\/figcaption><\/figure>\n<p>Mit WordPress 6.3 erh\u00e4lt der Cover-Block auch Unterst\u00fctzung f\u00fcr ein <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45326\" target=\"_blank\" rel=\"noopener noreferrer\">eingeschr\u00e4nktes\/Fluss-Layout<\/a>, das nun wie beim Gruppen-Block gehandhabt werden kann. Diese \u00c4nderung sorgt f\u00fcr mehr Konsistenz bei der Handhabung des Layouts und sollte es sowohl den Nutzern als auch den Theme-Entwicklern erleichtern, ihre Anpassungen vorzunehmen.<\/p>\n<figure id=\"attachment_159314\" aria-describedby=\"caption-attachment-159314\" style=\"width: 2014px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159314 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-cover-block-layout-settings.jpg\" alt=\"Layout-Einstellungen f\u00fcr den Cover-Block\" width=\"2014\" height=\"1060\"><figcaption id=\"caption-attachment-159314\" class=\"wp-caption-text\">Layout-Einstellungen f\u00fcr den Cover-Block<\/figcaption><\/figure>\n<p>Theme-Entwickler sollten jedoch einige Tests mit ihren bestehenden Themes durchf\u00fchren, da das Block-Layout-System m\u00f6glicherweise die benutzerdefinierten Implementierungen au\u00dfer Kraft setzt.<\/p>\n<h3>Verbesserter Duotone-Filter<\/h3>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/13\/whats-new-in-gutenberg-15-3-13-march\/#leveling-up-duotone\" target=\"_blank\" rel=\"noopener noreferrer\">Einige \u00c4nderungen<\/a> verbessern die Art und Weise, wie wir den Duotone-Filter verwenden.<\/p>\n<p>Erstens kannst du den Duotone-Filter jetzt global im Stil-Panel des Site-Editors einstellen. Bisher konntest du Duotone-Filter nur global in der <em>theme.json<\/em> anwenden.<\/p>\n<figure id=\"attachment_159315\" aria-describedby=\"caption-attachment-159315\" style=\"width: 2012px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159315 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-duotone-filter.jpg\" alt=\"Anwendung des Duotone-Filters im Stil-Panel des Seiteneditors\" width=\"2012\" height=\"1036\"><figcaption id=\"caption-attachment-159315\" class=\"wp-caption-text\">Anwendung des Duotone-Filters im Stil-Panel des Seiteneditors<\/figcaption><\/figure>\n<p>Dies ist m\u00f6glich, weil Duotone-Werte jetzt mit Farbslugs statt mit Farbwerten festgelegt werden. Das bedeutet auch, dass du die Duotone-Werte einmal festlegen und unabh\u00e4ngig vom aktuellen Theme oder der Theme-Variation anwenden kannst, solange sie denselben Slug verwenden.<\/p>\n<p>Und schlie\u00dflich werden Duotone-Stile jetzt mit der <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-style-engine\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Style Engine<\/a> generiert und mit <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/48281\" target=\"_blank\" rel=\"noopener noreferrer\">blockunterst\u00fctztem CSS<\/a> gespeichert, anstatt inlined zu sein.<\/p>\n<h3>Zus\u00e4tzliche Verbesserungen<\/h3>\n<ul>\n<li>Der <strong>Button<\/strong>-Block unterst\u00fctzt jetzt Farbe, Stil und Breite des Rahmens (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/44574\" target=\"_blank\" rel=\"noopener noreferrer\">#44574<\/a>)<\/li>\n<li>Die <strong>L\u00e4nge der Ausz\u00fcge<\/strong> kann jetzt im Post Excerpt Block eingestellt werden (PR #44964)<\/li>\n<li>Du kannst jetzt das Seitenverh\u00e4ltnis des <strong>Post Featured Image<\/strong>-Blocks einstellen (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/47854\" target=\"_blank\" rel=\"noopener noreferrer\">#47854<\/a>)<\/li>\n<li>Die Schnittstelle f\u00fcr globale Stile enth\u00e4lt jetzt Steuerelemente f\u00fcr Farbe und Typografie f\u00fcr das Element Caption (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49141\" target=\"_blank\" rel=\"noopener noreferrer\">#49141<\/a>)<\/li>\n<li>Der Block Post Date wurde um eine Variante des <strong>Post Modified Date<\/strong> erg\u00e4nzt. Sie ist n\u00fctzlich, wenn du schnell das <a href=\"https:\/\/kinsta.com\/de\/blog\/zuletzt-aktualisiert\/\">\u00c4nderungsdatum des Beitrags<\/a> anstelle des Ver\u00f6ffentlichungsdatums einf\u00fcgen m\u00f6chtest (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49111\" target=\"_blank\" rel=\"noopener noreferrer\">#49111<\/a>)<\/li>\n<li>Das Website-Logo kann jetzt in der Seitenleiste ersetzt werden (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49992\" target=\"_blank\" rel=\"noopener noreferrer\">#49992<\/a>)<\/li>\n<\/ul>\n<h2>Leistungsverbesserungen und \u00c4nderungen f\u00fcr Entwickler<\/h2>\n<p>WordPress 6.3 bringt auch viele \u00c4nderungen und neue Funktionen mit sich, die die Leistung der Website und die Arbeitsabl\u00e4ufe der Entwickler verbessern sollen. Unter den vielen Neuerungen haben wir die folgenden ausgew\u00e4hlt:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"5\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Wegfall der Unterst\u00fctzung f\u00fcr PHP 5<\/h3>\n<p>Ab WordPress 6.3 wird <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/05\/dropping-support-for-php-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">PHP 5 nicht mehr unterst\u00fctzt<\/a>. Die neue Version, ab der WordPress PHP unterst\u00fctzt, wird PHP 7.0.0 sein. Die <a href=\"https:\/\/wordpress.org\/about\/requirements\/\" target=\"_blank\" rel=\"noopener noreferrer\">empfohlene PHP-Version<\/a> ist 7.4 oder h\u00f6her. 7.4 ist mit <a href=\"https:\/\/wordpress.org\/about\/stats\/\" target=\"_blank\" rel=\"noopener noreferrer\">50,8 % der WordPress-Websites<\/a> auch die am h\u00e4ufigsten verwendete Version.<\/p>\n<figure id=\"attachment_159350\" aria-describedby=\"caption-attachment-159350\" style=\"width: 1030px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159350 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wordpress-stats.png\" alt=\"Verwendete PHP-Versionen auf bestehenden WordPress-Websites ab Juli 2023\" width=\"1030\" height=\"1004\"><figcaption id=\"caption-attachment-159350\" class=\"wp-caption-text\">Verwendete PHP-Versionen auf bestehenden WordPress-Websites ab Juli 2023 (Bildquelle: <a href=\"https:\/\/wordpress.org\/about\/stats\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress.org<\/a>)<\/figcaption><\/figure>\n<p>Dies ist nicht nur f\u00fcr Entwickler\/innen wichtig, sondern f\u00fcr alle WordPress-Nutzer\/innen, da es die Sicherheit und Leistung deiner Website verbessert.<\/p>\n<p>Das ist auch der Grund, warum Kinsta Hosting nur <a href=\"https:\/\/kinsta.com\/de\/blog\/php-versionen\/\">unterst\u00fctzte PHP-Versionen<\/a> zul\u00e4sst. Wir f\u00fchren regelm\u00e4\u00dfig unsere <a href=\"https:\/\/kinsta.com\/de\/blog\/php-benchmarks\/\">Performance-Benchmarks<\/a> der unterst\u00fctzten PHP-Versionen durch, um die Leistungsverbesserungen neuerer Versionen zu \u00fcberpr\u00fcfen.<\/p>\n<figure id=\"attachment_159351\" aria-describedby=\"caption-attachment-159351\" style=\"width: 2288px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159351 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/supported-php-versions-july-2023.png\" alt=\"Unterst\u00fctzte PHP-Versionen (Stand: Juli 2023)\" width=\"2288\" height=\"1528\"><figcaption id=\"caption-attachment-159351\" class=\"wp-caption-text\">Unterst\u00fctzte PHP-Versionen (Stand: Juli 2023) (Bildquelle: <a href=\"https:\/\/www.php.net\/supported-versions.php\" target=\"_blank\" rel=\"noopener noreferrer\">PHP.net<\/a>)<\/figcaption><\/figure>\n<h3>Leistungsverbesserungen beim Laden von Bildern<\/h3>\n<p>Seit WordPress 6.3 wird dem Bild das Attribut <code>fetchpriority<\/code> mit dem Wert <code>\"high\"<\/code> zugewiesen, um festzustellen, ob es sich um ein LCP-Bild (Largest Contentful Paint) handelt. Das <a href=\"https:\/\/web.dev\/lcp\/#what-is-lcp\" target=\"_blank\" rel=\"noopener noreferrer\">Largest Contentful Paint<\/a> ist eine Metrik, die die Renderzeit des gr\u00f6\u00dften Elements innerhalb des Viewports angibt.<\/p>\n<p>Das Attribut <code>fetchpriority<\/code> weist den Browser an, <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/HTMLImageElement\/fetchPriority\" target=\"_blank\" rel=\"noopener noreferrer\">diesem Bild Vorrang zu geben<\/a>, noch bevor das Layout berechnet wurde.<\/p>\n<p>Eine weitere Verbesserung ist die automatische Handhabung des Lazy Loading von Bildern mit dem <code>loading<\/code> Attribut. Dieses Attribut wurde zum ersten Mal in <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-5\/#native-image-lazyloading-in-wordpress-core\">WordPress 5.5<\/a> eingef\u00fchrt und dann mit WordPress 5.9 verbessert, sodass das <code>loading=\"lazy\"<\/code> Attribut f\u00fcr das erste Inhaltsbild weggelassen wurde (siehe <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-9\/#lazy-loading-performance-improvements\">Leistungsverbesserungen beim Lazy Loading<\/a> in WordPress 5.9). Jetzt, mit WordPress 6.3, sollten alle verbleibenden Probleme behoben worden sein, was zu guten Leistungsverbesserungen f\u00fchrt.<\/p>\n<p>Die beiden Attribute <code>fetchpriority<\/code> und <code>loading<\/code> werden jetzt von der neuen Funktion <code>wp_get_loading_optimization_attributes()<\/code> gesteuert. Diese Funktion gibt ein assoziatives Array von Attributen zur\u00fcck, um die Ladeleistung zu optimieren. Derzeit sind die m\u00f6glichen Attribute, die von dieser Funktion zur\u00fcckgegeben werden, folgende:<\/p>\n<ul>\n<li><code>loading<\/code> mit einem Wert von <code>\"lazy\"<\/code><\/li>\n<li><code>fetchpriority<\/code> mit einem Wert von <code>\"high\"<\/code><\/li>\n<\/ul>\n<p>Beachte, dass kein Element beide Attribute enthalten sollte, da sie sich gegenseitig ausschlie\u00dfen. Sollte ein Element beide Attribute enthalten, wird eine Warnung ausgel\u00f6st.<\/p>\n<p>Einen ausf\u00fchrlicheren \u00dcberblick \u00fcber die Funktion <code>wp_get_loading_optimization_attributes()<\/code> und die Attribute <code>fetchpriority<\/code> und <code>loading<\/code> mit Anwendungsbeispielen findest du unter <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/13\/image-performance-enhancements-in-wordpress-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">Leistungsverbesserungen f\u00fcr Bilder in WordPress 6.3<\/a>.<\/p>\n<h3>Unterst\u00fctzung f\u00fcr die HTML 5-Attribute <code>async<\/code> und <code>defer<\/code><\/h3>\n<p><code>async<\/code> und <code>defer<\/code> sind <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/scripting.html#attr-script-async\" target=\"_blank\" rel=\"noopener noreferrer\">zwei HTML 5-Attribute<\/a>, die den Browser anweisen, <a href=\"https:\/\/kinsta.com\/de\/blog\/parsen-von-javascript-verzogert\/#the-different-methods-to-defer-parsing-of-javascript\">JavaScript herunterzuladen, ohne das HTML-Parsing zu unterbrechen<\/a>.<\/p>\n<p>Es gibt einen entscheidenden Unterschied zwischen den beiden Attributen:<\/p>\n<ul>\n<li>Skripte mit dem Attribut <code>async<\/code> werden asynchron ausgef\u00fchrt, sobald sie geladen sind. Sobald das Skript geladen ist, unterbricht der Browser das Parsen des HTML und f\u00fchrt das Skript aus.\n<ul>\n<li>Skripte mit dem Attribut <code>defer<\/code> werden erst ausgef\u00fchrt, wenn das Parsen der Seite abgeschlossen ist.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/registering-scripts-with-async-and-defer-attributes-in-wordpress-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">Seit WordPress 6.3<\/a> kannst du Skripte mit den Attributen <code>async<\/code> und <code>defer<\/code> registrieren, indem du den booleschen Parameter <code>$in_footer<\/code> der Funktionen <code>wp_register_script()<\/code> oder <code>wp_enqueue_script()<\/code> verwendest (siehe auch <a href=\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/\" target=\"_blank\" rel=\"noopener noreferrer\">Wie du deine Assets in WordPress einreihst<\/a>).<\/p>\n<p>Dieser Parameter wurde \u00fcberladen und akzeptiert jetzt einen neuen <code>$args<\/code> Array-Parameter, mit dem du eine Ladestrategie f\u00fcr deine Skripte festlegen kannst.<\/p>\n<p>Hier ist ein Beispiel daf\u00fcr, wie du eine Aufschubstrategie in der PHP-Datei eines Plugins mit <code>wp_register_script<\/code> definierst (der Code w\u00e4re derselbe mit <code>wp_enqueue_script<\/code>):<\/p>\n<pre><code class=\"language-php\">wp_register_script( \n\t'custom-script', \n\tplugins_url( '\/js\/custom-script.js' , __FILE__ ), \n\tarray(), \n\t'1.0.0', \n\tarray(\n\t\t'strategy' =&gt; 'defer'\n\t) \n);<\/code><\/pre>\n<p>Die Abw\u00e4rtskompatibilit\u00e4t ist gew\u00e4hrleistet, so dass du WordPress weiterhin anweisen kannst, dein Skript in der Fu\u00dfzeile zu laden:<\/p>\n<pre><code class=\"language-php\">wp_register_script( \n\t'custom-script', \n\tplugins_url( '\/js\/custom-script.js' , __FILE__ ), \n\tarray(), \n\t'1.0.0', \n\tarray(\n\t\t'in_footer' =&gt; true,\n\t\t'strategy' =&gt; 'defer'\n\t) \n);<\/code><\/pre>\n<p>Dank der neuen Implementierungen ist es jetzt m\u00f6glich, zu verhindern, dass ein Skript in einer unerwarteten Reihenfolge im Skript-Abh\u00e4ngigkeitsbaum geladen wird, was mit den vor WordPress 6.3 verf\u00fcgbaren Tools nicht m\u00f6glich war. Einen ausf\u00fchrlicheren \u00dcberblick \u00fcber die \u00c4nderungen an der Skript-API mit zus\u00e4tzlichen Beispielen und technischen Details findest du in Simon Dowdles <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/registering-scripts-with-async-and-defer-attributes-in-wordpress-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dev Note<\/a>.<\/p>\n<h3>Entwicklungsmodus<\/h3>\n<p>Mit WordPress 6.3 wird ein <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/configuring-development-mode-in-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">neuer Entwicklungsmodus<\/a> eingef\u00fchrt, den Entwickler mithilfe einer neuen Konstante <code>WP_DEVELOPMENT_MODE<\/code> aktivieren k\u00f6nnen. Diese neue Konstante wird f\u00fcr jede Entwicklungsseite empfohlen und ihr Wert h\u00e4ngt von der Art der Entwicklung ab.<\/p>\n<p>Die Konstante <code>WP_DEVELOPMENT_MODE<\/code>\u00a0kann einen der folgenden m\u00f6glichen Werte annehmen:<\/p>\n<ul>\n<li><code>core<\/code> &#8211; Wird verwendet, um anzuzeigen, dass eine Website als Kernentwicklungsumgebung verwendet wird.<\/li>\n<li><code>plugin<\/code> &#8211; Wird f\u00fcr die Entwicklung von Plugins verwendet.<\/li>\n<li><code>theme<\/code> &#8211; Wird f\u00fcr die Entwicklung von Themes verwendet.<\/li>\n<li><code>all<\/code> &#8211; Damit wird angegeben, dass eine Website f\u00fcr alle drei Arten der Entwicklung genutzt wird.<\/li>\n<li>Ein leerer String ist die Standardeinstellung und zeigt an, dass die Website nicht als Entwicklungsumgebung genutzt wird.<\/li>\n<\/ul>\n<p><code>WP_DEVELOPMENT_MODE<\/code> sollte nur in Entwicklungsinstallationen verwendet werden. In der Produktion ist sie nicht relevant.<\/p>\n<p>Der Entwicklungsmodus wirkt sich auf einige Low-Level-Aspekte des WordPress-Verhaltens aus. Zum Zeitpunkt der Erstellung dieses Artikels betrifft der einzige Unterschied das Caching der Datei theme.json, das umgangen wird, wenn <code>WP_DEVELOPMENT_MODE<\/code> auf <code>'theme'<\/code> eingestellt ist.<\/p>\n<p><code>WP_DEVELOPMENT_MODE<\/code> funktioniert anders als die Konstanten <code>WP_DEBUG<\/code> und <code>WP_ENVIRONMENT_TYPE<\/code>, die normalerweise in der Entwicklung verwendet werden, da <code>WP_DEBUG<\/code> und <code>WP_ENVIRONMENT_TYPE<\/code> das Verhalten von WordPress in keiner Weise beeinflussen. Du w\u00fcrdest wahrscheinlich <code>WP_DEVELOPMENT_MODE<\/code> verwenden, wenn <code>WP_ENVIRONMENT_TYPE<\/code> entweder <code>'development'<\/code> oder <code>'local'<\/code> ist, denn die Entwicklung <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-einzurichten\/\">sollte nie auf Live-Websites stattfinden<\/a>.<\/p>\n<p>Auf diese Weise kannst du den Entwicklungsmodus aktivieren:<\/p>\n<pre><code class=\"language-php\">define( 'WP_DEVELOPMENT_MODE', 'theme' );<\/code><\/pre>\n<p>WordPress 6.3 f\u00fchrt auch eine neue Funktion <code>wp_in_development_mode()<\/code> ein, mit der du \u00fcberpr\u00fcfen kannst, ob sich deine Website im Entwicklungsmodus befindet. Mit der neuen Funktion kannst du auch \u00fcberpr\u00fcfen, welche Art von Entwicklungsmodus gerade aktiv ist. Daf\u00fcr gibt es den Parameter <code>$mode<\/code>, dessen m\u00f6gliche Werte <code>'core'<\/code>, <code>'plugin'<\/code> und <code>'theme'<\/code> sind:<\/p>\n<pre><code class=\"language-php\">if ( wp_in_development_mode( 'theme' ) ) { ... }<\/code><\/pre>\n<p>Du kannst den aktuellen Wert von <code>WP_DEVELOPMENT_MODE<\/code> auch im <strong>Info<\/strong>-Panel des <strong>Site Health<\/strong> Tools \u00fcberpr\u00fcfen.<\/p>\n<h3>Zus\u00e4tzliche \u00c4nderungen f\u00fcr Entwickler<\/h3>\n<ul>\n<li>Theme-Entwickler k\u00f6nnen jetzt die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-2\/#patterns-api-and-a-new-template_types-property\">Eigenschaft<\/a> <code>template_types<\/code> verwenden, um einen oder mehrere Vorlagentypen zuzuweisen, wenn sie <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-block-muster\/#register-a-block-pattern\">ein Vorlagenmuster registrieren<\/a>, um <a href=\"https:\/\/make.wordpress.org\/core\/2023\/04\/05\/whats-new-in-gutenberg-15-5-05-april\/#patterns-as-template-starters\" target=\"_blank\" rel=\"noopener noreferrer\">es in das modale Overlay einzubinden<\/a>, das erscheint, wenn ein Nutzer eine neue Vorlage erstellt.<\/li>\n<li>Die Funktion <code>get_pages()<\/code> wurde <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/wp_query-used-internally-in-get_pages\/\" target=\"_blank\" rel=\"noopener noreferrer\">aktualisiert<\/a> und verwendet nun intern <code>WP_Query<\/code>.<\/li>\n<li>Die Klasse <code>WP_User_Query<\/code> wurde <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/improved-caching-for-database-queries-in-wp_user_query\/\" target=\"_blank\" rel=\"noopener noreferrer\">erheblich verbessert<\/a>, insbesondere durch die Implementierung des Abfrage-Cachings.<\/li>\n<li>An der <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/17\/improvements-to-the-cache-api-in-wordpress-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">Cache-API<\/a> wurden mehrere Verbesserungen vorgenommen.<\/li>\n<li>Der Link <strong>Site bearbeiten<\/strong> <a href=\"https:\/\/core.trac.wordpress.org\/changeset\/56209\">l\u00e4dt jetzt die aktuelle Vorlage<\/a> statt der Startseite des Editors.<\/li>\n<li>Eine neue <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/17\/introducing-the-block-selectors-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block-Selektoren-API<\/a> erm\u00f6glicht es, mehrere CSS-Selektoren f\u00fcr Bl\u00f6cke zu konfigurieren, um sie in globalen Stilen zu verwenden.<\/li>\n<li>Die Farben der sozialen Symbole werden jetzt <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/17\/social-icons-block-applied-colors-now-dynamically-update-based-on-theme-json-and-global-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">dynamisch<\/a> auf Basis der theme.json und der globalen Stile aktualisiert<\/li>\n<li>Weitere Aktualisierungen betrafen die <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/i18n-improvements-in-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">Internationalisierung<\/a> (I18N) und die <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/layout-updates-in-the-editor-for-wordpress-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">Layout-Unterst\u00fctzung<\/a>.<\/li>\n<\/ul>\n<h2>Zusammenfassung<\/h2>\n<p>Mit WordPress 6.3 erreichen wir das Ende von <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/04\/phase-2-finale\/\" target=\"_blank\" rel=\"noopener noreferrer\">Phase 2: Anpassung<\/a> der Gutenberg-Entwicklungsroadmap. Diese neue Version bringt uns erhebliche Verbesserungen im Bearbeitungserlebnis, darunter neue Bearbeitungsfunktionen innerhalb des Website-Editors, ein neues und flexibleres Blockmustersystem, neue Bl\u00f6cke, bessere Leistung, Verbesserungen bei der Barrierefreiheit und Internationalisierung und vieles mehr.<\/p>\n<p>Mit der n\u00e4chsten Version von WordPress, die f\u00fcr <a href=\"https:\/\/make.wordpress.org\/core\/6-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">November 2023 erwartet wird<\/a>, treten wir in <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/24\/phase-3-collaboration\/\" target=\"_blank\" rel=\"noopener noreferrer\">Phase 3: <\/a><a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/24\/phase-3-collaboration\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kollaboration<\/a> ein, deren Hauptziel es ist, erweiterte <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/13\/real-time-collaboration-architecture\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kollaborationsfunktionen<\/a> in den Editor zu bringen.<\/p>\n<p>Wenn du WordPress <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-website-testen\/\">testen<\/a> und\/oder <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-mitarbeiter\/\">zu WordPress beitragen<\/a> m\u00f6chtest, solltest du unsere kostenlose lokale WordPress-Entwicklungssuite <a href=\"https:\/\/kinsta.com\/de\/devkinsta\/\">DevKinsta<\/a> nutzen.<\/p>\n<p>Und nun zu dir: Habt ihr WordPress 6.3 schon in eurer <a href=\"https:\/\/kinsta.com\/de\/devkinsta\/\">Entwicklungsumgebung<\/a> getestet? Welche Funktionen von 6.3 gefallen dir am besten? Teile deine Meinung in den Kommentaren unten mit.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.3 &#8222;Lionel&#8220; ist da! Es ist die letzte gro\u00dfe Ver\u00f6ffentlichung der Phase 2 der WordPress-Roadmap. In der zweiten Phase konzentrierte sich die Entwicklung vor allem &#8230;<\/p>\n","protected":false},"author":36,"featured_media":64028,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[52,29],"topic":[1011],"class_list":["post-64027","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-gutenberg","tag-wordpress","topic-wordpress-updates"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Was ist neu in WordPress 6.3 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Schau dir unseren ausf\u00fchrlichen \u00dcberblick \u00fcber WordPress 6.3 mit einem \u00fcberarbeiteten Site Editor, einem neuen Mustersystem, neuen Bl\u00f6cken, besserer Leistung und vielem mehr 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-3\/\" \/>\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.3: Ein \u00fcberarbeiteter Website-Editor, eine neue Befehlspalette, Stil\u00fcberarbeitungen, neue Bl\u00f6cke und vieles mehr!\" \/>\n<meta property=\"og:description\" content=\"Schau dir unseren ausf\u00fchrlichen \u00dcberblick \u00fcber WordPress 6.3 mit einem \u00fcberarbeiteten Site Editor, einem neuen Mustersystem, neuen Bl\u00f6cken, besserer Leistung und vielem mehr an!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/\" \/>\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-07-24T09:54:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-14T11:29:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/11\/DE-Homepage-featured-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Schau dir unseren ausf\u00fchrlichen \u00dcberblick \u00fcber WordPress 6.3 mit einem \u00fcberarbeiteten Site Editor, einem neuen Mustersystem, neuen Bl\u00f6cken, besserer Leistung und vielem mehr an!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/whats-new-in-wordpress-63.svg\" \/>\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=\"28\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-3\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Was ist neu in WordPress 6.3: Ein \u00fcberarbeiteter Website-Editor, eine neue Befehlspalette, Stil\u00fcberarbeitungen, neue Bl\u00f6cke und vieles mehr!\",\"datePublished\":\"2023-07-24T09:54:34+00:00\",\"dateModified\":\"2023-08-14T11:29:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/\"},\"wordCount\":4702,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/whats-new-in-wordpress-63.svg\",\"keywords\":[\"Gutenberg\",\"WordPress\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/\",\"name\":\"Was ist neu in WordPress 6.3 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/whats-new-in-wordpress-63.svg\",\"datePublished\":\"2023-07-24T09:54:34+00:00\",\"dateModified\":\"2023-08-14T11:29:04+00:00\",\"description\":\"Schau dir unseren ausf\u00fchrlichen \u00dcberblick \u00fcber WordPress 6.3 mit einem \u00fcberarbeiteten Site Editor, einem neuen Mustersystem, neuen Bl\u00f6cken, besserer Leistung und vielem mehr an!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/whats-new-in-wordpress-63.svg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/whats-new-in-wordpress-63.svg\",\"width\":1461,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#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.3: Ein \u00fcberarbeiteter Website-Editor, eine neue Befehlspalette, Stil\u00fcberarbeitungen, neue Bl\u00f6cke 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.3 - Kinsta\u00ae","description":"Schau dir unseren ausf\u00fchrlichen \u00dcberblick \u00fcber WordPress 6.3 mit einem \u00fcberarbeiteten Site Editor, einem neuen Mustersystem, neuen Bl\u00f6cken, besserer Leistung und vielem mehr 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-3\/","og_locale":"de_DE","og_type":"article","og_title":"Was ist neu in WordPress 6.3: Ein \u00fcberarbeiteter Website-Editor, eine neue Befehlspalette, Stil\u00fcberarbeitungen, neue Bl\u00f6cke und vieles mehr!","og_description":"Schau dir unseren ausf\u00fchrlichen \u00dcberblick \u00fcber WordPress 6.3 mit einem \u00fcberarbeiteten Site Editor, einem neuen Mustersystem, neuen Bl\u00f6cken, besserer Leistung und vielem mehr an!","og_url":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2023-07-24T09:54:34+00:00","article_modified_time":"2023-08-14T11:29:04+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/11\/DE-Homepage-featured-image.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Schau dir unseren ausf\u00fchrlichen \u00dcberblick \u00fcber WordPress 6.3 mit einem \u00fcberarbeiteten Site Editor, einem neuen Mustersystem, neuen Bl\u00f6cken, besserer Leistung und vielem mehr an!","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/whats-new-in-wordpress-63.svg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Carlo Daniele","Gesch\u00e4tzte Lesezeit":"28\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Was ist neu in WordPress 6.3: Ein \u00fcberarbeiteter Website-Editor, eine neue Befehlspalette, Stil\u00fcberarbeitungen, neue Bl\u00f6cke und vieles mehr!","datePublished":"2023-07-24T09:54:34+00:00","dateModified":"2023-08-14T11:29:04+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/"},"wordCount":4702,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/whats-new-in-wordpress-63.svg","keywords":["Gutenberg","WordPress"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/","url":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/","name":"Was ist neu in WordPress 6.3 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/whats-new-in-wordpress-63.svg","datePublished":"2023-07-24T09:54:34+00:00","dateModified":"2023-08-14T11:29:04+00:00","description":"Schau dir unseren ausf\u00fchrlichen \u00dcberblick \u00fcber WordPress 6.3 mit einem \u00fcberarbeiteten Site Editor, einem neuen Mustersystem, neuen Bl\u00f6cken, besserer Leistung und vielem mehr an!","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/whats-new-in-wordpress-63.svg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/07\/whats-new-in-wordpress-63.svg","width":1461,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-6-3\/#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.3: Ein \u00fcberarbeiteter Website-Editor, eine neue Befehlspalette, Stil\u00fcberarbeitungen, neue Bl\u00f6cke 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\/64027","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=64027"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/64027\/revisions"}],"predecessor-version":[{"id":64826,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/64027\/revisions\/64826"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/64027\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/64027\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/64027\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/64027\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/64027\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/64027\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/64027\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/64027\/translations\/es"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/64027\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/64028"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=64027"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=64027"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=64027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}