{"id":21185,"date":"2018-11-16T01:13:29","date_gmt":"2018-11-16T09:13:29","guid":{"rendered":"https:\/\/kinsta.com\/?p=34914"},"modified":"2023-08-28T10:05:53","modified_gmt":"2023-08-28T09:05:53","slug":"twenty-nineteen-theme","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/","title":{"rendered":"Einf\u00fchrung in das Twenty Nineteen Theme (Theming f\u00fcr Gutenberg)"},"content":{"rendered":"<p><a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 5.0<\/a> steht vor der T\u00fcr, und viele von uns f\u00fchlen sich gleichzeitig aufgeregt und besorgt. <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-wordpress-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg<\/a> bringt gro\u00dfe Ver\u00e4nderungen in der Verwendung von WordPress mit sich. Es gibt definitiv Bedenken, was mit unseren Websites passieren wird, wenn wir unsere Installationen aktualisieren, ohne sie vorher zu testen. Aber mach dir keine Sorgen, wir haben einen Beitrag dar\u00fcber, wie du <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-wordpress-editor-deaktivieren\/\" target=\"_blank\" rel=\"noopener noreferrer\">den Gutenberg WordPress Editor deaktivieren<\/a> kannst (auch wenn es nur vor\u00fcbergehend ist), um zu verhindern, dass nicht unterst\u00fctzte Designs und Plugins unsere Websites besch\u00e4digen.<\/p>\n<p>Du bist vielleicht \u00fcberrascht zu h\u00f6ren, dass wir bereits WordPress 5.0 verwenden. Tats\u00e4chlich ist es so! Wie Matt in <a href=\"https:\/\/make.wordpress.org\/core\/2018\/10\/03\/a-plan-for-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-Blog erstellen<\/a>\u00a0erkl\u00e4rt:<\/p>\n<blockquote><p>Wenn wir das 5.0-Release auf streng 4.9.8 + Gutenberg beibehalten, wird es ein Release geben, das sowohl bedeutsam ist als auch in Bezug auf den neuen Code ein Non-Event ist. Es ist alles kampferprobt. In gewisser Weise ist 5.0 bereits de facto in freier Wildbahn. Einige vorausschauende Hoster installieren und aktivieren Gutenberg bereits f\u00fcr neue Installationen.<\/p><\/blockquote>\n<p>Dies bedeutet, dass bereits WordPress 5.0 auf unseren Servern ausgef\u00fchrt wird: Es ist nur WordPress 4.9.8, mit Gutenberg im Kern. Eigentlich ist das nicht alles, denn WordPress 5.0 enth\u00e4lt einen zus\u00e4tzlichen Eintrag, der brandneue <strong>Twenty Nineteen Default Theme<\/strong>.<\/p>\n<figure style=\"width: 1553px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/10\/twenty-nineteen-wordpress-theme-1.jpg\" alt=\"Twenty Nineteen WordPress-Theme\" width=\"1553\" height=\"1429\"><figcaption class=\"wp-caption-text\">Twenty Nineteen WordPress-Theme<\/figcaption><\/figure>\n<p>Lass uns eintauchen und sehen, was neu ist.<\/p>\n<ul>\n<li><a href=\"#gutenberg-twenty-nineteen\" target=\"_blank\" rel=\"noopener noreferrer\">\u00dcber Gutenberg und Twenty Nineteen<\/a><\/li>\n<li><a href=\"#installing-twenty-nineteen\">Installieren von Twenty Nineteen<\/a><\/li>\n<li><a href=\"#look-feel-twenty-nineteen-theme\">Der Look und das Gef\u00fchl von Twenty Nineteen<\/a><\/li>\n<li><a href=\"#theming-for-gutenberg\">Theming f\u00fcr Gutenberg: Ein Ansatz f\u00fcr Entwickler<\/a><\/li>\n<\/ul>\n<h2 id=\"gutenberg-twenty-nineteen\">\u00dcber Gutenberg und Twenty Nineteen<\/h2>\n<p>Einige von euch m\u00f6gen Gutenberg nicht m\u00f6gen. Dar\u00fcber hinaus ist die Debatte \u00fcber den neuen Redakteur noch lange nicht zu Ende, bedenke jedoch den <a href=\"https:\/\/make.wordpress.org\/themes\/2018\/03\/07\/getting-ready-for-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">erkl\u00e4rten Umfang von Gutenberg<\/a>:<\/p>\n<blockquote><p>Diese benutzerdefinierten Bl\u00f6cke \u00e4ndern die Art und Weise, wie User, Entwickler und Hoster mit WordPress interagieren, um umfassende Webinhalte zu erstellen, die einfacher und intuitiver sind und <strong>das Publizieren und Arbeiten f\u00fcr jedermann unabh\u00e4ngig von den technischen F\u00e4higkeiten demokratisieren<\/strong>.<\/p><\/blockquote>\n<p>Das ist es, was Gutenberg anstrebt, und Twenty Nineteen bringt die Dinge vorw\u00e4rts, indem sie mit Gutenberg und f\u00fcr Gutenberg gebaut werden. Es handelt sich um ein minimales, typografieorientiertes Blogging-Thema mit einem einspaltigen Layout. Es kann zum Erstellen einer breiten Palette von Websites verwendet werden, von pers\u00f6nlichen Blogs bis hin zu Websites f\u00fcr kleine Unternehmen.<\/p>\n<p>\u00dcber Twenty Nineteen zu schreiben, bedeutet meistens, dass wir \u00fcber Gutenberg schreiben. Mit Gutenberg k\u00f6nnen User in Twenty Nineteen nicht nur reichhaltige Inhalte erstellen, sondern sogar ihre gesamte Website im Editor. Laut Allan Cole in <a href=\"https:\/\/make.wordpress.org\/core\/2018\/10\/16\/introducing-twenty-nineteen\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-Blog erstellen<\/a>,<\/p>\n<blockquote><p>Gutenberg bietet Usern ein beispielloses Ma\u00df an Freiheit, um Layout und Design ihrer Website anzupassen. Um ihre Vision voll verwirklichen zu k\u00f6nnen, ben\u00f6tigen die User eine neue Generation flexibler Themen, welche die kreative Freiheit von Gutenberg nutzen sollen.<br \/>\nVor diesem Hintergrund wird WordPress 5.0 mit einem brandneuen Standarddesign gestartet: Twenty Nineteen<\/p><\/blockquote>\n<p>Im Twenty Nineteen Theme ist Gutenberg mehr als nur ein Content Builder, <strong>sondern ein Site Builder<\/strong>. WordPress-User k\u00f6nnen ihre gesamten Websites mithilfe von Bl\u00f6cken erstellen. Und wenn Gutenberg noch nicht dein Ding ist, bieten die meisten der beliebten <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-page-builders\/\" target=\"_blank\" rel=\"noopener noreferrer\">Page Builder-Plugins<\/a> Unterst\u00fctzung f\u00fcr Gutenberg.<\/p>\n<p>(Literaturempfehlung: <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/\">Eine Einf\u00fchrung in das Twenty Twenty Thema<\/a>)<\/p>\n\n<h2 id=\"installing-twenty-nineteen\">Installieren von Twenty Nineteen<\/h2>\n<p>Twenty Nineteen sollte dem Ver\u00f6ffentlichungsplan der neuen Hauptversion von WordPress folgen. WordPress 5.0 sollte jedoch am 19. November ver\u00f6ffentlicht werden, und es ist m\u00f6glich, dass eine funktionierende Version von Twenty Nineteen zu diesem Zeitpunkt nicht fertig ist. Siehe alle m\u00f6glichen <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-5-0\/#wordpress-5-release-date\" target=\"_blank\" rel=\"noopener noreferrer\">Release-Daten f\u00fcr WordPress 5.0<\/a>. Das Theme steht auf <a href=\"https:\/\/github.com\/WordPress\/twentynineteen\" target=\"_blank\" rel=\"noopener noreferrer\">Github<\/a> zum Download zur Verf\u00fcgung und bleibt dort, bis es in den Kern integriert ist.<\/p>\n<p>Twenty Nineteen basiert auf dem\u00a0<a href=\"https:\/\/github.com\/Automattic\/_s\/\" target=\"_blank\" rel=\"noopener noreferrer\">_s<\/a>\u00a0und <a href=\"https:\/\/github.com\/WordPress\/gutenberg-starter-theme\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg-Starter-Theme<\/a> und ist mit Sass ausgestattet. Wenn du das ZIP-Paket erhalten hast, extrahierst du das Design und l\u00e4dst den Designordner in das Verzeichnis <code>\/wp-content\/themes<\/code> deiner Entwicklungsinstallation. Du kannst es auch aus deinem WordPress-Dashboard hochladen.<\/p>\n<figure style=\"width: 530px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/10\/neues-theme-hinzufugen.png\" alt=\"Hochladen eines neuen Themes aus dem WordPress-Dashboard\" width=\"530\" height=\"696\"><figcaption class=\"wp-caption-text\">Hochladen eines neuen Themes aus dem WordPress-Dashboard<\/figcaption><\/figure>\n<p>Kinsta-Clients k\u00f6nnen es in ihren <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/staging-umgebung\/\" target=\"_blank\" rel=\"noopener noreferrer\">Staging-Umgebungen<\/a> installieren. Wenn du nicht bei Kinsta bist, kannst du es trotzdem <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-lokal-installieren\/\" target=\"_blank\" rel=\"noopener noreferrer\">auf deinem lokalen Computer installieren<\/a>.<\/p>\n<figure style=\"width: 1329px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/11\/twenty-nineteen-theme-installiert.jpg\" alt=\"Twenty Nineteen erfolgreich installiert\" width=\"1329\" height=\"823\"><figcaption class=\"wp-caption-text\">Twenty Nineteen erfolgreich installiert<\/figcaption><\/figure>\n<h2 id=\"look-feel-twenty-nineteen-theme\">Der Look und das Gef\u00fchl von Twenty Nineteen<\/h2>\n<p>Das einspaltige Layout betont den Inhalt und passt am besten zu Bl\u00f6cken mit voller und gro\u00dfer Breite. Das Design unterst\u00fctzt nun eine Fu\u00dfzeilen-Sidebar und verf\u00fcgt \u00fcber drei Navigationsmen\u00fcs: das <b>Prim\u00e4rmen\u00fc<\/b> und das <b>Social Links Menu<\/b>, beide im Header positioniert, und das <b>Footer-Men\u00fc<\/b>, das sich in der Fu\u00dfzeile befindet.<\/p>\n<figure style=\"width: 721px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/10\/twenty-nineteen-seiten-titel.jpg\" alt=\"Twenty Nineteen Seiten-Titel\" width=\"721\" height=\"221\"><figcaption class=\"wp-caption-text\">Seiten-Titel, Seiten-Beschreibung und Men\u00fcs in der Twenty Nineteen Kopfzeile<\/figcaption><\/figure>\n<p>Die Blogseite sieht aus wie eine regul\u00e4re Blogseite mit aktivierten Bildern. Einzelne Posts und Seiten zeigen das Potenzial der aktuellen Version von Gutenberg als Site Builder am besten.<\/p>\n<p>Da sie vollst\u00e4ndig auf Gutenberg basiert, h\u00e4ngen die Merkmale von Twenty Nineteen haupts\u00e4chlich vom Entwicklungszyklus von Gutenberg und von der Verf\u00fcgbarkeit von Bl\u00f6cken ab. Wir k\u00f6nnen Widget-Bl\u00f6cke, Shortcode-Bl\u00f6cke, Galerien, HTML-Code usw. hinzuf\u00fcgen. All diese Bl\u00f6cke decken jedoch noch lange nicht alle unsere Bed\u00fcrfnisse ab. Gl\u00fccklicherweise verf\u00fcgen wir jedoch \u00fcber mehrere Plugins, mit denen wir neue Bl\u00f6cke zu Gutenberg hinzuf\u00fcgen k\u00f6nnen, z. B. <a href=\"https:\/\/wordpress.org\/plugins\/atomic-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atomic Blocks<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/advanced-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">Advanced Gutenberg<\/a> und <a href=\"https:\/\/wpstackable.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Stackable<\/a>. Es gibt sogar Projekte wie die <a href=\"https:\/\/gutenbergcloud.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg Cloud<\/a>, die aufgetaucht sind.<\/p>\n<p>Wenn du der Meinung bist, dass das Thema zu minimal wirkt, denke daran, dass Twenty Nineteen noch in Arbeit ist. Wir sind nicht sicher, ob es bis zur Ver\u00f6ffentlichung von WordPress 5.0 in den Kern integriert sein wird, und wir werden in der n\u00e4chsten Zukunft mit einigen Erg\u00e4nzungen und Fehlerbehebungen rechnen. Dar\u00fcber hinaus gibt es viele Probleme, die noch nicht gel\u00f6st sind, und Funktionen, die implementiert werden m\u00fcssen.<\/p>\n<p>Jetzt unterst\u00fctzt Twenty Nineteen Untermen\u00fcs, aber nicht Custom Headers und Video Headers. Wie auch immer, wir k\u00f6nnen erwarten, dass zus\u00e4tzliche Features in einem angemessenen Zeitrahmen hinzugef\u00fcgt werden.<\/p>\n<p>Wenn du dich f\u00fcr den Zustand des Themes interessierst, schau dir die <a href=\"https:\/\/github.com\/WordPress\/twentynineteen\/issues\" target=\"_blank\" rel=\"noopener noreferrer\">vollst\u00e4ndige Liste der Probleme auf Github<\/a> an.<\/p>\n<h2 id=\"theming-for-gutenberg\">Theming f\u00fcr Gutenberg: Ein Ansatz f\u00fcr Entwickler<\/h2>\n<p>Sofort bietet Gutenberg grundlegende Unterst\u00fctzung f\u00fcr Blockstile in Themes. Entwickler k\u00f6nnen die Standardstile von Gutenberg mit ihren benutzerdefinierten Stilen \u00fcberschreiben. Entwickler k\u00f6nnen jedoch auch benutzerdefinierte Stile vollst\u00e4ndig weglassen und sich daf\u00fcr entscheiden, Gutenberg ausschlie\u00dflich f\u00fcr Stilbl\u00f6cke auf der Vorderseite der Website zu verwenden.<\/p>\n<p>Ein Editor, der wie der resultierende Inhalt aussieht und sich so anf\u00fchlt, verbessert das Schreiberlebnis des Autors und erm\u00f6glicht jedem, sich mit der Useroberfl\u00e4che vertraut zu machen.<\/p>\n<p>F\u00fcr einige Gutenberg-Stile und Pr\u00e4sentationsfunktionen ist es jedoch erforderlich, dass Themes ausdr\u00fccklich Unterst\u00fctzung f\u00fcr diese hinzuf\u00fcgen. Dies kann durch Aufrufen von <code><a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">add_theme_support<\/a><\/code> in der <code>functions.php<\/code> -Datei erfolgen, wenn die Aktion <code><a href=\"https:\/\/codex.wordpress.org\/Plugin_API\/Action_Reference\/after_setup_theme\" target=\"_blank\" rel=\"noopener noreferrer\">after_setup_theme<\/a><\/code> ausgel\u00f6st wird. Hier ist ein Beispiel f\u00fcr eine Feature-Implementierung:<\/p>\n<pre><code class=\"language-php\">function mytheme_setup() {\n    \/\/ Add support for Block Styles\n    add_theme_support( 'wp-block-styles' );\n}\nadd_action( 'after_setup_theme', 'mytheme_setup' );<\/code><\/pre>\n<p>Nachfolgend findest du eine Auswahl dieser Gutenberg-Funktionen, von denen einige auch von Twenty Nineteen unterst\u00fctzt werden. Die vollst\u00e4ndige Liste der Funktionen findest du im <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#block-font-sizes\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg Handbuch<\/a>.<\/p>\n<h3>Unterst\u00fctzung f\u00fcr Gutenberg-Block-Pr\u00e4sentationsstile hinzuf\u00fcgen<\/h3>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2018\/06\/05\/whats-new-in-gutenberg-5th-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">Eines der Ziele<\/a> des Teams hinter Gutenberg bestand darin, ein flexibles System f\u00fcr das Styling in Themes zu erstellen und so nahe wie m\u00f6glich \u201ean die visuelle Parit\u00e4t zwischen Frontend und Editor\u201c heranzukommen. Der Zweck besteht darin, dem User eine genaue Vorschau des Inhalts zu geben, so wie es auf der Front-Site aussehen wird.<\/p>\n<p>Um dieses Ziel zu erreichen, musste das Team Pr\u00e4sentationsstile und Strukturstile trennen. Standardm\u00e4\u00dfig werden Pr\u00e4sentationsstile nicht im Frontend geladen, um das Erscheinungsbild der Seite nicht zu beeintr\u00e4chtigen. Auf jeden Fall k\u00f6nnen neue Themes die Pr\u00e4sentationsstile von Gutenberg nutzen, indem du sie einfach mit der folgenden Registrierung aktivierst (weitere Informationen findest du im <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#default-block-styles\" target=\"_blank\" rel=\"noopener noreferrer\">Handbuch<\/a>).<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for Block Styles\nadd_theme_support( 'wp-block-styles' );<\/code><\/pre>\n<p>As you may expect, <strong>Twenty Nineteen supports Gutenberg&#8217;s block styles<\/strong>. The single post page looks on the front-end much like the editing post page, with the sole difference of the featured image, which displays on a desktop as a background image covering the whole viewport. The image below shows Gutenberg in action on the back-end.<\/p>\n<p>Wie zu erwarten, unterst\u00fctzt <strong>Twenty Nineteen die Blockstile von Gutenberg<\/strong>. Die einzelne Post-Seite sieht auf dem Frontend sehr \u00e4hnlich aus wie die bearbeitende Post-Seite. Der einzige Unterschied ist das abgebildete Bild, das auf einem Desktop als Hintergrundbild f\u00fcr das gesamte Ansichtsfenster angezeigt wird. Das Bild unten zeigt Gutenberg im Backend in Aktion.<\/p>\n<figure style=\"width: 420px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/10\/gutenberg-wordpress-editor.jpg\" alt=\"Gutenberg WordPress Editor im Vollbildmodus\" width=\"420\" height=\"545\"><figcaption class=\"wp-caption-text\">Gutenberg WordPress Editor im Vollbildmodus<\/figcaption><\/figure>\n<p>Und hier ist der gleiche Beitrag auf der Frontseite.<\/p>\n<figure style=\"width: 320px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/10\/twenty-nineteen-einzige-beitragsseite.jpg\" alt=\"Eine einzige Beitragsseite in Twenty Nineteen\" width=\"320\" height=\"836\"><figcaption class=\"wp-caption-text\">Eine einzige Beitragsseite in Twenty Nineteen<\/figcaption><\/figure>\n<h3>Breite und vollst\u00e4ndige Ausrichtung<\/h3>\n<p>Gutenberg bietet auch zwei zus\u00e4tzliche Ausrichtungsoptionen: <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#wide-alignment\" target=\"_blank\" rel=\"noopener noreferrer\">Wide und Full-width -Ausrichtung<\/a>.<strong>Du kannst jedoch nur dann eine Wide oder Full-width-Ausrichtung ausw\u00e4hlen<\/strong>, <strong>wenn dein Motiv sie unterst\u00fctzt<\/strong>. In diesem Fall zeigt Gutenberg zwei zus\u00e4tzliche Ausrichtungssymbole.<\/p>\n<figure style=\"width: 317px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/10\/ausrichtung-optionen-tasten.png\" alt=\"Tasten f\u00fcr die Ausrichtung von Wide und Full-width in Gutenberg\" width=\"317\" height=\"58\"><figcaption class=\"wp-caption-text\">Tasten f\u00fcr die Ausrichtung von Wide und Full-width in Gutenberg<\/figcaption><\/figure>\n<p>Das Bild unten zeigt <strong>Ausrichtungsmitte<\/strong>, <strong>Wide<\/strong> und <strong>Full-width<\/strong> in Twenty Nineteen.<\/p>\n<figure style=\"width: 360px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/10\/ausrichtung-optionen.jpg\" alt=\"Zentriert, Wide und Full-width im Vergleich\" width=\"360\" height=\"634\"><figcaption class=\"wp-caption-text\">Zentriert, Wide und Full-width im Vergleich<\/figcaption><\/figure>\n<p>Theme-Entwickler k\u00f6nnen Unterst\u00fctzung f\u00fcr Ausrichtungen f\u00fcr Wide und Full-width hinzuf\u00fcgen, indem sie in der Funktionsdatei mit einer einzigen Anweisung aktiviert werden:<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for full and wide align images\nadd_theme_support( 'align-wide' );<\/code><\/pre>\n<p>Sobald wir die Unterst\u00fctzung f\u00fcr Wide- und Full-Width-Ausrichtungen hinzugef\u00fcgt haben, sollten wir die CSS-Deklarationen f\u00fcr zwei zus\u00e4tzliche CSS-Klassen bereitstellen: <code>alignfull<\/code> und <code>alignwide<\/code>. Twenty Nineteen bietet die folgenden Stile:<\/p>\n<pre><code class=\"language-css\">.entry-content &gt; *.alignwide,\n.entry-summary &gt; *.alignwide {\n    margin-left: auto;\n    margin-right: auto;\n}\n\n@media only screen and (min-width: 768px) {\n    .entry-content &gt; *.alignwide,\n    .entry-summary &gt; *.alignwide {\n        margin-left: calc(1 * (100vw \/ 12));\n        margin-right: calc(1 * (100vw \/ 12));\n        max-width: calc(10 * (100vw \/ 12));\n  }\n}\n\n.entry-content &gt; *.alignfull,\n.entry-summary &gt; *.alignfull {\n    margin-top: calc(2 * 1rem);\n    margin-right: 0;\n    margin-bottom: calc(2 * 1rem);\n    margin-left: 0;\n    max-width: 100%;\n}\n\n.entry-content .wp-block-image.alignfull img {\n    width: 100vw;\n    margin-left: auto;\n    margin-right: auto;\n}<\/code><\/pre>\n<p>Notiz: Sei vorsichtig, wenn du diese Option verwendest, da dies zu Problemen f\u00fchren kann, wenn du das Theme wechselst (lies mehr zu diesem Thema unter <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/4342\" target=\"_blank\" rel=\"noopener noreferrer\">Github<\/a>).<\/p>\n<h3>Editor-Stil<\/h3>\n<p>Der <a href=\"https:\/\/codex.wordpress.org\/Editor_Style\" target=\"_blank\" rel=\"noopener noreferrer\">Editor-Stil<\/a> ist eine mit WordPress 3.0 eingef\u00fchrte Funktion, mit der Theme-Entwickler dem TinyMCE-Editor benutzerdefinierte Stile hinzuf\u00fcgen k\u00f6nnen. Gutenberg unterst\u00fctzt auch diese Funktion, funktioniert jedoch anders als der klassische Editor, der Stile direkt in den <a href=\"https:\/\/kinsta.com\/de\/blog\/einbettung-youtube-video-wordpress\/\">iframe<\/a> des Editors l\u00e4dt. Gutenberg f\u00fcgt bestimmte CSS-Selektoren hinzu, da kein iframe verwendet wird.<\/p>\n<p>Unterst\u00fctzung f\u00fcr Editorstile k\u00f6nnen wir wie folgt hinzuf\u00fcgen:<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for editor styles\nadd_theme_support( 'editor-styles' );\n\/\/ Enqueue editor styles\nadd_editor_style( 'style-editor.css' );<\/code><\/pre>\n<p>Diese Funktion wird auch von Twenty Nineteen unterst\u00fctzt. In <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#editor-styles\" target=\"_blank\" rel=\"noopener noreferrer\">Editor-Stile in Gutenberg<\/a> kannst du tiefer in dieses Thema eintauchen.<\/p>\n<h3>Block Farb-Paletten<\/h3>\n<p>Gutenberg bietet im Bereich der Farbeinstellungen des Editors eine allgemeine Farbauswahl. Theme-Entwickler k\u00f6nnen dieses Tool durch Hinzuf\u00fcgen von benutzerdefinierten Farbpaletten verbessern, sodass User schnell die richtige Farbe f\u00fcr Blockhintergrund und Text finden k\u00f6nnen. Dies ist ein zweistufiger Prozess:<\/p>\n<p>Zuerst m\u00fcssen wir eine Reihe von Farben angeben:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'editor-color-palette', array(\n    array(\n        'name' =&gt; __( 'hot pink', 'themeLangDomain' ),\n        'slug' =&gt; 'hot-pink',\n        'color' =&gt; '#f865b0',\n    ),\n    array(\n        'name' =&gt; __( 'classic rose', 'themeLangDomain' ),\n        'slug' =&gt; 'classic-rose',\n        'color' =&gt; '#fbcaef',\n    ),\n) );<\/code><\/pre>\n<p>Dann m\u00fcssen wir die entsprechenden Stile im Stylesheet des Themes angeben:<\/p>\n<pre><code class=\"language-css\">.has-hot-pink-background-color {\n    background-color: #f865b0;\n}\n\n.has-hot-pink-color {\n    color: #f865b0;\n}<\/code><\/pre>\n<p>Klassennamen beginnen mit <code>has<\/code>-, gefolgt von der Farbschneide in Kebab-Case und endet mit dem Kontext, de <code>color<\/code> oder <code>background-color<\/code> sein kann.\u00a0Momentan unterst\u00fctzt Twenty Nineteen keine Blockfarbenpaletten, aber wir k\u00f6nnen dies leicht mit einem <a href=\"https:\/\/kinsta.com\/de\/blog\/child-theme-wordpress-erstellen\/\" target=\"_blank\" rel=\"noopener noreferrer\">Child-Theme<\/a> \u00e4ndern.<\/p>\n<figure style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/10\/farbpalette.png\" alt=\"Eine benutzerdefinierte Farbpalette in Gutenberg\" width=\"280\" height=\"244\"><figcaption class=\"wp-caption-text\">Eine benutzerdefinierte Farbpalette in Gutenberg<\/figcaption><\/figure>\n<p>Wenn du eine benutzerdefinierte Farbpalette deaktivieren m\u00f6chtest, musst du der Funktionsdatei des Themes oder des Child-Themes die folgende Zeile hinzuf\u00fcgen:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'disable-custom-colors' );<\/code><\/pre>\n<h3>Block Schriftgr\u00f6\u00dfen<\/h3>\n<p>Ein Theme kann auch den Standardsatz der Schriftgr\u00f6\u00dfen von Gutenberg \u00fcberschreiben. Hier ist ein Beispiel f\u00fcr den Code, den du zur Funktionsdatei hinzuf\u00fcgen solltest:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'editor-font-sizes', array(\n    array(\n        'name' =&gt; __( 'extra-small', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'XS', 'themeLangDomain' ),\n        'size' =&gt; 10,\n        'slug' =&gt; 'extra-small'\n    ),\n    array(\n        'name' =&gt; __( 'small', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'S', 'themeLangDomain' ),\n        'size' =&gt; 12,\n        'slug' =&gt; 'small'\n    ),\n    array(\n        'name' =&gt; __( 'regular', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'M', 'themeLangDomain' ),\n        'size' =&gt; 16,\n        'slug' =&gt; 'regular'\n    ),\n    array(\n        'name' =&gt; __( 'large', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'L', 'themeLangDomain' ),\n        'size' =&gt; 26,\n        'slug' =&gt; 'large'\n    ),\n    array(\n        'name' =&gt; __( 'larger', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'XL', 'themeLangDomain' ),\n        'size' =&gt; 36,\n        'slug' =&gt; 'larger'\n    ),\n    array(\n        'name' =&gt; __( 'huge', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'XXL', 'themeLangDomain' ),\n        'size' =&gt; 56,\n        'slug' =&gt; 'huge'\n    )\n) );<\/code><\/pre>\n<p>Die neuen Schriftgr\u00f6\u00dfen werden der Schriftgr\u00f6\u00dfenauswahl in den Gutenberg-Texteinstellungen hinzugef\u00fcgt.<\/p>\n<figure style=\"width: 336px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/10\/schriftgrossen.png\" alt=\"Benutzerdefinierte Schriftgr\u00f6\u00dfen in Gutenberg\" width=\"336\" height=\"423\"><figcaption class=\"wp-caption-text\">Benutzerdefinierte Schriftgr\u00f6\u00dfen in Gutenberg<\/figcaption><\/figure>\n<p>Im Folgenden m\u00fcssen wir die entsprechenden Stile im Stylesheet des Themes angeben. Klassennamen beginnen mit <code>has-<\/code>, gefolgt vom Namen der Schriftgr\u00f6\u00dfe in Kebab-Case und endet mit <code>-font-size<\/code>.<\/p>\n<pre><code class=\"language-css\">.has-huge-font-size {\n    font-size: 56px;\n}<\/code><\/pre>\n<p>Twenty Nineteen bietet keine spezifischen Schriftgr\u00f6\u00dfen und ist auf die Standardwerte von Gutenberg angewiesen.<\/p>\n<p>Notiz: Denke daran, dass du den Code durch die Aktion <code>after_setup_theme<\/code> verkn\u00fcpfen musst, damit der gesamte Code funktioniert.<\/p>\n<h2>Zusammenfassung<\/h2>\n<p>Twenty Nineteen k\u00f6nnte f\u00fcr pers\u00f6nliche Blogs gut funktionieren, und du kannst es dir eher wie eine wei\u00dfe Leinwand als ein voll funktionsf\u00e4higes WordPress-Theme vorstellen. Ein so minimaler Ansatz k\u00f6nnte ein wenig einschr\u00e4nkend sein, wenn es um das Erstellen von Websites f\u00fcr Unternehmen und E-Commerce geht. Mach dir jedoch keine Sorgen: Neue Funktionen sollten in K\u00fcrze implementiert werden, und wir k\u00f6nnten bald eine leistungsf\u00e4higere Version von Twenty Nineteen sehen.<\/p>\n<p>In der Zwischenzeit kannst du dir auch einige Themes ansehen, die Gutenberg bereits unterst\u00fctzen. <a href=\"https:\/\/wordpress.org\/themes\/atomic-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atomic Blocks<\/a>, <a href=\"https:\/\/generatepress.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GeneratePress<\/a>, <a href=\"https:\/\/themeforest.net\/item\/gutentype-gutenberg-wordpress-blog-theme\/22486033\" target=\"_blank\" rel=\"noopener noreferrer\">Gutentype<\/a> und <a href=\"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-feature-update-introducing-initial-gutenberg-support\" target=\"_blank\" rel=\"noopener noreferrer\">Divi<\/a>, um nur einige zu nennen, aber viele andere sollten bald kommen. Da WordPress 5.0 so schnell n\u00e4herkommt, ist die Unterst\u00fctzung von Gutenberg keine Option, und Entwickler sollten den neuen WordPress-Editor so schnell wie m\u00f6glich nutzen, um der Konkurrenz einen Schritt voraus zu sein.<\/p>\n<p>Hast du Twenty Nineteen oder irgendein Theme installiert, das Gutenberg unterst\u00fctzt? Wir w\u00fcrden in den Kommentaren gerne h\u00f6ren, was du denkst.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.0 steht vor der T\u00fcr, und viele von uns f\u00fchlen sich gleichzeitig aufgeregt und besorgt. Gutenberg bringt gro\u00dfe Ver\u00e4nderungen in der Verwendung von WordPress mit &#8230;<\/p>\n","protected":false},"author":36,"featured_media":21199,"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-21185","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>Einf\u00fchrung in das Twenty Nineteen Theme (Theming f\u00fcr Gutenberg)<\/title>\n<meta name=\"description\" content=\"Twenty Nineteen ist das brandneue WordPress 5.0-Standarddesign, bei dem es um Gutenberg geht. Informieren Sie sich \u00fcber die Neueigkeiten bei der Themenentwicklung mit Gutenberg.\" \/>\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-nineteen-theme\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Einf\u00fchrung in das Twenty Nineteen Theme (Theming f\u00fcr Gutenberg)\" \/>\n<meta property=\"og:description\" content=\"Twenty Nineteen ist das brandneue WordPress 5.0-Standarddesign, bei dem es um Gutenberg geht. Informieren Sie sich \u00fcber die Neueigkeiten bei der Themenentwicklung mit Gutenberg.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-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=\"2018-11-16T09:13:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-28T09:05:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/11\/twenty-nineteen-theme.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=\"Twenty Nineteen ist das brandneue WordPress 5.0-Standarddesign, bei dem es um Gutenberg geht. Informieren Sie sich \u00fcber die Neueigkeiten bei der Themenentwicklung mit Gutenberg.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/11\/twenty-nineteen-theme.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=\"12\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-nineteen-theme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Einf\u00fchrung in das Twenty Nineteen Theme (Theming f\u00fcr Gutenberg)\",\"datePublished\":\"2018-11-16T09:13:29+00:00\",\"dateModified\":\"2023-08-28T09:05:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/\"},\"wordCount\":2154,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/11\/twenty-nineteen-theme.png\",\"keywords\":[\"Gutenberg\",\"WordPress\"],\"articleSection\":[\"Die besten WordPress Tutorials\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/\",\"name\":\"Einf\u00fchrung in das Twenty Nineteen Theme (Theming f\u00fcr Gutenberg)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/11\/twenty-nineteen-theme.png\",\"datePublished\":\"2018-11-16T09:13:29+00:00\",\"dateModified\":\"2023-08-28T09:05:53+00:00\",\"description\":\"Twenty Nineteen ist das brandneue WordPress 5.0-Standarddesign, bei dem es um Gutenberg geht. Informieren Sie sich \u00fcber die Neueigkeiten bei der Themenentwicklung mit Gutenberg.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/11\/twenty-nineteen-theme.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/11\/twenty-nineteen-theme.png\",\"width\":1460,\"height\":730,\"caption\":\"Twenty Nineteen Theme\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-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\":\"Einf\u00fchrung in das Twenty Nineteen Theme (Theming f\u00fcr Gutenberg)\"}]},{\"@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":"Einf\u00fchrung in das Twenty Nineteen Theme (Theming f\u00fcr Gutenberg)","description":"Twenty Nineteen ist das brandneue WordPress 5.0-Standarddesign, bei dem es um Gutenberg geht. Informieren Sie sich \u00fcber die Neueigkeiten bei der Themenentwicklung mit Gutenberg.","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-nineteen-theme\/","og_locale":"de_DE","og_type":"article","og_title":"Einf\u00fchrung in das Twenty Nineteen Theme (Theming f\u00fcr Gutenberg)","og_description":"Twenty Nineteen ist das brandneue WordPress 5.0-Standarddesign, bei dem es um Gutenberg geht. Informieren Sie sich \u00fcber die Neueigkeiten bei der Themenentwicklung mit Gutenberg.","og_url":"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2018-11-16T09:13:29+00:00","article_modified_time":"2023-08-28T09:05:53+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/11\/twenty-nineteen-theme.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Twenty Nineteen ist das brandneue WordPress 5.0-Standarddesign, bei dem es um Gutenberg geht. Informieren Sie sich \u00fcber die Neueigkeiten bei der Themenentwicklung mit Gutenberg.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/11\/twenty-nineteen-theme.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Carlo Daniele","Gesch\u00e4tzte Lesezeit":"12\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Einf\u00fchrung in das Twenty Nineteen Theme (Theming f\u00fcr Gutenberg)","datePublished":"2018-11-16T09:13:29+00:00","dateModified":"2023-08-28T09:05:53+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/"},"wordCount":2154,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/11\/twenty-nineteen-theme.png","keywords":["Gutenberg","WordPress"],"articleSection":["Die besten WordPress Tutorials"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/","url":"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/","name":"Einf\u00fchrung in das Twenty Nineteen Theme (Theming f\u00fcr Gutenberg)","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/11\/twenty-nineteen-theme.png","datePublished":"2018-11-16T09:13:29+00:00","dateModified":"2023-08-28T09:05:53+00:00","description":"Twenty Nineteen ist das brandneue WordPress 5.0-Standarddesign, bei dem es um Gutenberg geht. Informieren Sie sich \u00fcber die Neueigkeiten bei der Themenentwicklung mit Gutenberg.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-theme\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/11\/twenty-nineteen-theme.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2018\/11\/twenty-nineteen-theme.png","width":1460,"height":730,"caption":"Twenty Nineteen Theme"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/twenty-nineteen-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":"Einf\u00fchrung in das Twenty Nineteen Theme (Theming f\u00fcr Gutenberg)"}]},{"@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\/21185","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=21185"}],"version-history":[{"count":10,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/21185\/revisions"}],"predecessor-version":[{"id":27237,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/21185\/revisions\/27237"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/21185\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/21185\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/21185\/translations\/fr"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/21185\/translations\/dk"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/21185\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/21185\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/21185\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/21185\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/21185\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/21185\/translations\/se"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/21185\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/21199"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=21185"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=21185"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=21185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}