{"id":42608,"date":"2021-07-22T09:31:03","date_gmt":"2021-07-22T07:31:03","guid":{"rendered":"https:\/\/kinsta.com\/?p=98590"},"modified":"2023-07-27T14:19:18","modified_gmt":"2023-07-27T13:19:18","slug":"wordpress-5-8","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/","title":{"rendered":"Was ist neu in WordPress 5.8 (vollst\u00e4ndige Seiten-Bearbeitung, WebP-Bilder, globale Stile und Einstellungen und vieles mehr)"},"content":{"rendered":"<p>WordPress 5.8 &#8222;Tatum&#8220; <a href=\"https:\/\/wordpress.org\/news\/2021\/07\/tatum\/\">ist da<\/a> und es ist ein bedeutendes Release. Abgesehen von der unglaublichen Anzahl an Funktionen, Verbesserungen und Fehlerkorrekturen f\u00fchrt WP 5.8 eine neue Art der Erstellung von Webseiten ein, indem es die ersten Funktionen bringt, die unter das breitere Projekt fallen, das als <strong>Full Site Editing <\/strong>bekannt ist.<\/p>\n<p>Abgesehen vom Full Site Editing bringt WordPress 5.8 eine Vielzahl von \u00c4nderungen und Verbesserungen in verschiedenen Bereichen des <a href=\"https:\/\/kinsta.com\/de\/wordpress-marktanteil\/\">CMS<\/a>.<\/p>\n<p>WordPress-Nutzer, die das Gutenberg-Plugin nicht verwenden, finden Funktionen und Verbesserungen aus insgesamt neun Gutenberg-Releases (f\u00fcr einen tiefen Einblick in die einzelnen Releases siehe Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/05\/whats-new-in-gutenberg-9-9-5-february\/\">9.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/17\/whats-new-in-gutenberg-10-0-february\/\">10.0<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/02\/whats-new-in-gutenberg-10-1-3-march\/\">10.1<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/17\/whats-new-in-gutenberg-10-2-17-march\/\">10.2<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/02\/whats-new-in-gutenberg-10-3-31-march\/\">10.3<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/14\/whats-new-in-gutenberg-10-4-14-april\/\">10.4<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/30\/whats-new-in-gutenberg-10-5-28-april\/\">10.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/14\/whats-new-in-gutenberg-10-6-12-may\/\">10.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/27\/whats-new-in-gutenberg-10-7-26-may\/\">10.7<\/a>).<\/p>\n<p>Eine wichtige neue Funktion f\u00fcr Anwender, die es mit der Performance ihrer Seiten ernst meinen, ist die Unterst\u00fctzung des WebP-Formats.<\/p>\n<p>Entwickler werden sicherlich die Entfernung des IE11 von der Liste der unterst\u00fctzten Browser, den neuen Mechanismus f\u00fcr die Blockkonfiguration und das Styling auf Basis von <strong>theme.json<\/strong>, das verbesserte Blockregistrierungssystem auf Basis von <strong>block.json <\/strong>und die vielen API-Verbesserungen, die mit der zweiten <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-version\/\">WordPress-Version<\/a> 2021 kommen, lieben.<\/p>\n<p>Bleib also ruhig sitzen, denn es wird eine ausf\u00fchrliche Zusammenstellung von Funktionen und Verbesserungen geben, die den Weg f\u00fcr neue leistungsstarke Tools f\u00fcr die Webseiten-Erstellung ebnen, die in den <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/24551\">kommenden Monaten<\/a> ver\u00f6ffentlicht werden.<\/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<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Es gibt so viele \u00c4nderungen in WordPress 5.8. Um das Risiko unerwarteter Konflikte mit deinem Theme und deinen Plugins zu vermeiden, empfehlen wir dir dringend, ein <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/wordpress-backups\/#wordpress-backup\">Backup deiner Webseite<\/a> zu erstellen und die neue Version in einer <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/staging-umgebung\/\">Staging-Umgebung<\/a> zu testen, bevor du deine Live-Seite aktualisierst.<\/p>\n<\/aside>\n\n\n<h2>Vollst\u00e4ndige Webseiten-Bearbeitungsfunktionen in WordPress 5.8<\/h2>\n<p>Die Vision hinter Full Site Editing ist es, eine Sammlung von Werkzeugen und Funktionen bereitzustellen, die es WordPress-Benutzern erm\u00f6glichen, <a href=\"https:\/\/wordpress.org\/news\/2021\/06\/gutenberg-highlights\/\">eine ganze Webseite mit Bl\u00f6cken zu erstellen<\/a>. Mit Full Site Editing stehen viele Bl\u00f6cke zur Verf\u00fcgung, um jedes Element auf der Seite zu erstellen, von <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-menu-plugins\/\">Navigationsmen\u00fcs<\/a> bis hin zu Seiten-Branding, Seitenleisten-Widgets, Vorlagen und vieles mehr.<\/p>\n<p>Auch wenn WordPress 5.8 einige Features einf\u00fchrt, die in den Bereich des Full Site Editing (FSE) fallen, solltest du nicht erwarten, eine vollwertige visuelle Umgebung f\u00fcr die Erstellung von Seiten zu sehen. FSE befindet sich noch in der Entwicklung, und die Ver\u00f6ffentlichung von WordPress 5.8 er\u00f6ffnet eine Art \u00f6ffentliche Betaphase. Laut <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/08\/full-site-editing-scope-for-wp5-8\/\">Josepha Haden Chomphosy<\/a>:<\/p>\n<blockquote><p><em>Die vollst\u00e4ndige Webseiten-Bearbeitung ist eine Sammlung von Projekten und zusammen stellen sie eine gro\u00dfe Ver\u00e4nderung dar, wohl zu viel f\u00fcr eine einzelne Version. Der wichtigste Zusammenhang ist, dass es nicht als vollst\u00e4ndige, standardm\u00e4\u00dfige Erfahrung f\u00fcr Benutzer ausgeliefert wird. Eines der deutlichsten Feedbacks aus dem Phase-One-Merge-Prozess war, dass es f\u00fcr unsere Extender (Agenturen, Theme-Autoren, Plugin-Entwickler, Site-Builder usw.) nicht genug Zeit gab, um sich auf die kommenden \u00c4nderungen vorzubereiten.<\/em><\/p>\n<p><em>In diesem Sinne wird dieser Merge-Prozess kein Ein\/Aus-Schalter sein. Der Fokus liegt jetzt nicht auf einer vollst\u00e4ndigen und nuancierten Benutzererfahrung, sondern eher auf einer offenen \u00f6ffentlichen Beta innerhalb von WordPress 5.8.<\/em><\/p><\/blockquote>\n<p>WordPress 5.8 f\u00fchrt also noch keine perfekte und vollst\u00e4ndige FSE-Erfahrung ein. Stattdessen werden wir sehen, wie neue Funktionen im Laufe der Zeit hinzugef\u00fcgt und verbessert werden, beginnend direkt mit Version 5.8. Aus dem gleichen Grund k\u00f6nnen wir davon ausgehen, dass WordPress 5.8 keine dramatischen Auswirkungen auf die Art und Weise haben wird, wie wir gewohnt sind, Webseiten zu erstellen.<\/p>\n<p>Zum Zeitpunkt der Erstellung dieses Artikels m\u00fcssen sich Seitenbetreiber und Admins noch bewusst f\u00fcr FSE entscheiden, indem sie ein Block-Theme wie <a href=\"https:\/\/wordpress.org\/themes\/tt1-blocks\/\">Twenty-Twenty One Blocks<\/a> (die <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-one-theme\/#the-twenty-twentyone-blocks-experiment\">blockbasierte Version<\/a> von Twenty-Twenty One) installieren und das Gutenberg-Plugin aktivieren.<\/p>\n<p><kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=a1Sf7PxfmLQ\"><\/kinsta-video><\/p>\n<p>Die <a href=\"https:\/\/developer.wordpress.org\/block-editor\/handbook\/full-site-editing\/\">vollst\u00e4ndige Seiten-Bearbeitung<\/a> umfasst eine Reihe von separaten Unterprojekten, darunter den Seiten-Editor, die <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\">globalen Stile<\/a>, den Abfrageblock, den Navigationsblock, Vorlagen, Blockthemen und vieles mehr.\u00a0 Aber das, was dem Site Editing in WordPress 5.8 am n\u00e4chsten kommt, ist der <strong>Template Editing Mode<\/strong> und die entsprechenden <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/block-theme-overview\/#theme-blocks\">Theme-Bl\u00f6cke<\/a>, die in diesem Modus verwendet werden k\u00f6nnen, wie wir sp\u00e4ter in diesem Artikel sehen werden.<\/p>\n<p>Als n\u00e4chstes wollen wir uns einige <strong>FSE-Funktionen ansehen, die mit WordPress 5.8 in Core integriert wurden<\/strong>.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Templatebearbeitungsmodus<\/h3>\n<p>Der <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/16\/introducing-the-template-editor-in-wordpress-5-8\/\">Templatebearbeitungsmodus<\/a> bietet eine M\u00f6glichkeit, Post-\/Seitenvorlagen mit Bl\u00f6cken zu erstellen. Es ist eine gro\u00dfartige M\u00f6glichkeit, die Komplexit\u00e4t der Seiten-Erstellung zu reduzieren, indem Benutzer die Vorteile verschiedener Seiten-Bearbeitungsfunktionen von au\u00dferhalb der Seiten-Editor-Oberfl\u00e4che nutzen k\u00f6nnen, w\u00e4hrend sie sich an die Arbeit mit Bl\u00f6cken gew\u00f6hnen. Dies ist auch ideal f\u00fcr Benutzer, die keine blockbasierten Themes verwenden, aber dennoch eine einfache M\u00f6glichkeit suchen, Templates \u00fcber die Benutzeroberfl\u00e4che des Blockeditors zu erstellen und zu bearbeiten.<\/p>\n<p>Das Anpassen von Themes war in WordPress noch nie so einfach wie jetzt. Jetzt musst du nicht mehr <a href=\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/\">ein Child-Theme erstellen<\/a>, um deine benutzerdefinierten Vorlagen zu erstellen. Die gute Nachricht ist, dass mit WordPress 5.8 die Template-Bearbeitung nicht auf Block-Themes beschr\u00e4nkt ist, sondern dir auch f\u00fcr <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30438\">klassische Themes zur Verf\u00fcgung steht<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Die Template-Bearbeitung kann in klassischen Themes genutzt werden, die eine <em>theme.json<\/em> Datei beinhalten oder &#8218;<code>block-templates'<\/code> unterst\u00fctzen. Es kann nicht f\u00fcr Block-Themes deaktiviert werden.<\/p>\n<\/aside>\n\n<figure style=\"width: 2873px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/welcome-to-the-template-editor.jpg\" alt=\"Der Templateeditor.\" width=\"2873\" height=\"1385\"><figcaption class=\"wp-caption-text\">Der Templateeditor.<\/figcaption><\/figure>\n<p>Um eine neue Vorlage zu erstellen, musst du nur den Templatebearbeitungsmodus in der Seitenleiste &#8222;<strong>Einstellungen&#8220; <\/strong>aktivieren. Ein neues Templatebedienfeld ist jetzt f\u00fcr Benutzer verf\u00fcgbar, um den Bearbeitungsmodus zu wechseln (siehe <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/30\/whats-new-in-gutenberg-10-5-28-april\/\">Gutenberg 10.5<\/a> Release Note).<\/p>\n<figure style=\"width: 1676px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/template-panel.jpg\" alt=\"Templatebereich in der Seitenleiste des Blockeditors.\" width=\"1676\" height=\"942\"><figcaption class=\"wp-caption-text\">Templatebereich in der Seitenleiste des Blockeditors.<\/figcaption><\/figure>\n<p>Im <strong>Templatebedienfeld<\/strong> kannst du eine neue Vorlage erstellen oder eine vorhandene Vorlage bearbeiten.<\/p>\n<figure style=\"width: 1674px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/create-custom-template.jpg\" alt=\"Einstellen eines Templatenamens.\" width=\"1674\" height=\"938\"><figcaption class=\"wp-caption-text\">Einstellen eines Templatenamens.<\/figcaption><\/figure>\n<p>Um eine neue Vorlage zu erstellen, klicke auf <strong>Neu<\/strong>. Gib dann im Modal einen Templatenamen ein und klicke auf <strong>Erstellen<\/strong>, und schon kannst du loslegen.<\/p>\n<figure style=\"width: 2876px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/template-editing-mode.jpg\" alt=\"Template-Bearbeitungsmodus in WordPress 5.8.\" width=\"2876\" height=\"1314\"><figcaption class=\"wp-caption-text\">Template-Bearbeitungsmodus in WordPress 5.8.<\/figcaption><\/figure>\n<p>Im Templatebearbeitungsmodus kannst du deine Vorlagen mit allen verf\u00fcgbaren Bl\u00f6cken erstellen, einschlie\u00dflich FSE-Bl\u00f6cken wie Seiten Title, Seiten Tagline, Login\/out und vielen anderen.<\/p>\n<p>Wenn du mit deinen Bearbeitungen zufrieden bist, kannst du zur\u00fcck in den Post-Editing-Modus wechseln und die Vorlage getrennt vom Inhalt des Beitrags\/der Seite speichern, wie im Bild unten gezeigt:<\/p>\n<figure style=\"width: 2076px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/save-template.jpg\" alt=\"Die Optionen zum Speichern der Vorlage.\" width=\"2076\" height=\"994\"><figcaption class=\"wp-caption-text\">Die Optionen zum Speichern der Vorlage.<\/figcaption><\/figure>\n<p>Vorlagen werden in deiner <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-datenbank\/\">WordPress-Datenbank<\/a> als benutzerdefinierte Beitragstypen mit dem Namen <code>wp_template<\/code> gespeichert. Dadurch kannst du eine Vorlage nicht nur \u00fcber die Editor-Oberfl\u00e4che bearbeiten, sondern sie auch ganz einfach nach Belieben importieren oder exportieren. Du kannst eine Vorlage auch \u00fcber verschiedene Webseiten hinweg verwenden (zum Zeitpunkt der Erstellung dieses Artikels ist diese Funktion nur verf\u00fcgbar, wenn du das Gutenberg-Plugin aktivierst).<\/p>\n<figure style=\"width: 1566px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/export-templates.png\" alt=\"Exportieren von Templates und Templateteilen.\" width=\"1566\" height=\"1116\"><figcaption class=\"wp-caption-text\">Exportieren von Templates und Templateteilen.<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Beachte, dass, wenn du eine Blockvorlage f\u00fcr eine Seite oder einen Blogeintrag festlegst, die regul\u00e4re PHP-Vorlage nicht mehr zur Generierung der Seite verwendet wird. Stattdessen wird die Blockvorlage verwendet.<\/p>\n<\/aside>\n\n<p>Der Templatebearbeitungsmodus ist zum Zeitpunkt dieses Schreibens noch ein wenig fehlerhaft, wie in diesem <a href=\"https:\/\/make.wordpress.org\/test\/2021\/05\/26\/fse-program-testing-call-7-polished-portfolios\/\">Aufruf zum Testen<\/a> und <a href=\"https:\/\/wptavern.com\/fse-outreach-7-building-a-portfolio-in-the-upcoming-template-editing-mode\">diesem Experiment von Justin Tadlock<\/a> berichtet wird.<\/p>\n<figure style=\"width: 2314px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/template-editing-mode-issue.jpg\" alt=\"Problem mit der Ausrichtung \u00fcber die gesamte Breite im Twenty Twenty-One Classic-Theme.\" width=\"2314\" height=\"916\"><figcaption class=\"wp-caption-text\">Problem mit der Ausrichtung \u00fcber die gesamte Breite im Twenty Twenty-One Classic-Theme.<\/figcaption><\/figure>\n<p>Aber alles, was es braucht, ist ein wenig Geduld und das Warten auf die Behebung der <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/labels\/%5BFeature%5D%20Template%20Editing%20Mode\">wichtigsten Probleme<\/a>, um zu verstehen, wie der Vorlagenbearbeitungsmodus die Art und Weise, wie du das Aussehen deiner Webseiten anpassen, ver\u00e4ndern wird.<\/p>\n<p>Die Benutzer ben\u00f6tigen keine Entwickler-Kenntnisse mehr, um die vollst\u00e4ndige Kontrolle \u00fcber das Layout und das Gesamtbild der Webseite zu erhalten.<\/p>\n<figure style=\"width: 2316px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/cover-block-in-template-editing-mode.jpg\" alt=\"Das Problem der Ausrichtung \u00fcber die gesamte Breite wurde behoben.\" width=\"2316\" height=\"1130\"><figcaption class=\"wp-caption-text\">Das Problem der Ausrichtung \u00fcber die gesamte Breite wurde behoben.<\/figcaption><\/figure>\n<p>Der Template Editing Mode war <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30438\">zun\u00e4chst sowohl f\u00fcr Block Themes als auch f\u00fcr klassische Themes verf\u00fcgbar<\/a>. Nach einer ausf\u00fchrlichen Diskussion im 5.8 Leads Channel wurde beschlossen, den Template Editor f\u00fcr klassische Themes opt-in und f\u00fcr Block Themes opt-out zu machen (siehe auch Pull #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32858\">32858<\/a>).<\/p>\n<p>Laut <a href=\"https:\/\/make.wordpress.org\/themes\/2021\/07\/08\/summary-theme-features-in-wordpress-5-8\/\">Carolina Nymark<\/a>:<\/p>\n<blockquote><p>Urspr\u00fcnglich war die Template-Bearbeitung f\u00fcr alle Themes aktiviert. Theme-Entwickler \u00e4u\u00dferten Bedenken, dass sie nicht alle ihre bestehenden klassischen Themes aktualisieren k\u00f6nnten, um diese neue Funktion zu unterst\u00fctzen. In einer sp\u00e4ten \u00c4nderung haben sich das Release Squad und das Editor Team dazu entschieden, die Template-Bearbeitung als Opt-In f\u00fcr klassische Themes zu aktivieren.<\/p><\/blockquote>\n<p>Um das Opt-in f\u00fcr klassische Themes zu erm\u00f6glichen, sollten die Entwickler nun den Theme-Support hinzuf\u00fcgen:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'block-templates' );<\/code><\/pre>\n<div class=\"c-message_kit__gutter\">\n<div class=\"c-message_kit__gutter__right\" data-qa=\"message_content\">\n<div class=\"c-message_kit__blocks c-message_kit__blocks--rich_text\">\n<div class=\"c-message__message_blocks c-message__message_blocks--rich_text\">\n<div class=\"p-block_kit_renderer\" data-qa=\"block-kit-renderer\">\n<div class=\"p-block_kit_renderer__block_wrapper p-block_kit_renderer__block_wrapper--first\">\n<div class=\"p-rich_text_block\" dir=\"auto\">\n<div class=\"p-rich_text_section\">Klassische Themes, die <em>theme.json<\/em> verwenden, k\u00f6nnen opt-outen, indem sie die Theme-Unterst\u00fctzung entfernen:<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<pre><code class=\"language-php\">remove_theme_support(  'block-templates' );<\/code><\/pre>\n<p>Einen genaueren \u00dcberblick \u00fcber die Funktionsweise des Template Editing Mode in WordPress 5.8 und einige n\u00fctzliche Anwendungsbeispiele findest du in diesem Video von Anne McCarty:<\/p>\n<p><kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=Z571V_jlD-o\"><\/kinsta-video><\/p>\n<h3>Theme Bl\u00f6cke<\/h3>\n<p>Wie bereits erw\u00e4hnt, handelt es sich bei FSE nicht um ein einzelnes Feature, sondern um ein komplettes Set von Seiten-Building-Funktionen, die sich nicht nur auf den Seiten-Editor beziehen. Der <a href=\"#template-editing-mode\">Template-Editing-Modus<\/a> ist nur ein Beispiel daf\u00fcr. Aber zusammen mit der Template-Bearbeitung bringt WordPress 5.8 auch viele <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/20\/full-site-editing-go-no-go-next-steps\/\">Theme-Bl\u00f6cke<\/a>, die dynamisch aus der Datenbank abgerufene Informationen anzeigen k\u00f6nnen. Einige dieser Bl\u00f6cke k\u00f6nnen auch in Nicht-FSE-Kontexten verwendet werden (siehe Ausgabe #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/28744\">28744<\/a>).<\/p>\n<figure style=\"width: 1124px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/fse-blocks.jpg\" alt=\"Vollst\u00e4ndige Seiten-Editor-Bl\u00f6cke in Nicht-FSE-Kontexten seit WordPress 5.8 verf\u00fcgbar.\" width=\"1124\" height=\"1798\"><figcaption class=\"wp-caption-text\">Vollst\u00e4ndige Seiten-Editor-Bl\u00f6cke in Nicht-FSE-Kontexten seit WordPress 5.8 verf\u00fcgbar.<\/figcaption><\/figure>\n<p><strong>Theme-Bl\u00f6cke bringen Template-Tag-Funktionalit\u00e4ten in klassische Themes<\/strong>, und du kannst sie auf die gleiche Weise wie regul\u00e4re Bl\u00f6cke verwenden. So kannst du z. B. Post-Tags oder das Featured Image des Posts an beliebiger Stelle im Post-Inhalt oder in der Vorlage einf\u00fcgen. Um eine Vorstellung von der Anzahl der Theme-Bl\u00f6cke zu bekommen, die mit WordPress 5.8 zum Kern hinzugef\u00fcgt wurden, gib einfach <strong>\/post <\/strong>in den Block-Platzhalter ein:<\/p>\n<figure style=\"width: 662px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/post-related-blocks.png\" alt=\"Vorgeschlagene Themebl\u00f6cke.\" width=\"662\" height=\"864\"><figcaption class=\"wp-caption-text\">Vorgeschlagene Themebl\u00f6cke.<\/figcaption><\/figure>\n<p>Ein hilfreicher Theme-Block, der mit WordPress 5.8 verf\u00fcgbar ist, ist der <strong>Login\/out<\/strong>-Block, der Login- und Logout-Links bereitstellt. Er kann optional das Anmeldeformular anstelle eines Links anzeigen. Seiten-Administratoren k\u00f6nnen auch das Umleitungsziel anpassen (siehe PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/29766\">29766<\/a>).<\/p>\n<figure style=\"width: 1948px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/login-out-block.jpg\" alt=\"An-\/Abmeldeblock und seine Einstellungen im Blockeditor.\" width=\"1948\" height=\"770\"><figcaption class=\"wp-caption-text\">An-\/Abmeldeblock und seine Einstellungen im Blockeditor.<\/figcaption><\/figure>\n<p>Eine genauere Betrachtung der FSE-Bl\u00f6cke findest du in der <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/28744\">Ausgabe<\/a> &#8222;Enabling Full Site Editor blocks in classic themes&#8220; auf Github.<\/p>\n<h3>Der Abfrage-Schleifenblock<\/h3>\n<p>Wie oft hast du dich schon in einer Situation befunden, in der du eine benutzerdefinierte Liste von Blogbeitr\u00e4gen oder <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-benutzerdefinierte-beitragstypen\/\">benutzerdefinierten Beitragstypen<\/a> anzeigen musst? Denke an Produkte, Veranstaltungen, Immobilien&#8230; Nat\u00fcrlich hast du daf\u00fcr tonnenweise Plugins zur Auswahl, aber die M\u00f6glichkeit, stark angepasste Abfragen zu erstellen, erfordert oft Entwicklerf\u00e4higkeiten, um sich mit der <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/the-loop\/\">WordPress-Schleife<\/a> auseinanderzusetzen.<\/p>\n<p>Mit der Einf\u00fchrung des <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/24762\">Query-Loop-Blocks<\/a> in WordPress Core k\u00f6nnen Webseiten-Besitzer und Admins Listen von Beitr\u00e4gen und CPTs erstellen, ohne komplexen Code schreiben oder <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-entwickler-engagiert\/\">einen Entwickler einstellen zu m\u00fcssen<\/a>, zumindest in den h\u00e4ufigsten Anwendungsf\u00e4llen.<\/p>\n<p>Was macht also der Query Loop Block?<\/p>\n<p>Kurz gesagt, es macht die gleiche Arbeit wie die WordPress-Schleife, aber im visuellen Kontext des Blockeditors.<\/p>\n<p>Der Block &#8222;Query Loop&#8220; f\u00fchrt eine Abfrage basierend auf den Einstellungen des Benutzers \u00fcber die WordPress-Datenbank aus, durchl\u00e4uft jeden abgerufenen Beitrag in einer Schleife und zeigt die Daten auf der Seite an.<\/p>\n<p>Nach <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/24762\">intensiver Entwicklung<\/a> hat dieser Block seine heutige Struktur erreicht und besteht nun <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32283\">aus zwei verschachtelten Bl\u00f6cken<\/a>: den Bl\u00f6cken <strong>Query <\/strong>und <strong>Post Template<\/strong>.<\/p>\n<figure style=\"width: 2126px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/query-loop-list-view.jpg\" alt=\"Listenansicht eines Abfrageschleifenblocks.\" width=\"2126\" height=\"1124\"><figcaption class=\"wp-caption-text\">Listenansicht eines Abfrageschleifenblocks.<\/figcaption><\/figure>\n<p>Da es sich um eine erweiterte Funktion handelt, erfordert der Query Loop-Block einige Konfigurationen.<\/p>\n<p>Zun\u00e4chst kannst du zwischen verschiedenen <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-5\/#block-patterns\">Blockmustern<\/a> w\u00e4hlen, die in der Karussell- und Rasteransicht aufgelistet sind. Sobald du dein Muster ausgew\u00e4hlt hast, klicke einfach auf <strong>Ausw\u00e4hlen<\/strong>, und der Query Loop-Block generiert deine benutzerdefinierte Liste von Beitr\u00e4gen.<\/p>\n<figure style=\"width: 1262px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/query-block-grid-view.jpg\" alt=\"Abfrage von Loop-Blockmustern in der Grid-Ansicht.\" width=\"1262\" height=\"1374\"><figcaption class=\"wp-caption-text\">Abfrage von Loop-Blockmustern in der Grid-Ansicht.<\/figcaption><\/figure>\n<p>Wenn du auf <strong>Start blank <\/strong>klickst, siehst du eine Liste mit vier Kernblockvarianten: <strong>Titel &#038; Datum; Titel &#038; Auszug; Titel, Datum &#038; Auszug; und Bild, Datum<\/strong> <strong>&#038; Titel <\/strong>(\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/17\/whats-new-in-gutenberg-10-2-17-march\/\">siehe Angebotsmuster bei Blockaufbau)<\/a>.<\/p>\n<figure style=\"width: 1238px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/query-loop-variations-1.png\" alt=\"Variationen des Abfrageschleifenblocks.\" width=\"1238\" height=\"662\"><figcaption class=\"wp-caption-text\">Variationen des Abfrageschleifenblocks.<\/figcaption><\/figure>\n<p>Wenn du den Abfrage-Schleifenblock ausgew\u00e4hlt hast, wird die Seitenleiste mit den Blockeinstellungen angezeigt, in der du deine Abfrage erstellen kannst. Du kannst die Abfrage entweder von der <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-eine-url\/\">URL<\/a> \u00fcbernehmen oder die Abfrageargumente anpassen: die Art der Beitr\u00e4ge, die in die Liste aufgenommen werden sollen, die Anzeigereihenfolge und ob es Sticky Posts geben soll oder nicht.<\/p>\n<p>Du kannst auch mehrere Filter setzen und aus Kategorien, Autoren und Stichw\u00f6rtern w\u00e4hlen.<\/p>\n<figure style=\"width: 2876px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/query-block.jpg\" alt=\"Der Query-Loop-Block mit Seitenleisteneinstellungen.\" width=\"2876\" height=\"1380\"><figcaption class=\"wp-caption-text\">Der Query-Loop-Block mit Seitenleisteneinstellungen.<\/figcaption><\/figure>\n<p>Zus\u00e4tzlich bietet eine Schaltfl\u00e4che <strong>Anzeigeeinstellungen <\/strong>in der Symbolleiste des Blocks weitere Einstellungen zur Steuerung der Anzahl der Elemente pro Seite, des Versatzes und der maximalen Anzahl der anzuzeigenden Seiten.<\/p>\n<figure style=\"width: 1252px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/query-block-display-settings.jpg\" alt=\"Einstellungen des Abfrageschleifenblocks anzeigen.\" width=\"1252\" height=\"1152\"><figcaption class=\"wp-caption-text\">Einstellungen des Abfrageschleifenblocks anzeigen.<\/figcaption><\/figure>\n<p>Ja, der Query-Loop-Block ist ein m\u00e4chtiges Werkzeug, mit dem Webseiten-Betreiber hochgradig angepasste Listen von Beitr\u00e4gen und benutzerdefinierten Beitragstypen erstellen k\u00f6nnen.<\/p>\n<p>Aber wenn du die Parameter der Klasse <a href=\"https:\/\/developer.wordpress.org\/reference\/classes\/wp_query\/\">WP_Query<\/a> durchgehst, ist es klar, dass der Grad der Anpassung, der mit dem Code m\u00f6glich ist, viel granularer ist als das, was mit dem Query Loop-Block m\u00f6glich ist.<\/p>\n<p>Nichtsdestotrotz ist es ein wertvolles und flexibles Werkzeug, das sich f\u00fcr viele Anwendungsf\u00e4lle eignet, und wir werden h\u00f6chstwahrscheinlich in Zukunft weitere Verbesserungen sehen.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Die Bl\u00f6cke Query Loop und Post Template wurden in den letzten Wochen mehrfach umbenannt. Die endg\u00fcltige Namensgebung wurde mit <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">Gutenberg 10.9<\/a> erreicht.<\/p>\n<\/aside>\n\n<h3>Persistente Listenansicht im Post-Editor<\/h3>\n<p>Eine weitere FSE-Funktion, die auf den Post-Editor erweitert wurde, ist die <strong>persistente Listenansicht<\/strong>. Vor WordPress 5.8 (und <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/27\/whats-new-in-gutenberg-10-7-26-may\/\">Gutenberg 10.7<\/a>) wurde die Listenansicht in einem Popover angezeigt. Wenn man den Fokus au\u00dferhalb des Popovers bewegte, verschwand die Liste.<\/p>\n<p>Umgekehrt zeigte der Seiten-Editor die Listenansicht in einer Seitenleiste an, die den gesamten Blockbaum enthielt.<\/p>\n<p>Mit WordPress 5.8 wird die Listenansicht nun in einer Seitenleiste im Beitragseditor angezeigt, so dass der Benutzer schneller und pr\u00e4ziser im Blockbaum navigieren kann.<\/p>\n<figure style=\"width: 698px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/persistent-list-view.png\" alt=\"Seitenleiste der Listenansicht in WordPress 5.8.\" width=\"698\" height=\"1182\"><figcaption class=\"wp-caption-text\">Seitenleiste der Listenansicht in WordPress 5.8.<\/figcaption><\/figure>\n<p>Wenn du auf ein Element in der Listenansicht klickst, wird das Listenelement hervorgehoben und der Fokus auf den entsprechenden Block im Post-Editor-Canvas verschoben. Wenn du au\u00dferdem den Mauszeiger \u00fcber die Elemente in der Listenansicht bewegst, werden sowohl das Element als auch der entsprechende Block im Post-Editor hervorgehoben.<\/p>\n<figure style=\"width: 2158px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/persistent-list-view-enhancement-1.jpg\" alt=\"Bewege den Mauszeiger \u00fcber die Elemente in der Listenansicht.\" width=\"2158\" height=\"1184\"><figcaption class=\"wp-caption-text\">Bewege den Mauszeiger \u00fcber die Elemente in der Listenansicht.<\/figcaption><\/figure>\n<p>Last, adding an anchor to a block will also appear next to the corresponding item in the list view.<\/p>\n<figure style=\"width: 2496px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/persistent-list-view-anchor-2.jpg\" alt=\"Hinzuf\u00fcgen eines Ankers zu Bl\u00f6cken in WordPress 5.8.\" width=\"2496\" height=\"1156\"><figcaption class=\"wp-caption-text\">Hinzuf\u00fcgen eines Ankers zu Bl\u00f6cken in WordPress 5.8.<\/figcaption><\/figure>\n<p>Mit all diesen Erweiterungen der Listenansicht sollte die Navigation in komplexen Dokumenten wesentlich einfacher sein.<\/p>\n<h2>Blockbasierter Widgets-Editor und Block-Widgets im Customizer<\/h2>\n<p>Der <strong>blockbasierte Widgets-Editor <\/strong>ist ein <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/projects\/27\">umfangreiches Projekt<\/a>, das darauf abzielt, die Oberfl\u00e4che des <a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/11\/bringing-the-power-of-blocks-to-widgets\/\">Block-Editors auf Widgets des klassischen Themes<\/a> zu \u00fcbertragen.<\/p>\n<p>Der neue Widgets-Editor bietet viele Vorteile f\u00fcr die gro\u00dfe Mehrheit, die noch klassische Themes verwendet. Gleichzeitig erlaubt er ihnen, sich mit der Block-Schnittstelle vertraut zu machen, bevor sie zum Standard f\u00fcr alle <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-benutzerrollen\/\">WordPress-Nutzer<\/a> wird.<\/p>\n<figure style=\"width: 2150px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/block-widgets.jpg\" alt=\"Widgets Modal blockieren.\" width=\"2150\" height=\"1254\"><figcaption class=\"wp-caption-text\">Widgets Modal blockieren.<\/figcaption><\/figure>\n<p>Wie <a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/11\/bringing-the-power-of-blocks-to-widgets\/\">Anne McCarty hervorhebt<\/a>, bieten blockbasierte Widgets mehrere Vorteile, darunter die folgenden:<\/p>\n<ul>\n<li>Du kannst jetzt <strong>Layouts in Seitenleisten<\/strong>, Kopf- und Fu\u00dfzeilen mithilfe von Spalten, Trennlinien, Abstandshaltern und anderen Designbl\u00f6cken erstellen.<\/li>\n<li>Widgets unterst\u00fctzen jetzt standardm\u00e4\u00dfig <strong>Rich-Text-Bearbeitung<\/strong>, ohne dass der Benutzer eigenen Code hinzuf\u00fcgen oder einen HTML-Editor eines Drittanbieters mit einem Plugin einbetten muss.<\/li>\n<li>Viele Shortcode-basierte Widgets sind jetzt <strong>als Bl\u00f6cke verf\u00fcgbar<\/strong>, wodurch die Bearbeitung vereinfacht wird.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/12\/help-test-the-widgets-editor-for-wordpress-5-8\/\">Andrei Draganescu<\/a> hebt auch die Vorteile hervor, die sich aus der M\u00f6glichkeit ergeben, Widgets \u00fcber eine blockbasierte Oberfl\u00e4che zu bearbeiten:<\/p>\n<blockquote><p>Der Hauptvorteil des Upgrades der Widgets-Funktionalit\u00e4t auf Bl\u00f6cke liegt in der M\u00f6glichkeit, Widgets direkt mit der vertrauten Block-Interaktion zu bearbeiten, die du beim Bearbeiten einer Seite oder eines Beitrags auf deiner Seite verwendest. Die M\u00f6glichkeit, Bl\u00f6cke zu verwenden, er\u00f6ffnet tonnenweise neue kreative M\u00f6glichkeiten, von No-Code-Mini-Layouts bis hin zum Anzapfen der riesigen Bibliothek von Core- und Drittanbieter-Bl\u00f6cken zur Erstellung von Inhalten.<\/p><\/blockquote>\n<p>Du musst dir keine Sorgen machen, dass deine Widgets mit WordPress 5.8 nicht mehr funktionieren, denn <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/12\/help-test-the-widgets-editor-for-wordpress-5-8\/\">die Community hat hart daran gearbeitet<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/07\/whats-next-in-gutenberg-may-2021\/\">Abw\u00e4rtskompatibilit\u00e4t zu gew\u00e4hrleisten<\/a>, so dass &#8222;bestehende Widgets und Widgets von Drittanbietern weiterhin funktionieren und neben Bl\u00f6cken verwendet werden k\u00f6nnen&#8220; (siehe <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/block-based-widgets-editor-in-wordpress-5-8\/\">Block-basierter Widgets-Editor in WordPress 5.8<\/a>).<\/p>\n<p>Aber auch hier gilt: Um Kompatibilit\u00e4tsprobleme mit deiner bestehenden WordPress-Installation zu vermeiden, vergiss nicht, die neue Version in einer <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/staging-umgebung\/\">Staging-Umgebung<\/a> zu testen, bevor du deine Live-Seite aktualisierst.<\/p>\n<p>F\u00fcr diejenigen unter euch, die den blockbasierten Widgets-Editor im Moment nicht verwenden m\u00f6chten, ist es immer noch m\u00f6glich, den klassischen Widgets-Bildschirm auf drei verschiedene Arten wiederherzustellen:<\/p>\n<ol>\n<li>Du kannst das <a href=\"https:\/\/wordpress.org\/plugins\/classic-widgets\/\">offizielle Classic Widgets-Plugin<\/a> installieren, das die vorherige Oberfl\u00e4che des Widgets-Bildschirms wiederherstellt. Das Plugin &#8222;wird bis mindestens 2022 unterst\u00fctzt und gewartet, oder so lange wie n\u00f6tig&#8220;.<\/li>\n<li>Theme-Entwickler k\u00f6nnen den blockbasierten Widgets-Editor deaktivieren, indem sie wie gewohnt die Theme-Unterst\u00fctzung entfernen: <code class=\"language-php\">remove_theme_support( 'widgets-block-editor' );<\/code><\/li>\n<li>Ein neuer Filter <code>use_widgets_block_editor<\/code> kann ebenfalls verwendet werden:\n<pre><code class=\"language-php\">add_filter( 'use_widgets_block_editor', '__return_false' );<\/code><\/pre>\n<\/li>\n<\/ol>\n<p>Siehe auch <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/widgets\/opting-out\/\">Wiederherstellung des klassischen Widgets-Editors<\/a> in <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/widgets\/overview\/\">Widgetblock-Editor \u00dcbersicht<\/a>.<\/p>\n<h3>Widgets f\u00fcr den Customizer blockieren<\/h3>\n<p>Als Teil desselben Projekts bringt WordPress 5.8 auch <strong>Block-Widgets in den Customizer<\/strong>.<\/p>\n<figure style=\"width: 598px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/welcome-to-block-widgets.jpg\" alt=\"Widgets im Customizer blockieren.\" width=\"598\" height=\"1398\"><figcaption class=\"wp-caption-text\">Widgets im Customizer blockieren.<\/figcaption><\/figure>\n<p>Das Hinzuf\u00fcgen eines blockbasierten Widgets im Customizer ist ziemlich einfach. Du kannst den <strong>Widgets-Inserter zum Anpassen <\/strong>starten, indem du auf das Plus-Symbol in der oberen rechten Ecke des Widgets-Bedienfelds klickst.<\/p>\n<figure style=\"width: 1706px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/customize-widgets-inserter.jpg\" alt=\"Der Widgets-Inserter zum Anpassen.\" width=\"1706\" height=\"1298\"><figcaption class=\"wp-caption-text\">Der Widgets-Inserter zum Anpassen.<\/figcaption><\/figure>\n<p>Du kannst den <strong>Quick-Inserter <\/strong>auch vom unteren Rand des Widgets-Bedienfelds aus starten, wie in der folgenden Abbildung gezeigt.<\/p>\n<figure style=\"width: 1212px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/customize-widgets-quick-inserter.jpg\" alt=\"Der Quick-Inserter zum Anpassen von Widgets.\" width=\"1212\" height=\"886\"><figcaption class=\"wp-caption-text\">Der Quick-Inserter zum Anpassen von Widgets.<\/figcaption><\/figure>\n<p>Zum Zeitpunkt der Erstellung dieses Artikels erfordert die neue Widget-Bearbeitungsoberfl\u00e4che noch <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/labels\/%5BFeature%5D%20Widgets%20Customizer\">Verbesserungen und Fehlerbehebungen<\/a>, aber die M\u00f6glichkeiten zur Anpassung sind praktisch unbegrenzt.<\/p>\n<p>Grunds\u00e4tzlich hast du ab WordPress 5.8 die M\u00f6glichkeit, den <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-wordpress-editor\/\">Block-Editor<\/a> im Customizer zu nutzen, und du kannst problemlos hochgradig angepasste Sidebars erstellen.<\/p>\n<figure style=\"width: 924px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/show-more-settings.jpg\" alt=\"Weitere Einstellungen anzeigen.\" width=\"924\" height=\"1066\"><figcaption class=\"wp-caption-text\">Weitere Einstellungen anzeigen.<\/figcaption><\/figure>\n<p>Die <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/block-based-widgets-editor-in-wordpress-5-8\/\">Dev-Note zum blockbasierten Widgets-Editor<\/a> bietet einen tieferen \u00dcberblick \u00fcber den blockbasierten Widgets-Editor, mit Beispielen und Ressourcen f\u00fcr Entwickler.<\/p>\n<h2>Funktionen und Verbesserungen des Blockeditors<\/h2>\n<p>Neben der ersten FSE-Implementierung bringt WordPress 5.8 auch neue Funktionen und Verbesserungen an mehreren Elementen des Block-Editors, die das gesamte Bearbeitungserlebnis deutlich verbessern.<\/p>\n<p>Diese \u00c4nderungen umfassen:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Erweiterungen f\u00fcr Medien- und Textbl\u00f6cke<\/h3>\n<p>Das Umwandeln eines Blocks in einen <strong>Spaltenblock<\/strong> ist schon seit einiger Zeit m\u00f6glich. Allerdings werden alle Bl\u00f6cke, die in Spaltenbl\u00f6cke umgewandelt werden, mit einer einzelnen Spalte dargestellt. Dies k\u00f6nnte zu suboptimalen Ergebnissen f\u00fcr den <strong>Medien- &#038; Textblock<\/strong> f\u00fchren, f\u00fcr den eine einzelne Spalte meist nicht geeignet ist.<\/p>\n<figure style=\"width: 2314px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/media-and-text-transforms.jpg\" alt=\"Medien- und Textblocktransformationen und Stile.\" width=\"2314\" height=\"1110\"><figcaption class=\"wp-caption-text\">Medien- und Textblocktransformationen und Stile.<\/figcaption><\/figure>\n<p>Ab WordPress 5.8 (und <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/17\/whats-new-in-gutenberg-10-2-17-march\/\">Gutenberg 10.2<\/a>) f\u00fcgt die Umwandlung des <strong>Medien- &#038; Textblocks<\/strong> in einen <strong>Spaltenblock<\/strong> automatisch zwei Spalten hinzu: eine f\u00fcr das Bild und eine f\u00fcr den Text.<\/p>\n<figure style=\"width: 2018px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/media-and-text-to-two-columns.jpg\" alt=\"Zwei Spalten werden f\u00fcr Medien und Text umgewandelt.\" width=\"2018\" height=\"652\"><figcaption class=\"wp-caption-text\">Zwei Spalten werden f\u00fcr Medien und Text umgewandelt.<\/figcaption><\/figure>\n<h3>Wiederverwendbare Bl\u00f6cke Verbesserungen<\/h3>\n<p>Wiederverwendbare Bl\u00f6cke erm\u00f6glichen es dem Benutzer, einen Block oder eine Gruppe von Bl\u00f6cken zu speichern, um sie sp\u00e4ter in einem beliebigen Beitrag oder einer Seite einer Webseite wiederzuverwenden. Dies ist vor allem f\u00fcr Benutzer n\u00fctzlich, die wiederholt denselben Block oder dieselbe Gruppe von Bl\u00f6cken in verschiedene Beitr\u00e4ge\/Seiten einf\u00fcgen.<\/p>\n<figure style=\"width: 1290px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/reusable-block-modal.jpg\" alt=\"Ein Modal f\u00fcr den Ablauf der Erstellung wiederverwendbarer Bl\u00f6cke.\" width=\"1290\" height=\"964\"><figcaption class=\"wp-caption-text\">Ein Modal f\u00fcr den Ablauf der Erstellung wiederverwendbarer Bl\u00f6cke.<\/figcaption><\/figure>\n<p>Mit WordPress 5.8 sind wiederverwendbare Bl\u00f6cke optisch \u00fcbersichtlicher und damit f\u00fcr WordPress-Anwender leichter zu verwalten.<\/p>\n<figure style=\"width: 2084px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/reusable-block.jpg\" alt=\"Ein wiederverwendbarer Block in WordPress 5.8.\" width=\"2084\" height=\"724\"><figcaption class=\"wp-caption-text\">Ein wiederverwendbarer Block in WordPress 5.8.<\/figcaption><\/figure>\n<p>Hier ist eine kurze Liste von wiederverwendbaren Block-Verbesserungen, die Benutzer nach dem Update ihrer Webseiten auf WordPress 5.8 finden werden:<\/p>\n<ul>\n<li>Beim Erstellen eines wiederverwendbaren Blocks kann der Benutzer nun in einem Modal einen Namen f\u00fcr den Block vergeben.<\/li>\n<li>Der Name des wiederverwendbaren Blocks wird jetzt in der Blocksymbolleiste, der Navigationsliste und den Breadcrumbs angezeigt.<\/li>\n<li>Wenn ein untergeordneter Block ausgew\u00e4hlt ist, werden wiederverwendbare Bl\u00f6cke jetzt umrandet. Dies stellt eine erhebliche Verbesserung der Benutzerfreundlichkeit dar, da du den \u00fcbergeordneten Block und dessen Inhalt leicht identifizieren kannst.<\/li>\n<li>Es ist jetzt m\u00f6glich, den Blocknamen im Inspektor der Seitenleiste zu \u00e4ndern.<\/li>\n<\/ul>\n<figure style=\"width: 1262px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/reusable-block-outlines.jpg\" alt=\"Wiederverwendbare Blockumrisse.\" width=\"1262\" height=\"658\"><figcaption class=\"wp-caption-text\">Wiederverwendbare Blockumrisse.<\/figcaption><\/figure>\n<h3>Symbolleiste f\u00fcr normalisierte Bildbl\u00f6cke<\/h3>\n<p>Mehrere Block-Symbolleisten wurden neu angeordnet, um eine <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/02\/whats-new-in-gutenberg-10-1-3-march\/\">einheitliche Benutzeroberfl\u00e4che f\u00fcr alle Bl\u00f6cke<\/a> zu schaffen und die Benutzerfreundlichkeit zu verbessern. Die Steuerelemente der Symbolleiste sind jetzt in der semantischen Reihenfolge &#8222;Meta, Blockebene, Inline&#8220; gruppiert.<\/p>\n<figure style=\"width: 950px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/heading-block-toolbar.png\" alt=\"Symbolleiste des \u00dcberschriftenblocks.\" width=\"950\" height=\"294\"><figcaption class=\"wp-caption-text\">Symbolleiste des \u00dcberschriftenblocks.<\/figcaption><\/figure>\n<p>Seit <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/02\/whats-new-in-gutenberg-10-1-3-march\/\">Gutenberg 10.1<\/a> und <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/02\/whats-new-in-gutenberg-10-3-31-march\/\">Gutenberg 10.3<\/a> ist eine ganze Reihe von Blocksymbolleisten normalisiert worden. Dazu geh\u00f6ren ein <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/29205\">Bild<\/a>, eine Schaltfl\u00e4che, Schaltfl\u00e4chen, eine Liste, eine \u00dcberschrift, ein Absatz, ein Zitat, Audio, eine Datei, Medien &#038; Text, ein Video und mehr.<\/p>\n<p>Laut <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/25983\">Matias Ventura<\/a>:<\/p>\n<blockquote><p>Die semantischen Gruppierungen, die wir in der Symbolleiste haben &#8211; Meta, Blockebene, Inline &#8211; sollten auch eine visuelle Darstellung mit den R\u00e4ndern haben. Im Moment haben separate Steuerelemente auf Blockebene unterschiedliche Darstellungen, einschlie\u00dflich F\u00e4llen wie Navigation, wo jedes einzelne einen Rahmen hat.<\/p><\/blockquote>\n<figure style=\"width: 953px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/image-block-toolbar.png\" alt=\"Normalisierte Bildblock-Symbolleiste.\" width=\"953\" height=\"280\"><figcaption class=\"wp-caption-text\">Normalisierte Bildblock-Symbolleiste.<\/figcaption><\/figure>\n<p>So gruppiert die Block-Symbolleiste seit WordPress 5.8 <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/designers\/block-design\/#group-block-toolbar-controls-with-related-items\">Steuerelemente in Segmenten<\/a>, die von Rahmen umgeben sind. Dar\u00fcber hinaus:<\/p>\n<ul>\n<li>Das <strong>Meta-Segment<\/strong> enth\u00e4lt blockartige Steuerelemente, wie z. B. den Blockumschalter, den Ziehgriff und das Verschiebe-Steuerelement.<\/li>\n<li>Das Segment der<strong> Blockebene <\/strong>enth\u00e4lt spezifische Blockwerkzeuge, die den gesamten Inhalt betreffen, z. B. die Ausrichtung in einem Absatzblock oder die Verlinkung in einem Bildblock.<\/li>\n<li>Das Segment <strong>Inline-Ebene\/Sonstiges <\/strong>enth\u00e4lt Inline-Transformationswerkzeuge, wie z. B. die Inline-Formatierung in einem Textblock.<\/li>\n<li>Das Men\u00fc &#8222;<strong>Mehr&#8220; <\/strong>enth\u00e4lt zus\u00e4tzliche Werkzeuge.<\/li>\n<\/ul>\n<p>Das Bild unten vergleicht die Symbolleiste des Bildblocks in WordPress 5.7 und 5.8:<\/p>\n<figure style=\"width: 902px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/image-block-toolbar-before-after.png\" alt=\"Bildblock-Symbolleiste in WordPress 5.7 vs. WordPress 5.8.\" width=\"902\" height=\"466\"><figcaption class=\"wp-caption-text\">Bildblock-Symbolleiste in WordPress 5.7 vs. WordPress 5.8.<\/figcaption><\/figure>\n<h3>Verbesserungen der oberen Symbolleiste<\/h3>\n<p>Wenn der Modus f\u00fcr die obere Symbolleiste in fr\u00fcheren WordPress-Versionen aktiviert war, wurden die obere Symbolleiste und die Block-Symbolleiste nebeneinander angezeigt, wie in der folgenden Abbildung dargestellt:<\/p>\n<figure style=\"width: 2880px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/wordpress-57-top-toolbar.jpg\" alt=\"Die obere Symbolleiste auf breiten Bildschirmen in WordPress 5.7.\" width=\"2880\" height=\"1332\"><figcaption class=\"wp-caption-text\">Die obere Symbolleiste auf breiten Bildschirmen in WordPress 5.7.<\/figcaption><\/figure>\n<p>Mit WordPress 5.8 wird durch das Aktivieren der oberen Symbolleisten-Ansicht die Block-Symbolleiste am oberen Rand des Editors fixiert, direkt unterhalb der oberen Symbolleiste. Dies geschieht unabh\u00e4ngig von der Browserbreite und sollte das Benutzererlebnis deutlich verbessern.<\/p>\n<figure style=\"width: 2880px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/wordpress-58-top-toolbar.jpg\" alt=\"Die obere Symbolleiste auf breiten Bildschirmen in WordPress 5.8.\" width=\"2880\" height=\"1324\"><figcaption class=\"wp-caption-text\">Die obere Symbolleiste auf breiten Bildschirmen in WordPress 5.8.<\/figcaption><\/figure>\n<p>Diese Erweiterung bringt auch \u00c4nderungen f\u00fcr Entwickler, da sie Toolbar-APIs unter der <code>&lt;BlockTools \/&gt;<\/code>-Komponente vereinheitlicht (siehe PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31134\">31134<\/a>).<\/p>\n<h3>Eingebettete PDFs<\/h3>\n<p>Wenn eine PDF-Datei \u00fcber den Dateiblock in das Dokument eingef\u00fcgt wird, erm\u00f6glicht ein neuer Toggle in der Seitenleiste die Aktivierung\/Deaktivierung einer <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/30\/whats-new-in-gutenberg-10-5-28-april\/\">eingebetteten PDF-Version<\/a> (siehe PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30857\">30857<\/a>).<\/p>\n<figure style=\"width: 2080px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/embedded-pdf.jpg\" alt=\"Ein eingebettetes PDF in WordPress 5.8.\" width=\"2080\" height=\"1054\"><figcaption class=\"wp-caption-text\">Ein eingebettetes PDF in WordPress 5.8.<\/figcaption><\/figure>\n<p>Du kannst die Datei entweder direkt auf die Arbeitsfl\u00e4che des Editors ziehen oder sie einfach aus der Bibliothek ausw\u00e4hlen. Es ist auch m\u00f6glich, die H\u00f6he des PDF-Viewers manuell oder \u00fcber die Seitenleistensteuerung anzupassen.<\/p>\n<p>Alle wichtigen Webbrowser unterst\u00fctzen den PDF-Viewer, <a href=\"https:\/\/caniuse.com\/pdf-viewer\">mit Ausnahme von mobilen Browsern<\/a>.<\/p>\n<h3>Duotone Block Support<\/h3>\n<p>Eine der interessantesten Funktionen, die mit WordPress 5.8 in Core integriert wurde, ist der Duotone-Filter, der erstmals mit <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/14\/whats-new-in-gutenberg-10-6-12-may\/\">Gutenberg 10.6<\/a> eingef\u00fchrt wurde.<\/p>\n<figure style=\"width: 1256px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/duotone-image.jpg\" alt=\"Das neue Duoton-Design-Werkzeug in einem Bildblock.\" width=\"1256\" height=\"1186\"><figcaption class=\"wp-caption-text\">Das neue Duoton-Design-Werkzeug in einem Bildblock.<\/figcaption><\/figure>\n<p>Der Duotone-Filter ist als <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/26752\">&#8222;Blockunterst\u00fctzungsfunktion&#8220;<\/a> verf\u00fcgbar und ist standardm\u00e4\u00dfig in <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/26751\">Corebild<\/a>&#8211; und Cover-Bl\u00f6cken aktiviert. Im Cover-Block funktioniert er jedoch nicht bei <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/31662\">festen Hintergr\u00fcnden<\/a>.<\/p>\n<figure style=\"width: 1268px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/duotone-picker.jpg\" alt=\"Der neue Duoton-Picker in WordPress 5.8.\" width=\"1268\" height=\"998\"><figcaption class=\"wp-caption-text\">Der neue Duoton-Picker in WordPress 5.8.<\/figcaption><\/figure>\n<p>Die Symbolleisten f\u00fcr Bilder und Deckbl\u00f6cke zeigen jetzt ein Steuerelement f\u00fcr das <strong>Anwenden von Duotone-Filtern <\/strong>an, das einen Duotone-Picker mit vielen Voreinstellungen zur Auswahl zeigt.<\/p>\n<p>Zwei Untersteuerungen erlauben die separate Anpassung von Schatten und Glanzlichtern. Der Effekt wird mit einem <a href=\"https:\/\/www.w3.org\/TR\/SVG11\/filters.html\">SVG-Filter<\/a> angewendet, der mit Inline-Styles ausgeblendet und mit einem bestimmten Klassennamen angewendet wird.<\/p>\n<figure style=\"width: 2142px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/duotone-source-code.jpg\" alt=\"Pr\u00fcfen des Duotone SVG-Filters in Chrome DevTools.\" width=\"2142\" height=\"1038\"><figcaption class=\"wp-caption-text\">Pr\u00fcfen des Duotone SVG-Filters in Chrome DevTools.<\/figcaption><\/figure>\n<p>Das neue Werkzeug kommt in Verbindung mit einer neuen Eigenschaft <code>color.__experimentalDuotone<\/code>, die es Entwicklern erm\u00f6glicht, den Duotone-Filter zu Bl\u00f6cken oder Teilen von Bl\u00f6cken in ihrer <strong>block.json<\/strong>-Datei hinzuzuf\u00fcgen (mehr dazu in der <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-supports\/#color\">Farbobjekt-Referenz<\/a>):<\/p>\n<pre><code class=\"language-javascript\">supports: {\n\tcolor: {\n\t\t__experimentalDuotone: '&gt; .duotone-img, &gt; .duotone-video',\n\t\tbackground: false,\n\t\ttext: false\n\t}\n}<\/code><\/pre>\n<p>Wenn ein Block Unterst\u00fctzung f\u00fcr <code>color.__experimentalDuotone<\/code> deklariert, kann ein style-Attribut verwendet werden, um <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-supports\/#color-__experimentalduotone\">benutzerdefinierte Standardfarben<\/a> festzulegen:<\/p>\n<pre><code class=\"language-javascript\">attributes: {\n\tstyle: {\n\t\ttype: 'object',\n\t\tdefault: {\n\t\t\tcolor: {\n\t\t\t\tduotone: [\n\t\t\t\t\t'#FFF',\n\t\t\t\t\t'#000\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Unten siehst du das selbe Bild mit zwei verschiedenen angewandten Duotone-Effekten:<\/p>\n<figure style=\"width: 1250px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/duotone-image-blue.jpg\" alt=\"Duoton-Farbfilter, der auf ein Bild angewendet wird.\" width=\"1250\" height=\"850\"><figcaption class=\"wp-caption-text\">Duoton-Farbfilter, der auf ein Bild angewendet wird.<\/figcaption><\/figure>\n<figure style=\"width: 1250px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/duotone-image-yellow.jpg\" alt=\"Ein anderer Duoton-Farbfilter, der auf ein Bild angewendet wird.\" width=\"1250\" height=\"850\"><figcaption class=\"wp-caption-text\">Ein anderer Duoton-Farbfilter, der auf ein Bild angewendet wird.<\/figcaption><\/figure>\n<p>Entwickler k\u00f6nnen <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#presets\">Duotone-Voreinstellungen<\/a> in der Datei <strong>theme.json <\/strong>(siehe <a href=\"#block-settings-and-styles-with-themejso\">n\u00e4chster Abschnitt<\/a>) definieren, wie im folgenden Ausschnitt gezeigt:<\/p>\n<pre><code class=\"language-javascript\">{\n\"version\": 1,\n\"settings\": {\n\t\"color\": {\n\t\t\"duotone\": [\n\t\t\t{\n\t\t\t\t\"colors\": [ \"#000\", \"#7f7f7f\" ],\n\t\t\t\t\"slug\": \"black-and-white\",\n\t\t\t\t\"name\": \"dark-grayscale\"\n\t\t\t}\n\t\t],\n\t...<\/code><\/pre>\n<p>Mehr \u00fcber Duotone-Filter kannst du unter <a href=\"https:\/\/wordpress.org\/news\/2021\/05\/coloring-your-images-with-duotone-filters\/\">Coloring Your Images With Duotone Filters<\/a> nachlesen.<\/p>\n<h3>Tabellenblockfarben und -r\u00e4nder<\/h3>\n<p>WordPress 5.8 bringt auch eine Reihe von <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/14\/whats-new-in-gutenberg-10-6-12-may\/\">Verbesserungen f\u00fcr den Tabellenblock<\/a>, einschlie\u00dflich einer besseren Kontrolle \u00fcber die <a href=\"https:\/\/kinsta.com\/de\/blog\/webseiten-farbschemata\/\">Hintergrund- und Vordergrundfarben<\/a> der Tabelle.<\/p>\n<figure style=\"width: 1618px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/table-block-color-settings.jpg\" alt=\"Verbesserte Farbeinstellungen f\u00fcr den Tabellenblock.\" width=\"1618\" height=\"1144\"><figcaption class=\"wp-caption-text\">Verbesserte Farbeinstellungen f\u00fcr den Tabellenblock.<\/figcaption><\/figure>\n<p>Eine weitere Erg\u00e4nzung des Tabellenblocks ist die <strong>Unterst\u00fctzung des Rahmenblocks<\/strong>, der dem Benutzer die M\u00f6glichkeit gibt, Farbe, Stil und Breite des Rahmens zu steuern.<\/p>\n<p>Wenn das aktive Theme die neue Funktion unterst\u00fctzt, bietet ein neues <strong>Rahmeneinstellungsfeld<\/strong> drei neue Steuerelemente f\u00fcr Benutzeranpassungen.<\/p>\n<figure style=\"width: 1984px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/border-block-support.jpg\" alt=\"Randblock-Steuerungen in WordPress 5.8 und TT1-Bl\u00f6cke.\" width=\"1984\" height=\"1224\"><figcaption class=\"wp-caption-text\">Randblock-Steuerungen in WordPress 5.8 und TT1-Bl\u00f6cke.<\/figcaption><\/figure>\n<p>Entwickler k\u00f6nnen die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31265\">Unterst\u00fctzung f\u00fcr Randbl\u00f6cke<\/a> zu ihren Themes hinzuf\u00fcgen, indem sie den folgenden Code in die Datei <strong>theme.json <\/strong>einf\u00fcgen:<\/p>\n<pre><code class=\"language-javascript\">\"border\": {\n\t\"customColor\": true,\n\t\"customStyle\": true,\n\t\"customWidth\": true\n}<\/code><\/pre>\n<h3>Verbesserungen am Blockeinsetzer<\/h3>\n<p>In WordPress 5.8 wurde der Block-Inserter mit <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/02\/whats-new-in-gutenberg-10-3-31-march\/\">einigen Erg\u00e4nzungen versehen<\/a> (PR #26938 und #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/21080#issuecomment-649231549\">21080<\/a>):<\/p>\n<figure style=\"width: 1354px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/block-inserter-keyboard-navigation.jpg\" alt=\"Durch Dr\u00fccken des Pfeils nach oben und unten wird der Zeilenfokus verschoben.\" width=\"1354\" height=\"840\"><figcaption class=\"wp-caption-text\">Durch Dr\u00fccken des Pfeils nach oben und unten wird der Zeilenfokus verschoben.<\/figcaption><\/figure>\n<p>1.<strong> Zweidimensionale Tastaturnavigation auf dem Block-Inserter<\/strong>. Jetzt k\u00f6nnen wir zwischen Bl\u00f6cken pr\u00e4ziser und intuitiver navigieren.<\/p>\n<ul>\n<li>Durch Dr\u00fccken von Pfeil nach oben (\u2191) und Pfeil nach unten (\u2193) wird der Fokus auf die Zeile dar\u00fcber bzw. darunter gesetzt.<\/li>\n<li>Durch Dr\u00fccken der <strong>Tabulatortaste <\/strong>oder <strong>Umschalttaste + Tabulator <\/strong>kannst du den Fokus zwischen dem Suchfeld, der Tabulatorliste und dem ersten Element jeder Kategorie verschieben.<\/li>\n<\/ul>\n<p>2. <strong>Eine neue &#8222;Theme&#8220;-Kategorie f\u00fcr Template-Teile und -Variationen<\/strong> erscheint nun im Inserter in Full Site Editing (siehe PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30020\">30020<\/a>).<\/p>\n<p>3. <strong>Mehrere W\u00f6rter in der automatischen Vervollst\u00e4ndigung<\/strong> von Phrasen sind jetzt erlaubt (siehe PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/29939\">29939<\/a>).<\/p>\n<h3>Zus\u00e4tzliche Verbesserungen im Block-Editor<\/h3>\n<p>WordPress 5.8 bringt eine Menge zus\u00e4tzlicher kleiner und mittlerer \u00c4nderungen, die hier ein paar Zeilen wert sind. Unter diesen Verbesserungen w\u00fcrden wir die folgenden erw\u00e4hnen:<\/p>\n<h4>Drag-and-Drop-Unterst\u00fctzung in Abdeckbl\u00f6cken<\/h4>\n<p>Jetzt kannst du Bilder von deinem Desktop ziehen und ablegen, um den Hintergrund eines Titelblocks zu ersetzen (siehe Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/02\/whats-new-in-gutenberg-10-3-31-march\/\">10.3<\/a> und PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/29813\">29813<\/a>).<\/p>\n<figure style=\"width: 558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/drag-and-drop-cover-background-image.gif\" alt=\"Ziehe Hintergrundbilder per Drag-and-Drop in den Cover-Block.\" width=\"558\" height=\"338\"><figcaption class=\"wp-caption-text\">Ziehe Hintergrundbilder per Drag-and-Drop in den Cover-Block.<\/figcaption><\/figure>\n<h4>Verbessertes Publishing UI<\/h4>\n<p>Seit WordPress 5.8 zeigt die Ver\u00f6ffentlichungs-UI das Seiten-Symbol und den Titel an, um deutlicher zu machen, wo du deine Beitr\u00e4ge oder Seiten ver\u00f6ffentlichen wirst (<a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/14\/whats-new-in-gutenberg-10-4-14-april\/\">Gutenberg 10.4<\/a>).<\/p>\n<figure style=\"width: 562px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/publishing-ui-wp-57.png\" alt=\"Publishing UI in WordPress 5.7.\" width=\"562\" height=\"730\"><figcaption class=\"wp-caption-text\">Publishing UI in WordPress 5.7.<\/figcaption><\/figure>\n<figure style=\"width: 562px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/publishing-ui-wp-58.png\" alt=\"Publishing UI in WordPress 5.8.\" width=\"562\" height=\"730\"><figcaption class=\"wp-caption-text\">Publishing UI in WordPress 5.8.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30231\">Diese Erweiterung<\/a> ist von Vorteil, wenn du im Vollbildmodus oder auf mobilen Ger\u00e4ten arbeitest.<\/p>\n<h2>Blockeinstellungen und Stile mit theme.json<\/h2>\n<p>Mit WordPress 5.8 wird <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\">die Datei <strong>theme.json <\/strong><\/a>zu einem &#8222;zentralen Punkt der Konfiguration&#8220; und bietet eine neue M\u00f6glichkeit f\u00fcr Theme-Entwickler, Editor-Einstellungen und Stile anzupassen.<\/p>\n<p>Mithilfe einer <strong>theme.<\/strong>json-Datei k\u00f6nnen Themes benutzerdefinierte Voreinstellungen festlegen und\/oder Unterst\u00fctzung f\u00fcr neue Funktionen, wie z. B. Duotone und Tabellenr\u00e4nder, hinzuf\u00fcgen (siehe <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\">Globale Einstellungen &#038; Stile)<\/a>.<\/p>\n<p>Laut <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\">Andr\u00e9 Maneiro<\/a>:<\/p>\n<blockquote><p>Dieser neue Mechanismus soll die verschiedenen <code>add_theme_support<\/code>-Aufrufe, die bisher zur Steuerung des Editors erforderlich waren, \u00fcbernehmen und konsolidieren.<\/p><\/blockquote>\n<p>Du kannst zum Beispiel mit dem folgenden Code eine benutzerdefinierte Duoton-Voreinstellung global festlegen:<\/p>\n<pre><code class=\"language-javascript\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"duotone\": [\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#000\", \"#0FF\" ],\n\t\t\t\t\t\"slug\": \"black-cyan\",\n\t\t\t\t\t\"name\": \"Black Cyan\"\n\t\t\t\t}\n\t\t\t],<\/code><\/pre>\n<p>Dies w\u00fcrde die Standardvorgaben \u00fcberschreiben, und du siehst nur eine Duotone-Option:<\/p>\n<figure style=\"width: 1264px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/custom-duotone-preset.jpg\" alt=\"Benutzerdefinierte Duotone-Voreinstellung in theme.json.\" width=\"1264\" height=\"802\"><figcaption class=\"wp-caption-text\">Benutzerdefinierte Duotone-Voreinstellung in theme.json.<\/figcaption><\/figure>\n<p>Der neue Mechanismus bietet eine M\u00f6glichkeit, die Einstellungen entweder global oder auf Basis einzelner Bl\u00f6cke zu steuern. Du kannst z. B. eine benutzerdefinierte 12px-Schriftgr\u00f6\u00dfe global hinzuf\u00fcgen, indem du die folgende Voreinstellung zu deiner <strong>theme.json<\/strong>-Datei hinzuf\u00fcgst:<\/p>\n<pre><code class=\"language-javascript\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"typography\": {\n\t\t\t\"customLineHeight\": true,\n\t\t\t\"fontSizes\": [\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"extra-extra-small\",\n\t\t\t\t\t\"size\": \"12px\",\n\t\t\t\t\t\"name\": \"Extra extra small\"\n\t\t\t\t},\n\t\t\t\t{...}<\/code><\/pre>\n<p>Dadurch steht dem Benutzer eine neue Schriftgr\u00f6\u00dfe zur Verf\u00fcgung, die er f\u00fcr <em>jeden <\/em>Text in seinem Inhalt verwenden kann.<\/p>\n<figure style=\"width: 560px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/extra-extra-small-font-size-settings.png\" alt=\"Eine global definierte benutzerdefinierte Schriftgr\u00f6\u00dfe in theme.json.\" width=\"560\" height=\"754\"><figcaption class=\"wp-caption-text\">Eine global definierte benutzerdefinierte Schriftgr\u00f6\u00dfe in theme.json.<\/figcaption><\/figure>\n<p>Wenn du nur den Absatzblock anpassen m\u00f6chtest, wird dein Code etwas anders aussehen:<\/p>\n<pre><code class=\"language-javascript\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/paragraph\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontSizes\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"extra-extra-small\",\n\t\t\t\t\t\t\t\"size\": \"12px\",\n\t\t\t\t\t\t\t\"name\": \"Extra extra small\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"extra-small\",\n\t\t\t\t\t\t\t\"size\": \"16px\",\n\t\t\t\t\t\t\t\"name\": \"Extra small\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"small\",\n\t\t\t\t\t\t\t\"size\": \"18px\",\n\t\t\t\t\t\t\t\"name\": \"Small\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"normal\",\n\t\t\t\t\t\t\t\"size\": \"20px\",\n\t\t\t\t\t\t\t\"name\": \"Normal\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"large\",\n\t\t\t\t\t\t\t\"size\": \"24px\",\n\t\t\t\t\t\t\t\"name\": \"Large\"\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Das war&#8217;s! Du hast gerade deine benutzerdefinierten Schriftgr\u00f6\u00dfenvorgaben f\u00fcr den Absatzblock festgelegt.<\/p>\n<figure style=\"width: 558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/paragraph-block-custom-settings.png\" alt=\"Ein Absatzblock mit benutzerdefinierten Schriftgr\u00f6\u00dfenvoreinstellungen.\" width=\"558\" height=\"1216\"><figcaption class=\"wp-caption-text\">Ein Absatzblock mit benutzerdefinierten Schriftgr\u00f6\u00dfenvoreinstellungen.<\/figcaption><\/figure>\n<p>Corebl\u00f6cke wurden aktualisiert, um dem neuen Mechanismus zu folgen, w\u00e4hrend Bl\u00f6cke von Drittanbietern mit dem React <strong>useSetting<\/strong>-Hook an den neuen Mechanismus angepasst werden k\u00f6nnen (lies mehr \u00fcber diese Funktion in der <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\">Dev-Note<\/a> und <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-block-editor\/#useSetting\">API-Dokumentation<\/a>):<\/p>\n<pre><code class=\"language-javascript\">const isEnabled = useSetting( 'spacing.margin' );<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Die in <strong>theme.json <\/strong>deklarierten Einstellungen haben Vorrang vor den \u00fcber <code>add_theme_support<\/code> deklarierten Einstellungen.<\/p>\n<\/aside>\n\n<p>Der neue Mechanismus, der auf der Datei <strong>theme.json <\/strong>basiert, gilt nicht nur f\u00fcr Blockeinstellungen. Tats\u00e4chlich wird es ab WordPress 5.8 nicht mehr notwendig sein, Editor-Stile zu erstellen und sie in die Warteschlange zu stellen. Es wird gen\u00fcgen, Presets in der <strong>theme.<\/strong>json-Datei zu deklarieren; die Engine wird die Klassen generieren und sie automatisch sowohl an den Editor als auch an das Frontend enqueuen.<\/p>\n<p>Die Engine generiert auch die entsprechenden <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-one-theme\/#styles-and-css-custom-properties\">benutzerdefinierten CSS-Eigenschaften<\/a>.<\/p>\n<p>Im vorherigen Beispiel haben wir f\u00fcnf <code>fontSizes<\/code>-Voreinstellungen f\u00fcr den Absatzblock festgelegt. F\u00fcr diese Voreinstellungen werden die folgenden benutzerdefinierten CSS-Eigenschaften generiert:<\/p>\n<pre><code class=\"language-css\">p {\n\t--wp--preset--font-size--extra-extra-small: 12px;\n\t--wp--preset--font-size--extra-small: 16px;\n\t--wp--preset--font-size--small: 18px;\n\t--wp--preset--font-size--normal: 20px;\n\t--wp--preset--font-size--large: 24px;\n}<\/code><\/pre>\n<p>Sobald du die Absatzschriftgr\u00f6\u00dfe in deiner <strong>theme.<\/strong>json-Datei festgelegt hast, erh\u00e4lt das entsprechende <code>p<\/code>-Element die Klasse <code>has-{preset-slug}-{preset-category}<\/code>.<\/p>\n<p>Das bedeutet, dass ein Absatz mit einer <code>extra-extra-small<\/code> Schriftgr\u00f6\u00dfe die Klasse <code>has-extra-extra-small-font-size<\/code> erh\u00e4lt:<\/p>\n<pre><code class=\"language-html\">&lt;p class=\"has-extra-extra-small-font-size\"&gt;Lorem ipsum dolor...&lt;\/p&gt;<\/code><\/pre>\n<p>Und hier ist der CSS-Deklarationsblock:<\/p>\n<pre><code class=\"language-css\">p.has-extra-extra-small-font-size {\n\tfont-size: var(--wp--preset--font-size--extra-extra-small) !important;\n}<\/code><\/pre>\n<p>F\u00fcr eine genauere Betrachtung der Einstellungen und Stile mit <strong>theme.json <\/strong>solltest du dir die <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\">Dev-Note<\/a> und die <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#presets\">API-Dokumentation ansehen<\/a>.<\/p>\n<p>Lies auch den <a href=\"https:\/\/make.wordpress.org\/test\/2021\/06\/24\/call-for-testing-thrive-with-theme-json\/\">FSE-Aufruf zum Testen<\/a> von Anne McCarty f\u00fcr weitere n\u00fctzliche Lekt\u00fcre und eine spannende Herausforderung f\u00fcr Entwickler, die die neuen <strong>theme.json<\/strong>-Funktionen erkunden m\u00f6chten.<\/p>\n<h2>Erweiterungen der Block-API<\/h2>\n<p>Die <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/23\/block-api-enhancements-in-wordpress-5-8\/\">Erweiterungen der Block-API<\/a>, die mit WordPress 5.8 kommen, verdienen die besondere Aufmerksamkeit von Plugin-Entwicklern.<\/p>\n<p>Die Verwendung der Datei <strong>block.json <\/strong>wird nun als kanonischer Weg zur <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-metadata\/\">Registrierung von Blocktypen<\/a> empfohlen und bietet mehrere Vorteile:<\/p>\n<ul>\n<li>Wenn das Thema &#8222;<a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-lazy-load\/\">Lazy Loading&#8220; von Assets<\/a> unterst\u00fctzt, wird durch die Registrierung von Blocktypen \u00fcber die Datei &#8222;<strong>block.json&#8220; <\/strong>das Enqueueing von Ressourcen automatisch optimiert, was die Leistung betrifft. Das liegt daran, dass die von den <code>style<\/code>&#8211; und <code>script<\/code>eigenschaften angegebenen Ressourcen nur dann auf dem Frontend eingereiht werden, wenn der Block erkannt wird. Dies erm\u00f6glicht die Entwicklung von effizienteren Plugins, reduziert die Seitengr\u00f6\u00dfe und verhindert mehrere der in <a href=\"https:\/\/kinsta.com\/de\/blog\/laden-von-wordpress-plugins-deaktivieren\/\">diesem Artikel<\/a> behandelten Probleme.<\/li>\n<li>Die Datei &#8222;<strong>block.json&#8220; <\/strong>vereinfacht die serverseitige Blockregistrierung, indem sie es dem <a href=\"https:\/\/developer.wordpress.org\/rest-api\/reference\/\">REST-API-Endpunkt &#8222;<\/a><a href=\"https:\/\/developer.wordpress.org\/rest-api\/reference\/block-types\/\">Block Types&#8220;<\/a> erm\u00f6glicht, den Block aufzulisten.<\/li>\n<li>Die Datei <strong>block.json <\/strong>wird auch ben\u00f6tigt, wenn du dich entscheidest, dein Block-Plugin an das WordPress-Plugins-Verzeichnis zu \u00fcbermitteln.<\/li>\n<\/ul>\n<h3>\u00c4nderungen an der Funktion register_block_type<\/h3>\n<p>Seit WordPress 5.8 wurde die Funktion<code> register_block_type<\/code> erweitert, um Metadaten aus der Datei <strong>block.json <\/strong>zu lesen. Jetzt akzeptiert <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/register_block_type\/\">der erste Parameter<\/a> den Pfad zum Ordner, in dem sich die <strong>block.json<\/strong>-Datei befindet.<\/p>\n<p>Die Funktion kann wie im folgenden Beispiel gezeigt verwendet werden:<\/p>\n<pre><code class=\"language-php\">function create_custom_block_init() {\n\tregister_block_type( __DIR__ );\n}\nadd_action( 'init', 'create_custom_block_init' );<\/code><\/pre>\n<p>Es gibt den registrierten Blocktyp oder bei Fehlschlag <code>false<\/code> zur\u00fcck.<\/p>\n<p>Wie du vielleicht bemerkst, wird die Funktion <code>register_block_type<\/code> jetzt auf die gleiche Weise verwendet wie die Funktion <code>register_block_type_from_metadata<\/code>, die bisher die einzige Funktion war<a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/register_block_type_from_metadata\/\">, die zum Registrieren eines Blocktyps<\/a> durch Lesen der Metadaten aus der Datei <strong>block.json zur <\/strong><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/register_block_type_from_metadata\/\">Verf\u00fcgung stand<\/a>. Wie von <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/23\/block-api-enhancements-in-wordpress-5-8\/\">Greg Zi\u00f3\u0142kowski<\/a> erkl\u00e4rt:<\/p>\n<blockquote><p>Wir haben uns entschlossen, die bereits vorhandene Funktionalit\u00e4t, die mit der Methode <code>register_block_type_from_metadata<\/code> zur Verf\u00fcgung steht, in <code>register_block_type<\/code> zu konsolidieren, um einige Verwirrungen zu vermeiden, die dadurch entstanden sind. Es ist immer noch m\u00f6glich, beide Funktionen zu verwenden, aber wir planen, von nun an nur noch die k\u00fcrzere Version in den offiziellen Dokumenten und Tools zu verwenden.<\/p><\/blockquote>\n<p>Sobald der Block auf dem Server registriert ist, musst du nur noch die Einstellungen auf dem Client mit demselben Blocknamen in deiner <strong>index.<\/strong>js-Datei <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-registration\/\">registrieren<\/a>.<\/p>\n<p>Einen detaillierteren \u00dcberblick \u00fcber die mit WordPress 5.8 eingef\u00fchrten Block-API-Erweiterungen findest du in der <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/23\/block-api-enhancements-in-wordpress-5-8\/\">Dev-Note von Greg Zi\u00f3\u0142kowski<\/a>.<\/p>\n<h2>WebP-Unterst\u00fctzung in WordPress 5.8<\/h2>\n<p>Hier bei Kinsta sind wir besessen von der Geschwindigkeit von Webseiten und der Leistung von WordPress. Deshalb ist die Unterst\u00fctzung des WebP-Formats in WordPress 5.8 eine so aufregende Neuigkeit f\u00fcr uns.<\/p>\n<p>WebP gilt als ein <a href=\"https:\/\/web.dev\/uses-webp-images\/\">Format der n\u00e4chsten Generation<\/a> und ist ein von Google entwickeltes <a href=\"https:\/\/kinsta.com\/de\/blog\/bilddateitypen\/\">Bildformat<\/a>, das &#8222;eine bessere Komprimierung als PNG oder JPEG bietet, was schnellere Downloads und weniger Datenverbrauch bedeutet.&#8220;<\/p>\n<figure style=\"width: 1406px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/next-gen-image-formats-lighthouse.png\" alt=\"Google Lighthouse schl\u00e4gt die Verwendung von Bildformaten der n\u00e4chsten Generation vor.\" width=\"1406\" height=\"338\"><figcaption class=\"wp-caption-text\">Google Lighthouse schl\u00e4gt die Verwendung von Bildformaten der n\u00e4chsten Generation vor.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/developers.google.com\/speed\/webp\">Laut Google<\/a>:<\/p>\n<blockquote><p>WebP ist ein modernes <strong>Bildformat<\/strong>, das eine hervorragende <strong>verlustfreie und verlustbehaftete <\/strong>Komprimierung f\u00fcr Bilder im Web bietet. Mit WebP k\u00f6nnen Webmaster und Webentwickler kleinere, reichhaltigere Bilder erstellen, die das Web schneller machen.<\/p>\n<p>WebP-verlustfreie Bilder sind im Vergleich zu PNGs um 26 % kleiner. Verlustbehaftete WebP-Bilder sind bei gleichem SSIM-Qualit\u00e4tsindex 25-34 % kleiner als vergleichbare <a href=\"https:\/\/kinsta.com\/de\/blog\/jpg-vs-jpeg\/\">JPEG-Bilder<\/a>.<\/p><\/blockquote>\n<p>Ab WordPress 5.8 kannst du das WebP-Bildformat genauso nutzen wie die Formate JPEG, PNG und GIF. Lade deine Bilder einfach in deine <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-medienbibliothek\/\">Medienbibliothek<\/a> hoch und f\u00fcge sie in deine Inhalt ein.<\/p>\n<p>In einem <a href=\"https:\/\/kinsta.com\/de\/blog\/webp\/\">fr\u00fcheren Artikel<\/a> haben wir einen ausf\u00fchrlichen Blick auf das WebP-Format und die verf\u00fcgbaren Tools zur Verwendung in WordPress geworfen. Nun, aufgrund der <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/07\/wordpress-5-8-adds-webp-support\/\">Unterst\u00fctzung f\u00fcr WebP-Bilder in WordPress 5.8<\/a>, Dinge \u00e4ndern sich ein wenig.\u00a0Da das WebP-Format von Haus aus unterst\u00fctzt wird, musst du keine Plugins von Drittanbietern installieren, um WebP-Bilder in WordPress hochzuladen, zumindest nicht in den h\u00e4ufigsten Anwendungsf\u00e4llen.<\/p>\n<p>Beachte, dass, obwohl du jetzt deine WebP-Bilder \u00fcber die Medienbibliothek in WordPress hochladen kannst, WordPress keine automatische Bildkonvertierung in das WebP-Format unterst\u00fctzt. Um diese Funktion auf deiner Webseite zu aktivieren, ben\u00f6tigst du ein <a href=\"https:\/\/kinsta.com\/de\/blog\/webp\/#how-to-use-webp-images-on-wordpress\">WebP-WordPress-Plugin<\/a> eines Drittanbieters.<\/p>\n<h3>Wie man WebP-Bilder in WordPress verwendet<\/h3>\n<p>Du kannst deine Bilder auf viele verschiedene Arten in WebP konvertieren:<\/p>\n<ul>\n<li>Du kannst die <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/precompiled\">vorkompilierten WebP-Dienstprogramme und die Bibliothek<\/a> von Google f\u00fcr Linux, Windows oder Mac OS X verwenden.<\/li>\n<li>Mac-Benutzer k\u00f6nnen einen <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/precompiled#os_x_package_managers\">Paketmanager<\/a> wie das <a href=\"https:\/\/formulae.brew.sh\/formula\/webp\">Homebrew WebP-Paket<\/a> oder das <a href=\"https:\/\/ports.macports.org\/?search=webp&#038;search_by=name\">Macports WebP-Paket<\/a> installieren.<\/li>\n<li>Du kannst ein Bildbearbeitungsprogramm verwenden, das WebP unterst\u00fctzt, z. B. <a href=\"https:\/\/squoosh.app\/\">Squoosh<\/a> von <a href=\"https:\/\/github.com\/GoogleChromeLabs\/squoosh\">Google Chrome Labs<\/a>, den Batch-Bildkonverter <a href=\"https:\/\/www.xnview.com\/en\/xnconvert\/\">XnConvert<\/a>, ein beliebtes Bildbearbeitungsprogramm wie <a href=\"https:\/\/www.gimp.org\/\">GIMP<\/a> und viele andere.<\/li>\n<li>Du kannst ein <a href=\"https:\/\/kinsta.com\/de\/blog\/webp\/#how-to-use-webp-images-on-wordpress\">WebP-WordPress-Plugin<\/a> installieren, um eine bessere Gesamtkontrolle \u00fcber WebP-Bilder in WordPress zu erhalten.<\/li>\n<\/ul>\n<figure style=\"width: 582px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/webp-export-settings-gimp.jpg\" alt=\"Exportiere das Bild als WebP in GIMP.\" width=\"582\" height=\"596\"><figcaption class=\"wp-caption-text\">Exportiere das Bild als WebP in GIMP.<\/figcaption><\/figure>\n<p>Wenn du dich f\u00fcr ein Befehlszeilenwerkzeug entscheidest, kannst du deine Bilder mit den Dienstprogrammen <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/cwebp\">cwebp<\/a> und <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/dwebp\">dwebp<\/a> kodieren und dekodieren. Der folgende Befehl f\u00fchrt zum Beispiel eine einfache JPEG-zu-WebP-Konvertierung aus:<\/p>\n<pre><code class=\"language-bash\">cwebp [options] original_image.jpg -o compressed_image.webp<\/code><\/pre>\n<p>Du kannst auch eine Massenkonvertierung deiner Bilder mit der Bash und cwebp durchf\u00fchren (Beispiel von <a href=\"https:\/\/www.smashingmagazine.com\/2018\/07\/converting-images-to-webp\/\">Jeremy Wagner<\/a>):<\/p>\n<pre><code class=\"language-bash\">find .\/ -type f -name '*.png' -exec sh -c 'cwebp -q 75 $1 -o \"${1%.png}.webp\"' _ {} \\;\n<\/code><\/pre>\n<p>Der obige Befehl konvertiert alle <strong>.png<\/strong>-Bilder in das <strong>.webp<\/strong>-Format mit einem Kompressionsfaktor von 75.<\/p>\n<figure style=\"width: 1269px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/webp-quality-vs-file-size.jpg\" alt=\"Vergleich von Kompressionsfaktor und Dateigr\u00f6\u00dfen.\" width=\"1269\" height=\"870\"><figcaption class=\"wp-caption-text\">Vergleich von Kompressionsfaktor und Dateigr\u00f6\u00dfen.<\/figcaption><\/figure>\n<p>Sobald du deine WebP-Bilder hast, kannst du sie einfach \u00fcber die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-medienbibliothek\/\">WordPress-Medienbibliothek<\/a> hochladen. Unten siehst du ein 127 KB gro\u00dfes JPEG-Bild vor der Konvertierung in der Medienbibliothek:<\/p>\n<figure style=\"width: 1960px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/jpeg-image.jpg\" alt=\"Die Gr\u00f6\u00dfe der komprimierten JPEG-Datei betr\u00e4gt 127 KB.\" width=\"1960\" height=\"1280\"><figcaption class=\"wp-caption-text\">Die Gr\u00f6\u00dfe der komprimierten JPEG-Datei betr\u00e4gt 127 KB.<\/figcaption><\/figure>\n<p>Die komprimierte WebP-Bildgr\u00f6\u00dfe ist 42 % kleiner als das urspr\u00fcngliche JPEG-Bild!<\/p>\n<figure style=\"width: 1960px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/webp-image.jpg\" alt=\"Das selbe Bild im WebP-Format ist 74 KB gro\u00df.\" width=\"1960\" height=\"1280\"><figcaption class=\"wp-caption-text\">Das selbe Bild im WebP-Format ist 74 KB gro\u00df.<\/figcaption><\/figure>\n<p>Schlie\u00dflich haben WebP-Bilder die selben Bearbeitungsfunktionen wie JPEG-, PNG- und GIF-Bilder. Du kannst sie zuschneiden, drehen, spiegeln und skalieren sowie \u00c4nderungen an den Bildgr\u00f6\u00dfen deiner Wahl vornehmen.<\/p>\n<h3>Vorbehalte gegen WebP in WordPress 5.8<\/h3>\n<p>Nach Adam Silverstein:<\/p>\n<blockquote><p>WebP-Bilder unterst\u00fctzen verlustbehaftete und verlustfreie Komprimierung, sowie ein animiertes Format und Unterst\u00fctzung f\u00fcr transparente Bilder. In WordPress wird das verlustfreie WebP-Format nur unterst\u00fctzt, wenn der Hosting-Server Imagick (die PHP-Bibliothek) verwendet, bis LibGD Unterst\u00fctzung hinzuf\u00fcgt. Au\u00dferdem werden animierte und Alpha-Formate noch nicht f\u00fcr gr\u00f6\u00dfenver\u00e4nderte Bilder unterst\u00fctzt (wenn du Bilder in diesen Formaten hochl\u00e4dst, werden stattdessen verlustbehaftete Bilder erstellt).<\/p><\/blockquote>\n<p>Wenn dein Webhost keine WebP-Bilder unterst\u00fctzt, bekommst du eine Fehlermeldung, wenn du versuchst, sie hochzuladen. Wenn du nicht sicher bist, ob dein Webhost die Imagick-Bibliothek unterst\u00fctzt, findest du auf der Registerkarte &#8222;Info&#8220; des Tools &#8222;Site Health&#8220; ein Feld f\u00fcr die <strong>Imagick-Bibliothek<\/strong>, das diese Information enth\u00e4lt.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/site-health-tool-1.jpg\" alt=\"Kinsta unterst\u00fctzt die Imagick-Bibliothek.\" width=\"1600\" height=\"1222\"><figcaption class=\"wp-caption-text\">Kinsta unterst\u00fctzt die Imagick-Bibliothek.<\/figcaption><\/figure>\n<p>Mit der WebP-Unterst\u00fctzung f\u00fchrt WordPress 5.8 auch zwei zus\u00e4tzliche Felder in den Abschnitt Medienbehandlung in Site Health ein: Die <strong>ImageMagick-Version <\/strong>und die von <strong>ImageMagick unterst\u00fctzten Dateiformate<\/strong>.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/site-health-media-handling.jpg\" alt=\"ImageMagick-Versionsfeld in Site Heath.\" width=\"1600\" height=\"473\"><figcaption class=\"wp-caption-text\">ImageMagick-Versionsfeld in Site Heath.<\/figcaption><\/figure>\n<p>Wenn WebP nicht unter den unterst\u00fctzten Dateitypen aufgef\u00fchrt ist, musst du dich an deinen Webhost wenden, um Unterst\u00fctzung zu erhalten.<\/p>\n<p>Die <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/07\/wordpress-5-8-adds-webp-support\/\">Dev-Note<\/a> bietet <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/07\/wordpress-5-8-adds-webp-support\/#comment-41376\">zus\u00e4tzliche Informationen<\/a> zur WebP-Unterst\u00fctzung in WordPress 5.8, hilfreiche FAQs und weitere Ressourcen.<\/p>\n<p>Wenn du dich f\u00fcr das Thema Bildoptimierung interessierst, k\u00f6nnten dir auch die folgenden Tutorials gefallen:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/optimiert-bilder-fur-web\/\">Optimieren von Bildern f\u00fcr Web und Leistung<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/\">Warum und wie du verlustbehaftete Komprimierung f\u00fcr deine WordPress-Bilder verwendst<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/webp\/\">Verwendung von WebP-Bildern in WordPress (und Verkleinerung der Bilddateigr\u00f6\u00dfen um bis zu 35 %)<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/bilddateitypen\/\">15 Beste Bilddateitypen<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/\">Alles, was du \u00fcber WordPress-Bildgr\u00f6\u00dfen wissen musst<\/a><\/li>\n<\/ul>\n<h2>Zus\u00e4tzliche Funktionen f\u00fcr Entwickler<\/h2>\n<p>In WordPress 5.8 findest du Dutzende von spannenden Funktionen f\u00fcr Entwickler. In diesem Artikel haben wir denjenigen mehr Aufmerksamkeit gewidmet, die den gr\u00f6\u00dften Einfluss auf deine Entwicklungsarbeit haben sollten. Aber es gibt in der Tat viele neue Funktionen, die Aufmerksamkeit verdienen, darunter die folgenden:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Block Unterst\u00fctzt API<\/h3>\n<p>WordPress 5.8 f\u00fcgt <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/block-supports-api-updates-for-wordpress-5-8\/\">neue Block-Support-Flags<\/a> hinzu, die es Entwicklern erm\u00f6glichen, registrierte Bl\u00f6cke mit den neuesten Blockfunktionen anzupassen.<\/p>\n<p>Zus\u00e4tzlich zu der bereits erw\u00e4hnten experimentellen <a href=\"#duotone-block-support\">Duotone-Block-Unterst\u00fctzung<\/a> (<code>color._experimentalDuotone<\/code>) bietet WordPress 5.8 auch Unterst\u00fctzung f\u00fcr die Linkfarbe. Um diese Funktion zu nutzen, f\u00fcge einfach das folgende Flag zu deinen Block-Metadaten hinzu:<\/p>\n<pre><code class=\"language-javascript\">supports: {\n\tcolor: {\n\t\tlink: true;\n\t}\n}<\/code><\/pre>\n<p>Du kannst Standardwerte \u00fcber Attribute festlegen, wie im folgenden Beispiel gezeigt, oder deine Voreinstellungen in <em>theme.json <\/em>festlegen:<\/p>\n<pre><code class=\"language-javascript\">attributes: {\n\tstyle: {\n\t\ttype: 'object',\n\t\tdefault: {\n\t\t\tcolor: {\n\t\t\t\tlink: '#FF0000',\n\t\t\t}\n\t\t}<\/code><\/pre>\n<p>Zus\u00e4tzliche Block-API-\u00c4nderungen umfassen:<\/p>\n<ul>\n<li><code>fontSize<\/code> und <code>lineHeight<\/code> werden stabil unterst\u00fctzt.<\/li>\n<li>Die Unterst\u00fctzung f\u00fcr margin wurde erweitert, und du kannst nun <code>border<\/code> und <code>padding<\/code> sowie die Gr\u00f6\u00dfen <code>top<\/code>, <code>right<\/code>, <code>bottom<\/code> und <code>left<\/code> individuell steuern.<\/li>\n<\/ul>\n<p>Du kannst mehr \u00fcber die Block unterst\u00fctzt API in WordPress 5.8 in <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/block-supports-api-updates-for-wordpress-5-8\/\">Block unterst\u00fctzt API Updates<\/a> dev-note lesen.<\/p>\n<p>Eine genauere \u00dcbersicht \u00fcber die Verwendung der Block Supports API findest du in der offiziellen Dokumentation der <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-supports\/\">Block Supports API<\/a>.<\/p>\n<h3>Site Health Benutzerdefinierte Registerkarten<\/h3>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/22\/extending-the-site-health-interface-in-wordpress-5-8\/\">Zwei neue Hooks<\/a> erm\u00f6glichen es Entwicklern jetzt, der Site Health-Oberfl\u00e4che ihre eigenen Registerkarten hinzuzuf\u00fcgen und die verf\u00fcgbaren Bildschirme anzupassen.<\/p>\n<p>Der <strong><code>site_health_navigation_tabs<\/code>-Filter <\/strong>ist ein assoziatives Array von Registerkarten-IDs und Bezeichnungen, um eine neue Registerkarte im Bildschirm &#8222;Site Health&#8220; zu registrieren. Du kannst den Filter verwenden, indem du den folgenden Beispielcode in <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-du-dein-wordpress-theme-anpasst\/#the-theme-editor-and-why-not-to-use-it\">die Funktionsdatei deines Themes<\/a> oder deines benutzerdefinierten Plugins einf\u00fcgst:<\/p>\n<pre><code class=\"language-php\">function kinsta_site_health_navigation_tabs( $tabs ) {\n\t$tabs['kinsta-site-health-tab'] = esc_html_x( 'Kinsta', 'Site Health', 'text-domain' );\n\n\treturn $tabs;\n}\nadd_filter( 'site_health_navigation_tabs', 'kinsta_site_health_navigation_tabs' );<\/code><\/pre>\n<p>Das Bild unten zeigt die neue Registerkarte Site Health:<\/p>\n<figure style=\"width: 1646px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/06\/site-health-custom-tabs.png\" alt=\"Eine benutzerdefinierte Registerkarte wurde zum Site Health-Navigationsmen\u00fc hinzugef\u00fcgt.\" width=\"1646\" height=\"1068\"><figcaption class=\"wp-caption-text\">Eine benutzerdefinierte Registerkarte wurde zum Site Health-Navigationsmen\u00fc hinzugef\u00fcgt.<\/figcaption><\/figure>\n<p>Dank des Filters <code>site_health_navigation_tabs<\/code> ist es auch m\u00f6glich, Registerkarten neu anzuordnen oder ein oder mehrere Elemente zu entfernen.<\/p>\n<p>Die <strong>Aktion <\/strong><code><strong>site_health_tab_content <\/strong><\/code>wird ausgel\u00f6st, wenn ein Benutzer den Bildschirm &#8222;Site Health&#8220; besucht, mit Ausnahme des Standard-Statusbildschirms. Du kannst diesen Hook wie im folgenden Ausschnitt gezeigt verwenden (Beispiel aus <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/22\/extending-the-site-health-interface-in-wordpress-5-8\/\">Dev Note<\/a>):<\/p>\n<pre><code class=\"language-php\">function kinsta_site_health_tab_content( $tab ) {\n\t\/\/ Return if this is not your tab.\n\tif ( 'kinsta-site-health-tab' !== $tab ) {\n\t\treturn;\n\t}\n\n\t\/\/ Include the interface, kept in a separate file just to differentiate code from views.\n\tinclude trailingslashit( plugin_dir_path( __FILE__ ) ) . 'views\/kinsta-site-health-tab.php';\n}\nadd_action( 'site_health_tab_content', 'kinsta_site_health_tab_content' );<\/code><\/pre>\n<p>Zuerst wird erkannt, ob es sich bei der aktuellen Registerkarte um deine benutzerdefinierte Registerkarte handelt, dann wird der Inhalt des Site Health-Bildschirms aus einer <strong>.php<\/strong>-Datei geladen. Die Aktion <code>site_health_tab_content<\/code> erm\u00f6glicht es Entwicklern auch, die Standard-Registerkarte <strong>&#8222;Info&#8220; <\/strong>zu erweitern, indem sie spezifische Informationen f\u00fcr ihre Plugins oder Themes hinzuf\u00fcgen.<\/p>\n<h3>Block-Editor-API-\u00c4nderungen zur Unterst\u00fctzung mehrerer Admin-Bildschirme<\/h3>\n<p>Mit WordPress 5.8 ist der Beitragseditor nicht mehr der einzige Admin-Bildschirm, der den Block-Editor verwendet (der Widgets-Bildschirm ist ein Beispiel daf\u00fcr).<\/p>\n<p>Core-Mitarbeiter fanden mehrere auf dem Server definierte Hooks, die vom <code>$post<\/code>-Objekt abh\u00e4ngen. Dieses Objekt ist in den Bildschirmen &#8222;Site Edit&#8220;, &#8222;Widgets&#8220; und &#8222;Navigation&#8220; nicht vorhanden. Im weiteren Verlauf wurden mehrere Filter veraltet und durch kontextabh\u00e4ngige Ersetzungen ersetzt.<\/p>\n<p>Zus\u00e4tzlich wurde eine neue Klasse <code>WP_Block_Editor_Context<\/code> eingef\u00fchrt, die den aktuellen Blockeditor-Kontext und verschiedene Methoden darstellt.<\/p>\n<p>Diese \u00c4nderungen verbessern diese Bildschirme mit neuen Funktionen und erm\u00f6glichen es Entwicklern, ihre Anpassungen hinzuzuf\u00fcgen.<\/p>\n<p>Eine umfassende Liste der Block-Editor-API-\u00c4nderungen in Bezug auf Admin-Bildschirme findest du in der <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/16\/block-editor-api-changes-to-support-multiple-admin-screens-in-wp-5-8\/\">Dev-Note<\/a> von Greg Zi\u00f3\u0142kowski.<\/p>\n<h3>Zus\u00e4tzliche Funktionen und Erweiterungen<\/h3>\n<p>Es gibt so viele neue Funktionen und \u00c4nderungen f\u00fcr Entwickler, die WordPress 5.8 mit sich bringt, dass es f\u00fcr uns unm\u00f6glich w\u00e4re, sie alle in diesem Artikel zu erw\u00e4hnen. Aber wir haben eine Liste von Dev-Notes, die hier nicht behandelt wurden, f\u00fcr deine weitere Lekt\u00fcre gesammelt:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/news\/2021\/05\/dropping-support-for-internet-explorer-11\/\">Einstellung der Unterst\u00fctzung f\u00fcr Internet Explorer 11<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/01\/block-styles-loading-enhancements-in-wordpress-5-8\/\">Verbesserungen beim Laden von Blockstilen in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/blocks-in-an-iframed-template-editor\/\">Bl\u00f6cke in einem iframed (Template) Editor<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/on-layout-and-content-width-in-wordpress-5-8\/\">Zu Layout und Inhaltsbreite in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/introducing-update-uri-plugin-header-in-wordpress-5-8\/\">Einf\u00fchrung des &#8222;Update URI&#8220;-Plugin-Headers in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/block-editor-api-removals-58\/\">Verschiedene Block-Editor-API-Entfernungen in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/rest-api-changes-in-wordpress-5-8\/\">REST-API-\u00c4nderungen in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/28\/miscellaneous-developer-focused-changes-in-wordpress-5-8\/\">Verschiedene entwicklerorientierte \u00c4nderungen in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/blocks-in-an-iframed-template-editor\/\">Bl\u00f6cke in einem iframed (Template) Editor<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/introducing-update-uri-plugin-header-in-wordpress-5-8\/\">Einf\u00fchrung des &#8222;Update URI&#8220;-Plugin-Headers in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/12\/miscellaneous-block-editor-api-additions-in-wordpress-5-8\/\">Verschiedene Block Editor API Erg\u00e4nzungen in WordPress 5.8<\/a><\/li>\n<\/ul>\n\n<h2>Zusammenfassung<\/h2>\n<p>WordPress 5.8 markiert einen Meilenstein auf dem Weg zum Full Site Editing. Aber das zweite WordPress-Release des Jahres bringt viel mehr als FSE. Benutzer und Entwickler finden tonnenweise Verbesserungen am Block-Editor, einen neuen <strong>theme.json<\/strong>-Mechanismus, eine leistungsf\u00e4higere Block-API, Unterst\u00fctzung f\u00fcr das WebP-Bildformat und vieles mehr.<\/p>\n<p>Besonders beeindruckt sind wir von den kleinen und gro\u00dfen Verbesserungen am Block-Editor und seiner Benutzeroberfl\u00e4che. Wir lieben die verbesserte Navigation zwischen den Bl\u00f6cken, die \u00fcberarbeitete Block-Symbolleiste, die verbesserte \u00dcbersichtlichkeit der Oberfl\u00e4che und die Verbesserungen an mehreren Bl\u00f6cken.<\/p>\n<p>Diese kleinen \u00c4nderungen verbessern die Bearbeitungserfahrung nach und nach und, ohne es fast zu merken, finden wir uns dabei wieder, eine bessere und robustere Software zu benutzen. Das ist <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-wordpress\/\">WordPress<\/a>!<\/p>\n<p><em>Jetzt <\/em><em>bist<\/em> <em>du<\/em><em> dran! Was sind <\/em><em>deine<\/em><em> Gedanken \u00fcber Full Site Editing? Und was sind <\/em><em>deine<\/em><em> Lieblings\u00e4nderungen, die mit WordPress 5.8 kommen?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.8 &#8222;Tatum&#8220; ist da und es ist ein bedeutendes Release. Abgesehen von der unglaublichen Anzahl an Funktionen, Verbesserungen und Fehlerkorrekturen f\u00fchrt WP 5.8 eine neue &#8230;<\/p>\n","protected":false},"author":36,"featured_media":42610,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[89,29],"topic":[1011],"class_list":["post-42608","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-cms","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 5.8 (vollst\u00e4ndige Seiten-Bearbeitung, WebP-Bilder, globale Stile und Einstellungen und vieles mehr)<\/title>\n<meta name=\"description\" content=\"Schaue dir unseren ausf\u00fchrlichen Testbericht zu WordPress 5.8 an und entdecke alle wichtigen Funktionen, die mit der neuesten Version kommen (es sind viele)!\" \/>\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-5-8\/\" \/>\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 5.8 (vollst\u00e4ndige Seiten-Bearbeitung, WebP-Bilder, globale Stile und Einstellungen und vieles mehr)\" \/>\n<meta property=\"og:description\" content=\"Schaue dir unseren ausf\u00fchrlichen Testbericht zu WordPress 5.8 an und entdecke alle wichtigen Funktionen, die mit der neuesten Version kommen (es sind viele)!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/\" \/>\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=\"2021-07-22T07:31:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-27T13:19:18+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=\"Schaue dir unseren ausf\u00fchrlichen Testbericht zu WordPress 5.8 an und entdecke alle wichtigen Funktionen, die mit der neuesten Version kommen (es sind viele)!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/wordpress-5.8.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=\"42\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-5-8\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Was ist neu in WordPress 5.8 (vollst\u00e4ndige Seiten-Bearbeitung, WebP-Bilder, globale Stile und Einstellungen und vieles mehr)\",\"datePublished\":\"2021-07-22T07:31:03+00:00\",\"dateModified\":\"2023-07-27T13:19:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/\"},\"wordCount\":6991,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/07\/wordpress-5.8.jpg\",\"keywords\":[\"CMS\",\"WordPress\"],\"articleSection\":[\"WordPress Neuigkeiten\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/\",\"name\":\"Was ist neu in WordPress 5.8 (vollst\u00e4ndige Seiten-Bearbeitung, WebP-Bilder, globale Stile und Einstellungen und vieles mehr)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/07\/wordpress-5.8.jpg\",\"datePublished\":\"2021-07-22T07:31:03+00:00\",\"dateModified\":\"2023-07-27T13:19:18+00:00\",\"description\":\"Schaue dir unseren ausf\u00fchrlichen Testbericht zu WordPress 5.8 an und entdecke alle wichtigen Funktionen, die mit der neuesten Version kommen (es sind viele)!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/07\/wordpress-5.8.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/07\/wordpress-5.8.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Was ist neu in WordPress 5.8 (vollst\u00e4ndige Seiten-Bearbeitung, WebP-Bilder, globale Stile und Einstellungen und vieles mehr)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#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 5.8 (vollst\u00e4ndige Seiten-Bearbeitung, WebP-Bilder, globale Stile und Einstellungen 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 5.8 (vollst\u00e4ndige Seiten-Bearbeitung, WebP-Bilder, globale Stile und Einstellungen und vieles mehr)","description":"Schaue dir unseren ausf\u00fchrlichen Testbericht zu WordPress 5.8 an und entdecke alle wichtigen Funktionen, die mit der neuesten Version kommen (es sind viele)!","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-5-8\/","og_locale":"de_DE","og_type":"article","og_title":"Was ist neu in WordPress 5.8 (vollst\u00e4ndige Seiten-Bearbeitung, WebP-Bilder, globale Stile und Einstellungen und vieles mehr)","og_description":"Schaue dir unseren ausf\u00fchrlichen Testbericht zu WordPress 5.8 an und entdecke alle wichtigen Funktionen, die mit der neuesten Version kommen (es sind viele)!","og_url":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2021-07-22T07:31:03+00:00","article_modified_time":"2023-07-27T13:19:18+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":"Schaue dir unseren ausf\u00fchrlichen Testbericht zu WordPress 5.8 an und entdecke alle wichtigen Funktionen, die mit der neuesten Version kommen (es sind viele)!","twitter_image":"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/wordpress-5.8.jpg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Carlo Daniele","Gesch\u00e4tzte Lesezeit":"42\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Was ist neu in WordPress 5.8 (vollst\u00e4ndige Seiten-Bearbeitung, WebP-Bilder, globale Stile und Einstellungen und vieles mehr)","datePublished":"2021-07-22T07:31:03+00:00","dateModified":"2023-07-27T13:19:18+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/"},"wordCount":6991,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/07\/wordpress-5.8.jpg","keywords":["CMS","WordPress"],"articleSection":["WordPress Neuigkeiten"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/","url":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/","name":"Was ist neu in WordPress 5.8 (vollst\u00e4ndige Seiten-Bearbeitung, WebP-Bilder, globale Stile und Einstellungen und vieles mehr)","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/07\/wordpress-5.8.jpg","datePublished":"2021-07-22T07:31:03+00:00","dateModified":"2023-07-27T13:19:18+00:00","description":"Schaue dir unseren ausf\u00fchrlichen Testbericht zu WordPress 5.8 an und entdecke alle wichtigen Funktionen, die mit der neuesten Version kommen (es sind viele)!","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/07\/wordpress-5.8.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/07\/wordpress-5.8.jpg","width":1460,"height":730,"caption":"Was ist neu in WordPress 5.8 (vollst\u00e4ndige Seiten-Bearbeitung, WebP-Bilder, globale Stile und Einstellungen und vieles mehr)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-5-8\/#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 5.8 (vollst\u00e4ndige Seiten-Bearbeitung, WebP-Bilder, globale Stile und Einstellungen 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\/42608","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=42608"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/42608\/revisions"}],"predecessor-version":[{"id":42823,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/42608\/revisions\/42823"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42608\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42608\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42608\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42608\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42608\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42608\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42608\/translations\/de"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42608\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42608\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42608\/translations\/se"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42608\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/42610"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=42608"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=42608"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=42608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}