{"id":54579,"date":"2022-10-04T11:05:38","date_gmt":"2022-10-04T10:05:38","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=54579&preview=true&preview_id=54579"},"modified":"2023-07-27T14:16:07","modified_gmt":"2023-07-27T13:16:07","slug":"twenty-twenty-three-theme","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-three-theme\/","title":{"rendered":"Twenty Twenty-Three: Ein neues Standard-WordPress-Theme aus der Community"},"content":{"rendered":"

Twenty Twenty-Three ist das brandneue Standard-WordPress-Theme, das mit WordPress 6.1<\/a> eingef\u00fchrt wird.<\/p>\n

Es ist ein minimalistisches Theme<\/a> ohne Bilder oder zus\u00e4tzliche Funktionen. Es eignet sich am besten als Einstiegs-Theme, um Vorlagen und Style-Variationen zu erstellen und alle Funktionen zu testen, die mit den neuesten WordPress-Versionen eingef\u00fchrt wurden. Das Theme kann als echte Entwicklungs- und Testumgebung angesehen werden, obwohl der minimalistische Stil, die Responsivit\u00e4t und die Leichtigkeit es zu einer guten Option f\u00fcr die Erstellung von Blogs und Websites machen, die f\u00fcr eine Vielzahl von Zwecken geeignet sind.<\/p>\n

In seiner Einf\u00fchrung zum Twenty Twenty-Two-Theme<\/a> schrieb Kjell Reigstad \u00fcber die Zukunft der Standard-Themes<\/a>:<\/p>\n

Innovationen wie theme.json, Blockvorlagen und Blockmuster machen die Entwicklung von Themes viel einfacher und bieten den Nutzern neue M\u00f6glichkeiten, ihre Websites anzupassen. Es gibt Grund zu der Annahme, dass die Community all dies nutzen kann, um in den kommenden Jahren h\u00e4ufigere und vielf\u00e4ltigere Theme- und Anpassungsl\u00f6sungen f\u00fcr unsere Nutzer zu entwickeln.<\/p><\/blockquote>\n

Und Channing Ritter hat folgenden Vorschlag<\/a> gemacht:<\/p>\n

Wie w\u00e4re es, wenn wir statt des Themes selbst eine Reihe von Stilvariationen hervorheben w\u00fcrden, die von Mitgliedern der Community entworfen wurden? Wir k\u00f6nnten Twenty Twenty-Two als Grundlage f\u00fcr ein neues Theme verwenden, das schlicht und minimalistisch ist – eine leere Leinwand, auf der eine Vielzahl von Stilvarianten zum Vorschein kommen kann.<\/p><\/blockquote>\n

Und genau das passiert jetzt mit dem neuen Standard-Theme Twenty Twenty-Three. Die Community wurde aufgerufen, sich aktiv an der Gestaltung des Standard-WordPress-Themes zu beteiligen, und das gef\u00e4llt uns, denn so ist das neue Theme das Ergebnis echter Partizipationsarbeit.<\/p>\n

\"Twenty
Twenty Twenty-Three Vorschau<\/figcaption><\/figure>\n\n

Doch bevor wir die Stilvariationen des neuen WordPress-Standard-Themes aufdecken, wollen wir die grundlegenden Funktionen von Twenty Twenty-Three kennenlernen und herausfinden, wof\u00fcr es geeignet ist.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Seitenlayouts und Stile<\/h2>\n

Wie bereits erw\u00e4hnt, ist Twenty Twenty-Three eine abgespeckte Version von Twenty Twenty-Two. Was an dem neuen Standardthema auff\u00e4llt, ist seine Einfachheit und Leichtigkeit. Twenty Twenty-Three ist flexibel und eignet sich perfekt f\u00fcr die neuesten Funktionen von Gutenberg, wie z. B. die Bearbeitung von Vorlagen, globale Stilvariationen<\/a>, fl\u00fcssige Typografie<\/a> und Blockmuster<\/a>.<\/p>\n

Es wird dich also nicht \u00fcberraschen, dass du auf den Screenshots in diesem Artikel minimale Seiten ohne jeglichen Schnickschnack siehst, die sich aber perfekt f\u00fcr Anpassungen und Tests eignen.<\/p>\n

Das folgende Bild zeigt zum Beispiel einzelne Beitragsseiten mit und ohne Bilder.<\/p>\n

\"Single-Post-Vorschau
Single-Post-Vorschau mit und ohne Featured Image in Twenty Twenty-Three<\/figcaption><\/figure>\n

Das folgende Bild vergleicht die Startseite mit einer Archivseite.<\/p>\n

\"Startseite
Startseite im Vergleich zur Archivseite in Twenty Twenty-Three<\/figcaption><\/figure>\n

Auch wenn das neue Theme eine vereinfachte Version von Twenty Twenty-Two ist, weist Twenty Twenty-Three im Vergleich zum vorherigen Standard-Theme einige wichtige Unterschiede auf.<\/p>\n

Erstens wurde die Gr\u00f6\u00dfe der \u00dcberschriften verringert und die Standardschriftart mit Serifen wurde durch eine serifenlose Schriftart ersetzt.<\/p>\n

\"\u00dcberschriftengr\u00f6\u00dfen
\u00dcberschriftengr\u00f6\u00dfen in Twenty Twenty-Three<\/figcaption><\/figure>\n

Au\u00dferdem wurde eine andere Farbpalette verwendet. Du kannst die neue Twenty Twenty-Three-Palettendefinition im folgenden Code aus der theme.json<\/em> sehen:<\/p>\n

{\n\t\"settings\": {\n\t\t\"appearanceTools\": true,\n\t\t\"color\": {\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#ffffff\",\n\t\t\t\t\t\"name\": \"Base\",\n\t\t\t\t\t\"slug\": \"base\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#000000\",\n\t\t\t\t\t\"name\": \"Contrast\",\n\t\t\t\t\t\"slug\": \"contrast\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#9DFF20\",\n\t\t\t\t\t\"name\": \"Primary\",\n\t\t\t\t\t\"slug\": \"primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#345C00\",\n\t\t\t\t\t\"name\": \"Secondary\",\n\t\t\t\t\t\"slug\": \"secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#F6F6F6\",\n\t\t\t\t\t\"name\": \"Tertiary\",\n\t\t\t\t\t\"slug\": \"tertiary\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t}\n}<\/code><\/pre>\n
\"Twenty
Twenty Twenty-Three Standardfarben<\/figcaption><\/figure>\n
Das Hauptmerkmal des neuen Standard-Themes ist jedoch die Reihe von Stilvariationen. Twenty Twenty-Three bietet zehn globale Stilvariationen, von denen jede eine andere Kombination aus Farben, Schriftfamilie und Schriftgr\u00f6\u00dfe zeigt.<\/p>\n
\"Twenty
Twenty Twenty-Three Global Styles<\/figcaption><\/figure>\n
Die entsprechenden JSON-Dateien findest du im Ordner Twenty Twenty-Three Styles<\/em>.<\/p>\n
Vollst\u00e4ndige Vorschauen der Seitenvorlagen, Stile und Stilvariationen von Twenty Twenty-Three sind auf Figma verf\u00fcgbar<\/a>.<\/p>\n
\"Twenty
Twenty Twenty-Three Style Variations Vorschau auf Figma<\/figcaption><\/figure>\n
Twenty Twenty-Three Typografie<\/h2>\n
Bei einem Minimal-Theme wie Twenty-Three spielt die Typografie eine wichtige Rolle, um den Text lesbar und die Seite ansprechend zu gestalten und den Besuchern ein angenehmes Surferlebnis zu bieten, unabh\u00e4ngig von Ger\u00e4t und Bildschirmgr\u00f6\u00dfe.<\/p>\n
Zu diesem Zweck verf\u00fcgt Twenty Twenty-Three \u00fcber eine Reihe neuer Schriftfamilien und nutzt die mit WordPress 6.1 eingef\u00fchrte Fluid Typography.<\/p>\n
Schriftarten<\/h3>\n
Twenty Twenty-Three verf\u00fcgt \u00fcber einen neuen Satz von Schriftarten, die in Stilvariationen verwendet werden und sich durch Einfachheit und Vielfalt auszeichnen:<\/p>\n