{"id":28151,"date":"2019-10-02T02:46:54","date_gmt":"2019-10-02T09:46:54","guid":{"rendered":"https:\/\/kinsta.com\/?p=55649"},"modified":"2023-08-28T10:22:49","modified_gmt":"2023-08-28T09:22:49","slug":"twenty-twenty-theme","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/","title":{"rendered":"Twenty Twenty: Eine Einf\u00fchrung in das neue Standard WordPress Theme"},"content":{"rendered":"<p>Twenty Twenty ist das neue Standard-<a href=\"https:\/\/kinsta.com\/de\/blog\/schnellsten-wordpress-theme\/\">WordPress-Theme<\/a>, das mit der <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-3\/\">neuesten Version von WordPress 5.3<\/a> ausgeliefert wird. Wie sein Vorg\u00e4nger <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/\">Twenty Nineteen<\/a> wurde auch Twenty Twenty mit besonderem Augenmerk auf <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-wordpress-editor\/\">Gutenberg<\/a> entworfen. Es gibt jedoch einen gro\u00dfen Unterschied zwischen den beiden: Twenty Twenty ist nicht von Grund auf neu aufgebaut, sondern basiert auf einem bestehenden Theme aus der WordPress-Community.<\/p>\n<p>Da wir alles an WordPress lieben, haben wir uns das neue Twenty Twenty Theme genauer angesehen und einen Blick auf die function.php dateien, das Stylesheet und die Vorlagen geworfen.<\/p>\n<p>Auch wenn Twenty Twenty zum Zeitpunkt dieses Schreibens noch lange nicht stabil ist und <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\/issues\">viele Probleme<\/a> noch nicht behoben sind, werden wir dir heute unsere allerersten Gedanken \u00fcber das neue WordPress-Standard-Theme mitteilen.<\/p>\n<p>Tauchen wir ein in das Twenty Twenty WordPress Theme ein!<\/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<figure style=\"width: 1800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/twenty-twenty-1.jpg\" alt=\"Twenty Twenty WordPress Theme Vorschau \" width=\"1800\" height=\"1657\"><figcaption class=\"wp-caption-text\">Twenty Twenty WordPress Theme Vorschau (Bildquelle: <a href=\"https:\/\/make.wordpress.org\/core\/2019\/09\/06\/introducing-twenty-twenty\/\">Make WordPress Core<\/a>)<\/figcaption><\/figure>\n<h2 id=\"intro\">Kurze Einf\u00fchrung in Twenty Twenty Theme<\/h2>\n<p>Twenty Twenty wurde auf <a href=\"https:\/\/www.andersnoren.se\/teman\/chaplin-wordpress-theme\/\">Chaplin<\/a> aufgebaut, einem kostenlosen WordPress-Theme von <a href=\"https:\/\/profiles.wordpress.org\/anlino\/\">Anders Nor\u00e9n<\/a>, der auch Default Theme Design Lead von WordPress 5.3 ist.<\/p>\n<p>Chaplin steht im <a href=\"https:\/\/wordpress.org\/themes\/chaplin\/\">WordPress.org-Repository<\/a> zum Download bereit und wurde laut Anders mit Blick auf den Blockeditor entwickelt:<\/p>\n<blockquote><p>Chaplin ist ein funktionsreiches WordPress-Theme, das dir die volle Kontrolle \u00fcber die <a href=\"https:\/\/kinsta.com\/de\/blog\/html-fonts\/\">HTML-Schriften<\/a> und Farben auf deiner Website gibt. Es wurde von Grund auf mit Blick auf den neuen Blockeditor entwickelt und macht es einfach, ansprechende Layouts sowohl f\u00fcr Beitr\u00e4ge als auch f\u00fcr Seiten zu erstellen.<\/p><\/blockquote>\n<figure style=\"width: 1800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/11\/chaplin.jpg\" alt=\"Chaplin WordPresss Theme\" width=\"1800\" height=\"2665\"><figcaption class=\"wp-caption-text\">Chaplin WordPresss Theme<\/figcaption><\/figure>\n<p>Die gleiche Philosophie steckt hinter Twenty Twenty: <strong>Flexibilit\u00e4t, Klarheit<\/strong> und <strong>Lesbarkeit<\/strong> sind die Schl\u00fcsselw\u00f6rter f\u00fcr das neue Theme.<\/p>\n<p>Twenty Twenty kommt mit einem einspaltigen Layout und drei Post\/Seitenvorlagen, die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-benutzerrollen\/\">WordPress-Administratoren<\/a> und Designern <strong>die Freiheit geben sollen, ihre eigenen Layouts<\/strong> <strong>direkt im Blockeditor zu erstellen<\/strong>, indem sie die Vorteile von breiten und vollst\u00e4ndigen Ausrichtungen f\u00fcr Blockelemente wie Spalten, Bilder und den mit Gutenberg 5.5 eingef\u00fchrten <a href=\"https:\/\/make.wordpress.org\/core\/2019\/04\/17\/whats-new-in-gutenberg-17th-april\/\">Gruppenblock<\/a> nutzen.<\/p>\n<p>Wie Anders erkl\u00e4rt:<\/p>\n<blockquote><p>Twenty Twenty ist so konzipiert, dass Flexibilit\u00e4t im Mittelpunkt steht. Wenn du es f\u00fcr ein Unternehmen oder ein Gesch\u00e4ft verwenden m\u00f6chtest, kannst du Spalten, Gruppen und Medien mit breiten und vollst\u00e4ndigen Ausrichtungen kombinieren, um dynamische Layouts zu erstellen, um deine Dienstleistungen oder Produkte darzustellen. Wenn du es f\u00fcr einen traditionellen Blog verwenden m\u00f6chtest, ist die zentrierte Inhaltsspalte auch daf\u00fcr perfekt geeignet.<\/p><\/blockquote>\n<p>Au\u00dferdem kommt Twenty Twenty mit einer neuen Schriftart: <a href=\"https:\/\/rsms.me\/inter\/\">Inter<\/a>. Es handelt sich um eine kostenlose und <a href=\"https:\/\/github.com\/rsms\/inter\">quelloffene Schriftfamilie<\/a>, die von Rasmus Andersson speziell f\u00fcr die Lesbarkeit von gemischtem und kleinem Text entwickelt wurde, insbesondere bei kleinen Schriftgr\u00f6\u00dfen.<\/p>\n<figure style=\"width: 2208px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/inter.jpg\" alt=\"Inter Schriftfamilie\" width=\"2208\" height=\"1939\"><figcaption class=\"wp-caption-text\">Die Inter Schriftfamilie<\/figcaption><\/figure>\n<p>Inter gibt gro\u00dfen Headern eine st\u00e4rkere Pers\u00f6nlichkeit, aber du wirst das Beste daraus machen, wenn du es mit alternativen Textgr\u00f6\u00dfen verwendest, wie in der Themevorschau aus dem WordPress.org Blogbeitrag gezeigt:<\/p>\n<figure style=\"width: 1440px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/twenty-twenty-typografie-1.jpg\" alt=\"Twenty Twenty Typografie\" width=\"1440\" height=\"2111\"><figcaption class=\"wp-caption-text\">Twenty Twenty Typografie: Wirkung und Lesbarkeit<\/figcaption><\/figure>\n<p>Twenty Twenty ist mehr als ein voll ausgestattetes Theme und markiert einen wichtigen neuen Schritt in Richtung der zuk\u00fcnftigen Entwicklung der WordPress Editieroberfl\u00e4che. Twenty Twenty verl\u00e4sst sich im Wesentlichen auf den Blockeditor zur Bearbeitung und zum Layout des Inhalts und auf den Theme Customizer f\u00fcr die Kopf- und Fu\u00dfzeile und zus\u00e4tzliche Anpassungen.<\/p>\n<p>Wenn das gesagt ist, ist es an der Zeit f\u00fcr uns, dieses <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-theme-installiert\/\">WordPress-Theme zu installieren<\/a> und auszuf\u00fchren.<\/p>\n<h2 id=\"installing-twenty-twenty\">Wie man Twenty Twenty installiert<\/h2>\n<p>Das kommende Standard-Theme wird dem <a href=\"https:\/\/make.wordpress.org\/core\/5-3\/\">WordPress 5.3 Release-Plan<\/a> folgen. Das bedeutet, dass Twenty Twenty zum Zeitpunkt dieses Schreibens noch nicht im WordPress Themeverzeichnis zum Herunterladen verf\u00fcgbar ist.<\/p>\n<p>Wie auch immer, du kannst eine In-Progress-Version von Twenty Twenty auf GitHub erhalten und sie in der aktuellen stabilen Version von WordPress sowie in WordPress 5.3 installieren. Das Github-Repository wird veraltet sein, sobald das Theme in den <a href=\"https:\/\/kinsta.com\/de\/docs\/support\/umfang-des-supports\/managed-wordpress-support-umfang\/\">Kern<\/a> integriert wird. In der Zwischenzeit kannst du die folgenden Daten aus dem WordPress 5.3 Release-Plan speichern:<\/p>\n<ul>\n<li>23. September 2019: Beta 1<\/li>\n<li>30. September 2019: Beta 2<\/li>\n<li>7. Oktober 2019: Beta 3<\/li>\n<li>15. Oktober 2019: Freigabekandidat 1<\/li>\n<li>22. Oktober 2019: Freigabekandidat 2<\/li>\n<li>29. Oktober 2019: Freigabekandidat 3<\/li>\n<li>5. November 2019: Freigabekandidat 4 (falls erforderlich)<\/li>\n<li><strong>12. November 2019: Zieldatum f\u00fcr die Ver\u00f6ffentlichung von WordPress 5.3.<\/strong><\/li>\n<\/ul>\n<p>Um mit Twenty Twenty zu beginnen, folge den folgenden Schritten:<\/p>\n<ol>\n<li>Hol dir das Zip-Paket von <a href=\"v\">GitHub<\/a>.<\/li>\n<li>Lade die Zip-Datei in deine Staging Umgebung im <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-admin\/\">WordPress Dashboard<\/a> oder per <a href=\"https:\/\/kinsta.com\/de\/blog\/verwendest-sftp-verbindung-wordpress-herzustellen\/\">SFTP<\/a><\/li>\n<li>Gehe zu <strong>Appearance \u2192 Themes<\/strong> und klicke auf die Schaltfl\u00e4che <strong>Activate<\/strong> auf dem Vorschaubild des Themes.<\/li>\n<li>Gehe zu <strong>Appearance \u2192 Customize<\/strong>, um Twenty Twenty zu konfigurieren.<\/li>\n<\/ol>\n<p>Und das ist es! Du kannst nun mit der Ausf\u00fchrung deiner Tests entweder auf deiner <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/staging-umgebung\/\">Staging-Website<\/a> oder in deiner <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-lokal-installieren\/\">lokalen Umgebung<\/a> beginnen.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Twenty Twenty befindet sich derzeit in der Entwicklung und viele Probleme wurden noch nicht behoben. Du solltest es nicht auf deiner Live Seite verwenden.<\/p>\n<\/aside>\n\n<figure style=\"width: 1524px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/twenty-twenty-problem-github-185-1.jpg\" alt=\"Ein offenes Problem in GitHub\" width=\"1524\" height=\"1390\"><figcaption class=\"wp-caption-text\">Ein offenes Problem in GitHub<\/figcaption><\/figure>\n<p>Jetzt, da du bereit bist, lass uns weitermachen und im <strong>Twenty Twenty<\/strong> WordPress Theme tauchen.<\/p>\n<h2 id=\"features\">Twenty Twenty\u2019s Theme Features<\/h2>\n<p>Twenty Twenty ist kein vollwertiges <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-theme-andern\/\">WordPress-Theme<\/a>, sondern ein reduziertes und minimalistisches Theme, das <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-entwickler-engagiert\/\">Entwicklern<\/a> und Seitenadministratoren die Freiheit gibt, benutzerdefinierte Inhaltslayouts f\u00fcr ihre Beitr\u00e4ge und Seiten zu erstellen. Wie <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/\">Twenty Nineteen<\/a> wurde auch Twenty Twenty f\u00fcr Gutenberg gebaut und h\u00e4ngt haupts\u00e4chlich vom Lebenszyklus Gutenbergs ab (mehr zu diesem Thema in <a href=\"https:\/\/wordpress.tv\/2019\/07\/04\/matt-mullenweg-matt-on-wordpress\/\">diesem Video<\/a> von Matt Mullenweg bei WCEU 2019).<\/p>\n<p>Das Theme unterst\u00fctzt eine Reihe von <a href=\"https:\/\/codex.wordpress.org\/Theme_Features\">Themefunktionen<\/a> wie Inhaltsbreite (<code>580<\/code>), automatische Feed-Links, Post-Thumbnails, Titel-Tag und einige <a href=\"https:\/\/kinsta.com\/de\/blog\/html-vs-html5\/#what-is-html5\">HTML5<\/a>-Elemente (Suchformular, Kommentarformular, Kommentarliste, Galerie und Bildunterschrift).<\/p>\n<p>Andere Funktionen erweitern den <a href=\"https:\/\/developer.wordpress.org\/themes\/customize-api\/customizer-objects\/\">Theme Customizer<\/a> um Optionen. Dazu geh\u00f6ren <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/#custom-background\">benutzerdefinierte Hintergr\u00fcnde<\/a> und ein <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/#custom-logo\">benutzerdefiniertes Logo<\/a>. Die folgenden Codeausschnitte zeigen diese Funktionen, die in der Funktionsdatei des Themes aktiviert sind:<\/p>\n<pre><code class=\"language-php\">\/\/ Custom background color\nadd_theme_support(\n\t'custom-background',\n\tarray(\n\t\t'default-color'\t=&gt; 'F5EFE0'\n\t)\n);<\/code><\/pre>\n<pre><code class=\"language-php\">\/\/ Custom logo\nadd_theme_support(\n\t'custom-logo',\n\tarray(\n\t\t'height'      =&gt; 240,\n\t\t'width'       =&gt; 320,\n\t\t'flex-height' =&gt; true,\n\t\t'flex-width'  =&gt; true,\n\t\t'header-text' =&gt; array( 'site-title', 'site-description' ),\n\t)\n);<\/code><\/pre>\n<figure id=\"attachment_57626\" aria-describedby=\"caption-attachment-57626\" style=\"width: 2600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57626 size-full\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/twenty-twenty-theme-customizer-2.jpg\" alt=\"Der Theme Customizer in Twenty Twenty\" width=\"2600\" height=\"1380\"><figcaption id=\"caption-attachment-57626\" class=\"wp-caption-text\">Der Theme Customizer in Twenty Twenty<\/figcaption><\/figure>\n<p>Twenty Twenty unterst\u00fctzt auch einige der <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/themes\/theme-support\/\">spezifischen Funktionen von Gutenberg<\/a>. Erstens unterst\u00fctzt das Theme <strong>breite und volle Breite Ausrichtungen<\/strong>:<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for full and wide align images.\nadd_theme_support( 'align-wide' );<\/code><\/pre>\n<p>Die <strong>Editor-Farbpalette<\/strong> ist aktiviert, wenn der Benutzer im Customizer eine Akzentfarbe festgelegt hat (standardm\u00e4\u00dfig aktiviert):<\/p>\n<pre><code class=\"language-php\">\/\/ If we have accent colors, add them to the block editor palette\nif ( $editor_color_palette ) {\n\tadd_theme_support( 'editor-color-palette', $editor_color_palette );\n}<\/code><\/pre>\n<figure id=\"attachment_57629\" aria-describedby=\"caption-attachment-57629\" style=\"width: 297px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57629 size-full\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/twenty-twenty-customizing-akzentfarbe-2.png\" alt=\"Hintergrundfarbe und Akzentfarbe im Theme Customizer\" width=\"297\" height=\"380\"><figcaption id=\"caption-attachment-57629\" class=\"wp-caption-text\">Hintergrundfarbe und Akzentfarbe im Theme Customizer<\/figcaption><\/figure>\n<p>Das Twenty Twenty-Theme verf\u00fcgt \u00fcber vier <strong>Editor-Schriftgr\u00f6\u00dfen,<\/strong> die im Blockeditor verf\u00fcgbar sind:<\/p>\n<pre><code class=\"language-php\">\/\/ Gutenberg Font Sizes\nadd_theme_support( 'editor-font-sizes', array(\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Small', 'Name of the small font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'S', 'Short name of the small font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 16,\n\t\t'slug' \t\t=&gt; 'small',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Regular', 'Name of the regular font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'M', 'Short name of the regular font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 18,\n\t\t'slug' \t\t=&gt; 'regular',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Large', 'Name of the large font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'L', 'Short name of the large font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 24,\n\t\t'slug' \t\t=&gt; 'large',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Larger', 'Name of the larger font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'XL', 'Short name of the larger font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 32,\n\t\t'slug' \t\t=&gt; 'larger',\n\t),\n) );<\/code><\/pre>\n<figure id=\"attachment_57630\" aria-describedby=\"caption-attachment-57630\" style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57630 size-full\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/twenty-twenty-schriftgrossen.png\" alt=\"Schriftgr\u00f6\u00dfen im Block des Editors Texteinstellungen\" width=\"280\" height=\"444\"><figcaption id=\"caption-attachment-57630\" class=\"wp-caption-text\">Schriftgr\u00f6\u00dfen im Block des Editors Texteinstellungen<\/figcaption><\/figure>\n<p>Und das ist alles. Das Theme ist auch in der Funktionalit\u00e4t recht minimal, aber es ist leicht mit einem Child-Theme erweiterbar, und wir werden uns in einer Minute damit befassen.<\/p>\n<h2 id=\"appearance\">So passt man das Erscheinungsbild von Twenty Twenty an<\/h2>\n<p>Twenty Twenty kommt frei von jeglichem Schnickschnack, bietet aber eine gro\u00dfe Flexibilit\u00e4t, wenn sie zusammen mit Gutenberg (oder einem guten <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-page-builders\/\">Page Builder<\/a>) eingesetzt wird.<\/p>\n<h3>Anpassen des Twenty Twenty-Themes<\/h3>\n<p>Die <strong>Website-Identit\u00e4t<\/strong> verarbeitet <a href=\"https:\/\/kinsta.com\/de\/blog\/seitentitel-ausblenden-wordpress\/\">Website-Titel<\/a> und Tagline, Logo und Symbol. Du kannst alle diese Elemente im Abschnitt Site Identity des Customizers aktivieren\/deaktivieren: Die <strong>Website Identit\u00e4t<\/strong> in den Customizer Einstellungen<\/p>\n<figure id=\"attachment_57631\" aria-describedby=\"caption-attachment-57631\" style=\"width: 464px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57631 size-full\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/twenty-twenty-website-identitat-2.png\" alt=\"Die Website Identit\u00e4t in den Customizer Einstellungen\" width=\"464\" height=\"508\"><figcaption id=\"caption-attachment-57631\" class=\"wp-caption-text\">Die Website Identit\u00e4t in den Customizer Einstellungen<\/figcaption><\/figure>\n<p>Der Abschnitt <strong>Cover Template<\/strong> des Customizers \u00fcbernimmt die Anpassungseinstellungen f\u00fcr die Seitenvorlage der <strong>Cover Template<\/strong>. Dort wirst du folgendes finden:<\/p>\n<ul>\n<li>Eine Option, um einen Parallaxeffekt auf das Hintergrundbild zu aktivieren (Fixed Background Image).<\/li>\n<li>Farbauswahlen, um deine eigene Hintergrundfarbe und Textfarbe f\u00fcr die vorgestellte Bild\u00fcberlagerung festzulegen.<\/li>\n<li>Ein Slider um die Overlay Deckkraft zu steuern.<\/li>\n<\/ul>\n<figure id=\"attachment_57632\" aria-describedby=\"caption-attachment-57632\" style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57632 size-full\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/twenty-twenty-customizer-abschnitt-template-2.png\" alt=\"Der Abschnitt Cover Template im Customizer\" width=\"298\" height=\"690\"><figcaption id=\"caption-attachment-57632\" class=\"wp-caption-text\">Der Abschnitt Cover Template im Customizer<\/figcaption><\/figure>\n<p>Der Abschnitt <strong>Men\u00fcs<\/strong> enth\u00e4lt f\u00fcnf Men\u00fcpositionen. Du kannst ein normales horizontales Men\u00fc in die Kopfzeile einf\u00fcgen (<strong>Desktop Horizontal Menu<\/strong>) und\/oder ein umschaltbares Navigationsmen\u00fc (<strong>Desktop Expanded Menu<\/strong>). <strong>Das mobile Men\u00fc<\/strong> ist ein spezielles Men\u00fc f\u00fcr mobile Ger\u00e4te, und <strong>Fu\u00dfzeilenmen\u00fc<\/strong> und <strong>Sozialmen\u00fc<\/strong> befinden sich in der Seitenfu\u00dfzeile.<\/p>\n<figure id=\"attachment_57633\" aria-describedby=\"caption-attachment-57633\" style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-57633\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/09\/twenty-twenty-customizing-menus-2.png\" alt=\"Menu locations in Twenty Twenty\" width=\"298\" height=\"690\"><figcaption id=\"caption-attachment-57633\" class=\"wp-caption-text\">Menustandorte in Twenty Twenty<\/figcaption><\/figure>\n<p>Die Fu\u00dfzeile enth\u00e4lt die Positionen Fu\u00dfzeilenmen\u00fc und Sozialmen\u00fc sowie zwei Widgetbereiche. Das folgende Bild zeigt die Fu\u00dfzeile des Themes mit allen Elementen an Ort und Stelle:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/twenty-twenty-footer.png\" alt width=\"1600\" height=\"1014\"><figcaption class=\"wp-caption-text\">Footer Template in Twenty Twenty<\/figcaption><\/figure>\n<p>Schlie\u00dflich kannst du im Abschnitt <strong>Additional CSS<\/strong> deine eigenen Styles einbinden.<\/p>\n<h3>Single Post\/Page Templates<\/h3>\n<p>Wenn es um Post- und Seitenlayouts geht, kannst du aus drei verschiedenen Vorlagen w\u00e4hlen. Neben der Standardvorlage bietet Twenty Twenty eine <strong>Cover-Vorlage<\/strong> und eine Vorlage <strong>in voller Breite<\/strong>, mit der du spielen kannst, um das Aussehen und die Handhabung deines Inhalts anzupassen.<\/p>\n<figure id=\"attachment_57634\" aria-describedby=\"caption-attachment-57634\" style=\"width: 279px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57634 size-full\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/twenty-twenty-post-page-templates-2.png\" alt=\"Single Post\/Seitenvorlagen in Twenty Twenty\" width=\"279\" height=\"223\"><figcaption id=\"caption-attachment-57634\" class=\"wp-caption-text\">Single Post\/Seitenvorlagen in Twenty Twenty<\/figcaption><\/figure>\n<h3>Der Blockeditor in Twenty Twenty<\/h3>\n<p>Aufgrund seines minimalen Ansatzes basiert das Erscheinungsbild von Twenty Twenty haupts\u00e4chlich auf dem Blockeditor. Wir f\u00fchren unsere Tests auf Twenty Twenty mit Gutenberg Version 6.4.0 durch. Diese Version bietet eine Vielzahl neuer Funktionen, Verbesserungen und Bugfixes, die das Bearbeitungserlebnis deutlich verbessert haben.<\/p>\n<p>Einige Bl\u00f6cke sind n\u00fctzlich, besonders beim Erstellen von einseitigen Websites. Bl\u00f6cke wie <strong>Media &#038; Text<\/strong> und <strong>Cover<\/strong> wurden verbessert und sehen jetzt gut aus, wenn es darum geht, Produkte und\/oder professionelle <a href=\"https:\/\/kinsta.com\/de\/blog\/portfolio-website\/\">Portfolios<\/a> zu pr\u00e4sentieren:<\/p>\n<figure style=\"width: 2558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/medien-textblock.jpg\" alt=\"Medien- und Textblock\" width=\"2558\" height=\"1296\"><figcaption class=\"wp-caption-text\">Medien- und Textblock (full width Ausrichtung)<\/figcaption><\/figure>\n<p>Da Gutenberg ein Projekt in Arbeit ist, solltest du dir vielleicht einige der beliebtesten Plugins ansehen, mit denen du dem Editor weitere Bl\u00f6cke hinzuf\u00fcgen kannst.<\/p>\n<p>Hier ist eine kurze Liste von Plugins, die einen Versuch wert sein k\u00f6nnten:<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/ultimate-addons-for-gutenberg\/\">Gutenberg Blocks<\/a><\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/coblocks\/\">CoBlocks<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/stackable-ultimate-gutenberg-blocks\/\">Stackable<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/atomic-blocks\/\">Atomic Blocks.<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/advanced-gutenberg\/\">Advanced Gutenberg<\/a><\/li>\n<\/ul>\n<p>Theme Customizer und Block Editor leisten gute Arbeit, wenn es um die Anpassung von Aussehen und Layout geht, aber ein Child Theme k\u00f6nnte dir mehr Kontrolle \u00fcber das Aussehen und die Handhabung deiner Seiten geben.<\/p>\n<h2 id=\"child-theming\">Wie man ein Child Theme f\u00fcr das Twenty Twenty Theme erstellt<\/h2>\n<p>Das Erstellen von Child-Themes f\u00fcr WordPress k\u00f6nnte Spa\u00df machen und auch eine gute M\u00f6glichkeit sein, eine Karriere als <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-entwicklergehalt\/\">WordPress-Themenentwickler<\/a> zu beginnen, und Twenty Twenty k\u00f6nnte ein gro\u00dfartiges Parent-Theme sein, wenn man Child-Themes in WordPress erstellt. Also, warum probierst du es nicht mal aus? \ud83d\ude09<\/p>\n<p>Wenn du nicht wei\u00dft, wo du mit Child-Themes beginnen sollst, schau dir unbedingt unseren erweiterten Leitfaden \u00fcber <a href=\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/\">die Erstellung eines Child-Themes in WordPress<\/a> an.<\/p>\n<p>Nun, lasst uns unser erstes Child-Theme f\u00fcr Twenty Twenty erstellen!<\/p>\n<p>Erstelle ein neues Verzeichnis unter <code>wp-content\/themes<\/code> und nenne es so etwas wie <code>twenty-twenty-child<\/code> oder was immer du willst.<\/p>\n<p>Navigiere zu <code>wp-content\/themes\/twenty-twenty-child<\/code> und erstelle eine neue <code>style.css<\/code>-Datei mit der folgenden \u00dcberschrift:<\/p>\n<pre><code class=\"language-css\">\/*\nTheme Name: My Twenty Twenty Child Theme\nTheme URI: https:\/\/example.com\nDescription: A child theme for Twenty Twenty.\nAuthor: Your Name\nAuthor URI: https:\/\/example.com\/\nTemplate: twentytwenty\nVersion: 1.0\nLicense: GNU General Public License v2 or later\nLicense URI: https:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n*\/<\/code><\/pre>\n<p>Als n\u00e4chstes m\u00fcssen wir das Stylesheet des Parent Themes einbinden. Erstelle im gleichen Verzeichnis die folgende Datei <code>functions.php<\/code>:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/* enqueue scripts and style from parent theme *\/        \nfunction twentytwenty_styles() {\n\twp_enqueue_style( 'parent', get_template_directory_uri() . '\/style.css' );\n}\nadd_action( 'wp_enqueue_scripts', 'twentytwenty_styles');<\/code><\/pre>\n<p>Gehe nun zu <strong>Appearance \u2192 Themes<\/strong> und aktiviere das Child Theme. Du kannst nun mit deinen Anpassungen beginnen.<\/p>\n<figure id=\"attachment_57636\" aria-describedby=\"caption-attachment-57636\" style=\"width: 1680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57636 size-full\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/twenty-twenty-aktivieren-child-theme-2.jpg\" alt=\"Das Child Theme aktivieren\" width=\"1680\" height=\"762\"><figcaption id=\"caption-attachment-57636\" class=\"wp-caption-text\">Das Child Theme aktivieren<\/figcaption><\/figure>\n<p>Du kannst fast alles in Twenty Twenty \u00e4ndern, von dem Hinzuf\u00fcgen von benutzerdefinierten Vorlagen \u00fcber das Hinzuf\u00fcgen von benutzerdefinierten Stilen bis hin zum \u00c4ndern der Standardstile des Designs.<\/p>\n<p>Hier zeige ich dir, wie du eine neue benutzerdefinierte Vorlage f\u00fcr einzelne Beitr\u00e4ge und Seiten erstellen kannst.<\/p>\n<h3>Hinzuf\u00fcgen einer benutzerdefinierten Post\/Seitenvorlage in Twenty Twenty<\/h3>\n<p>Bisher haben wir ein Child Theme f\u00fcr Twenty Twenty erstellt und das Parent Theme dem Stylesheet des untergeordneten Designs hinzugef\u00fcgt. Im folgenden Beispiel werden wir die Kopf- und Fu\u00dfzeile los, um Platz f\u00fcr den Text der Seite in einer Post\/Seitenvorlagendatei zu schaffen.<\/p>\n<h3>Schritt 1<\/h3>\n<p>Kopiere und f\u00fcge die folgenden Dateien aus dem Parent Theme in das Verzeichnis des Child Themes ein:<\/p>\n<ul>\n<li>templates\/template-full-width.php<\/li>\n<li>header.php<\/li>\n<li>footer.php<\/li>\n<\/ul>\n<h3>Schritt 2<\/h3>\n<p>Benenne <code>template-full-width.php<\/code> in <code>template-canvas.php<\/code> (oder was immer du willst) um. \u00d6ffne die Datei, l\u00f6sche den aktuellen Inhalt und f\u00fcge folgendes ein:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/*\nTemplate Name: Canvas Template\nTemplate Post Type: post, page\n*\/\nget_template_part( 'singular' );<\/code><\/pre>\n<p><strong>Template Name<\/strong> legt den Namen der Template-Datei fest, wie du ihn im Blockeditor sehen wirst, w\u00e4hrend <strong>Template Post Type<\/strong> die Posttypen definiert, die diese Template-Datei unterst\u00fctzen. Die Funktion <code>get_template_part<\/code> l\u00e4dt die Datei <code>singular.php<\/code> aus dem Parent Theme (wir ben\u00f6tigen keine Kopie dieser Datei in unserem Child Theme).<\/p>\n<p>Gehe zum WordPress Dashboard und erstelle einen neuen Beitrag. Nun solltest du im Bereich <strong>Post Attribute<\/strong> eine zus\u00e4tzliche Seitenvorlage finden.<\/p>\n<figure id=\"attachment_57637\" aria-describedby=\"caption-attachment-57637\" style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57637 size-full\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/09\/twenty-twenty-verfugbar-postattribute-2.png\" alt=\"Eine neue Vorlage ist unter Postattribute verf\u00fcgbar\" width=\"280\" height=\"246\"><figcaption id=\"caption-attachment-57637\" class=\"wp-caption-text\">Eine neue Vorlage ist unter Postattribute verf\u00fcgbar<\/figcaption><\/figure>\n<h3>Schritt 3<\/h3>\n<p>Und jetzt kommt der lustige Teil. \u00d6ffne <code>header.php<\/code> in deinem bevorzugten <a href=\"https:\/\/kinsta.com\/de\/blog\/besten-texteditoren\/\">Texteditor<\/a> und wickele das <code>header<\/code> in die folgende <code>if<\/code>-Anweisung:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( ! is_page_template( array( 'templates\/template-canvas.php' ) ) ) {\n?&gt;\n\t&lt;header id=\"site-header\" class=\"header-footer-group\" role=\"banner\"&gt;\n\t\t...\n\t&lt;\/header&gt;&lt;!-- #site-header --&gt;\n\n\t&lt;?php \n\t\/\/ Output the menu modal\n\tget_template_part( 'template-parts\/modal-menu' );\n}<\/code><\/pre>\n<p>Dieser Code pr\u00fcft, ob <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_page_template\/\">die Seitenvorlage<\/a> nicht <code>templates\/template-canvas.php<\/code> ist. Wenn die Seitenvorlage <code>templates\/template-canvas.php<\/code> ist, dann wird sie den Header der Seite und das modale Men\u00fc nicht enthalten.<\/p>\n<p>Ebenso k\u00f6nnen wir die Fu\u00dfzeile von einer Postseite entfernen, wenn die aktive Seitenvorlage unsere Canvas ist. F\u00fcge einfach die gleiche Bedingung in <code>footer.php<\/code> hinzu, wie unten gezeigt:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( ! is_page_template( array( 'templates\/template-canvas.php' ) ) ) {\n?&gt;\n &lt;footer id=\"site-footer\" role=\"contentinfo\" class=\"header-footer-group\"&gt;\n\t...\n\t&lt;\/footer&gt;&lt;!-- #site-footer --&gt;\n&lt;?php } ?&gt;\n\t&lt;?php wp_footer(); ?&gt;\n\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Sie k\u00f6nnen den <a href=\"https:\/\/github.com\/carlodaniele\/twentytwenty-child\">Code dieses Beispiels hier herunterladen<\/a>.<\/p>\n<p>Erstelle nun einen neuen Beitrag oder eine neue Seite, w\u00e4hle die Canvas-Vorlage unter Post\/Page-Attribute und \u00fcberpr\u00fcfe die Seite auf der Startseite.<\/p>\n\n<h2>Zusammenfassung<\/h2>\n<p>Twenty Twenty ist ein minimalistisches WordPress-Theme mit einem einspaltigen Layout. Die Art und Weise, wie wir es verwenden werden, h\u00e4ngt haupts\u00e4chlich von der Entwicklung des Blockeditors ab. Wie Anders ausdrucksstark sagt:<\/p>\n<blockquote><p>&#8222;Das Versprechen des Blockeditors ist es, den Nutzern die Freiheit zu geben, ihre Seiten nach eigenem Ermessen zu gestalten und zu strukturieren&#8220;.<\/p><\/blockquote>\n<p>Nach <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/\">Twenty Nineteen<\/a> ist das neue Twenty Twenty Standard-Theme das zweite in einer neuen Generation von Designs, die darauf abzielen, &#8222;den Aufbau von Websites ohne manuelle Codebearbeitung zu erm\u00f6glichen&#8220;. WordPress-Seiten, die mit dem Twenty Twenty-One Theme betrieben werden, gibt es in allen Formen und Gr\u00f6\u00dfen. Um herauszufinden, ob ein Theme Twenty Twenty-One verwendet, schau dir unser praktisches <a href=\"https:\/\/kinsta.com\/de\/tools\/wordpress-theme-detector\/\">WordPress Theme Detector Tool<\/a> an.<\/p>\n<p>Wenn du denkst, dass Gutenberg f\u00fcr deine Projekte noch nicht ganz zuverl\u00e4ssig ist, kannst du die Bl\u00f6cke, die du brauchst, mit Plugins wie den oben genannten hinzuf\u00fcgen. Oder du kannst einfach einen <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-page-builders\/\">Page Builder von Drittanbietern<\/a> integrieren.<\/p>\n<p>Jetzt liegt es an dir: Installiere das neue Standard-WordPress-Theme, spiele damit herum und lass uns wissen, was deine Gedanken hier in den Kommentaren sind!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Twenty Twenty ist das neue Standard-WordPress-Theme, das mit der neuesten Version von WordPress 5.3 ausgeliefert wird. Wie sein Vorg\u00e4nger Twenty Nineteen wurde auch Twenty Twenty mit &#8230;<\/p>\n","protected":false},"author":36,"featured_media":28152,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[52,29],"topic":[1009],"class_list":["post-28151","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-gutenberg","tag-wordpress","topic-wordpress-themes"],"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>Twenty Twenty: Eine Einf\u00fchrung in das neue Standard WordPress Theme<\/title>\n<meta name=\"description\" content=\"WordPress 5.3 f\u00fchrte Twenty Twenty ein, ein Theme, das sich auf den Blockeditor Gutenberg konzentriert. Erfahre alle wichtigen Funktionen des Twenty Twenty Themes!\" \/>\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\/twenty-twenty-theme\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Twenty Twenty: Eine Einf\u00fchrung in das neue Standard WordPress Theme\" \/>\n<meta property=\"og:description\" content=\"WordPress 5.3 f\u00fchrte Twenty Twenty ein, ein Theme, das sich auf den Blockeditor Gutenberg konzentriert. Erfahre alle wichtigen Funktionen des Twenty Twenty Themes!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/\" \/>\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=\"2019-10-02T09:46:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-28T09:22:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/twenty-twenty.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"WordPress 5.3 f\u00fchrte Twenty Twenty ein, ein Theme, das sich auf den Blockeditor Gutenberg konzentriert. Erfahre alle wichtigen Funktionen des Twenty Twenty Themes!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/twenty-twenty.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"15\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Twenty Twenty: Eine Einf\u00fchrung in das neue Standard WordPress Theme\",\"datePublished\":\"2019-10-02T09:46:54+00:00\",\"dateModified\":\"2023-08-28T09:22:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/\"},\"wordCount\":2315,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/twenty-twenty.png\",\"keywords\":[\"Gutenberg\",\"WordPress\"],\"articleSection\":[\"Die besten WordPress Tutorials\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/\",\"name\":\"Twenty Twenty: Eine Einf\u00fchrung in das neue Standard WordPress Theme\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/twenty-twenty.png\",\"datePublished\":\"2019-10-02T09:46:54+00:00\",\"dateModified\":\"2023-08-28T09:22:49+00:00\",\"description\":\"WordPress 5.3 f\u00fchrte Twenty Twenty ein, ein Theme, das sich auf den Blockeditor Gutenberg konzentriert. Erfahre alle wichtigen Funktionen des Twenty Twenty Themes!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/twenty-twenty.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/twenty-twenty.png\",\"width\":1460,\"height\":730,\"caption\":\"Twenty Twenty: Eine Einf\u00fchrung in das neue Standard WordPress Theme\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress-Themes\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/wordpress-themes\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Twenty Twenty: Eine Einf\u00fchrung in das neue Standard WordPress Theme\"}]},{\"@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":"Twenty Twenty: Eine Einf\u00fchrung in das neue Standard WordPress Theme","description":"WordPress 5.3 f\u00fchrte Twenty Twenty ein, ein Theme, das sich auf den Blockeditor Gutenberg konzentriert. Erfahre alle wichtigen Funktionen des Twenty Twenty Themes!","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\/twenty-twenty-theme\/","og_locale":"de_DE","og_type":"article","og_title":"Twenty Twenty: Eine Einf\u00fchrung in das neue Standard WordPress Theme","og_description":"WordPress 5.3 f\u00fchrte Twenty Twenty ein, ein Theme, das sich auf den Blockeditor Gutenberg konzentriert. Erfahre alle wichtigen Funktionen des Twenty Twenty Themes!","og_url":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2019-10-02T09:46:54+00:00","article_modified_time":"2023-08-28T09:22:49+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/twenty-twenty.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"WordPress 5.3 f\u00fchrte Twenty Twenty ein, ein Theme, das sich auf den Blockeditor Gutenberg konzentriert. Erfahre alle wichtigen Funktionen des Twenty Twenty Themes!","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/twenty-twenty.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Carlo Daniele","Gesch\u00e4tzte Lesezeit":"15\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Twenty Twenty: Eine Einf\u00fchrung in das neue Standard WordPress Theme","datePublished":"2019-10-02T09:46:54+00:00","dateModified":"2023-08-28T09:22:49+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/"},"wordCount":2315,"commentCount":2,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/twenty-twenty.png","keywords":["Gutenberg","WordPress"],"articleSection":["Die besten WordPress Tutorials"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/","url":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/","name":"Twenty Twenty: Eine Einf\u00fchrung in das neue Standard WordPress Theme","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/twenty-twenty.png","datePublished":"2019-10-02T09:46:54+00:00","dateModified":"2023-08-28T09:22:49+00:00","description":"WordPress 5.3 f\u00fchrte Twenty Twenty ein, ein Theme, das sich auf den Blockeditor Gutenberg konzentriert. Erfahre alle wichtigen Funktionen des Twenty Twenty Themes!","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/twenty-twenty.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/twenty-twenty.png","width":1460,"height":730,"caption":"Twenty Twenty: Eine Einf\u00fchrung in das neue Standard WordPress Theme"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress-Themes","item":"https:\/\/kinsta.com\/de\/thema\/wordpress-themes\/"},{"@type":"ListItem","position":3,"name":"Twenty Twenty: Eine Einf\u00fchrung in das neue Standard WordPress Theme"}]},{"@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\/28151","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=28151"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/28151\/revisions"}],"predecessor-version":[{"id":43286,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/28151\/revisions\/43286"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/28151\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/28151\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/28151\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/28151\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/28151\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/28151\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/28151\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/28151\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/28151\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/28151\/translations\/dk"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/28151\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/28152"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=28151"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=28151"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=28151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}