{"id":66336,"date":"2023-10-16T19:03:55","date_gmt":"2023-10-16T18:03:55","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=66336&preview=true&preview_id=66336"},"modified":"2023-10-24T07:10:26","modified_gmt":"2023-10-24T06:10:26","slug":"twenty-twenty-four-theme","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-four-theme\/","title":{"rendered":"Twenty Twenty-Four: Das neue Minimal Multipurpose Standard WordPress Theme"},"content":{"rendered":"

Twenty Twenty-Four<\/strong> ist das brandneue Standard-WordPress-Theme<\/a>, das mit der n\u00e4chsten WordPress-Version 6.4 ausgeliefert werden wird.<\/p>\n

Die Idee hinter Twenty Twenty-Four<\/a> ist die eines Standard-Themes, das f\u00fcr jede Art von Website geeignet ist, unabh\u00e4ngig vom Thema der Website. Das Theme ist auf drei Anwendungsf\u00e4lle zugeschnitten: Kleinunternehmer, Fotografen<\/a> und K\u00fcnstler<\/a> sowie Schriftsteller und Blogger<\/a>.<\/p>\n

Twenty Twenty-Four ist mehr als ein Theme, es ist eine Sammlung von Vorlagen und Mustern<\/a>, mit denen du eine Vielzahl von Websites erstellen kannst. Daher kannst du Twenty Twenty-Four als ein Mehrzweck-Theme betrachten, obwohl es ein absolut minimalistisches Theme ist.<\/p>\n

Wie zu erwarten, ist Twenty Twenty-Four ein Block-Theme, das mit allen fantastischen Funktionen von WordPress 6.4 kompatibel ist, einschlie\u00dflich des Detailblocks und des vertikalen Textes.<\/p>\n

Nach dieser kurzen Einf\u00fchrung in das neue WordPress Standard-Theme werden wir in diesem Artikel die vielen Vorlagen, Muster und Stile erkunden, um dir zu zeigen, wie du mit Twenty Twenty-Four eine attraktive, responsive, benutzerfreundliche und barrierefreie Website erstellen kannst.<\/p>\n

Starte den Site Editor, dr\u00fccke Cmd + k<\/strong> und gib Templates<\/strong> ein.<\/p>\n

\"Starten
Starten von Vorlagen in WordPress 6.4<\/figcaption><\/figure>\n
<\/div><\/kinsta-auto-toc>\n

Das Twenty Twenty-Four WordPress Theme<\/h2>\n

Twenty Twenty-Four ist ein perfektes Beispiel f\u00fcr ein WordPress-Block-Theme. Wenn du den Theme-Ordner in deiner WordPress-Installation<\/a> aufrufst, findest du eine sehr einfache functions.php<\/strong>-Datei<\/a>, deren einziger Zweck es ist, eine Handvoll Stylesheets f\u00fcr bestimmte Bl\u00f6cke einzuladen.<\/p>\n

Die Datei functions.php von Twenty Twenty-Four ist ein gutes Beispiel daf\u00fcr, wie man ein Theme optimieren kann, indem man sicherstellt, dass bestimmte Ressourcen nur dann eingebunden werden, wenn sie ben\u00f6tigt werden. Der folgende Code reiht das Stylesheet button-outline.css<\/strong> nur dann ein, wenn ein Button auf der Seite ist:<\/p>\n

if ( ! function_exists( 'twentytwentyfour_block_styles' ) ) :\n\t\/**\n\t * Register custom block styles\n\t *\n\t * @return void\n\t * @since Twenty Twenty-Four 1.0\n\t *\n\t *\/\n\tfunction twentytwentyfour_block_styles() {\n\t\t\/**\n\t\t * The wp_enqueue_block_style() function allows us to enqueue a stylesheet\n\t\t * for a specific block. These will only get loaded when the block is rendered\n\t\t * (both in the editor and on the front end), improving performance\n\t\t * and reducing the amount of data requested by visitors.\n\t\t *\n\t\t * See https:\/\/make.wordpress.org\/core\/2021\/12\/15\/using-multiple-stylesheets-per-block\/ for more info.\n\t\t *\/\n\t\twp_enqueue_block_style(\n\t\t\t'core\/button',\n\t\t\tarray(\n\t\t\t\t'handle' => 'twentytwentyfour-button-style-outline',\n\t\t\t\t'src'    => get_template_directory_uri() . '\/assets\/css\/button-outline.css',\n\t\t\t\t'ver'    => wp_get_theme()->get( 'Version' ),\n\t\t\t)\n\t\t);\n\t}\n\t...\nendif;<\/code><\/pre>\n
Das Theme stellt deiner WordPress-Website keine Funktionen zur Verf\u00fcgung, und du bist vollst\u00e4ndig auf Plugins angewiesen, um deinen Seiten Verhalten hinzuzuf\u00fcgen. Die Datei functions.php<\/strong> von Twenty Twenty-Four k\u00fcmmert sich also nur darum, bestimmte Stylesheets f\u00fcr bestimmte Bl\u00f6cke einzureihen.<\/p>\n
Wenn du dich weiter mit dem Ordner des Twenty Twenty-Four-Themas besch\u00e4ftigst, wirst du feststellen, dass die Datei style.css<\/strong> nur einen Header mit den Details enth\u00e4lt, die f\u00fcr die ordnungsgem\u00e4\u00dfe Funktion des Themes notwendig sind, aber keine CSS-Bl\u00f6cke:<\/p>\n
\/*\nTheme Name: Twenty Twenty-Four\nTheme URI: https:\/\/wordpress.org\/themes\/twentytwentyfour\nAuthor: the WordPress team\nAuthor URI: https:\/\/wordpress.org\nDescription: Twenty Twenty-Four is designed to be flexible, versatile, and applicable to any website. Its collection of templates and patterns is tailored to different needs, such as presenting a business, blogging, and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full-page designs to help speed up the site-building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.\nRequires at least: 6.2\nTested up to: 6.4\nRequires PHP: 7.0\nVersion: 1.0\nLicense: GNU General Public License v2 or later\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\nText Domain: twentytwentyfour\nTags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news\n*\/<\/code><\/pre>\n
Au\u00dferdem findest du einen Ordner assets<\/strong>, der einen Ordner mit Schriftarten<\/strong> und eine Reihe von Bildern<\/strong> enth\u00e4lt, sowie einen Ordner css<\/strong>, der das Stylesheet button-outline.css<\/strong> enth\u00e4lt.<\/p>\n
Der Standardstil von Twenty Twenty-Four verwendet zwei Schriftarten: Cardo<\/a> f\u00fcr \u00dcberschriften und Inter<\/a> f\u00fcr andere Textelemente.<\/p>\n
\"Cardo
Cardo Schriftartenvorschau auf Google Fonts<\/figcaption><\/figure>\n
Die Schriftfamilien Jost<\/a> und Instrument Sans<\/a> sind ebenfalls verf\u00fcgbar und werden in einigen Stilvarianten verwendet.<\/p>\n
Im Folgenden findest du vier Ordner, die den eigentlichen Clou des Standard-Themes Twenty Twenty-Four enthalten:<\/p>\n