WordPress 6.4全新默认主题二〇二四极简多用途模板解析

Twenty Twenty-Four（二〇二四）是WordPress官方推出的全新默认主题，将与WordPress 6.4版本同步发布。该主题的设计理念强调通用性，无论网站类型如何，都能提供适用的基础框架。特别针对三类用户进行了定制优化：小企业主、摄影师与艺术家，以及作家和博主。Twenty Twenty-Four远不止是一个主题，它本质上是一套完整的模板和样板系统，通过灵活组合这些元素，用户可以轻松创建多样化网站。因此，尽管风格简约，它却是一款功能强大的多用途主题。

作为WordPress 6.4的核心块主题，Twenty Twenty-Four全面兼容该版本的所有先进功能，包括细节块和垂直文本排版。在简要介绍这一全新主题后，本文将深入解析其丰富的模板、模式和样式选项，展示如何利用Twenty Twenty-Four构建出兼具视觉吸引力、响应式设计、良好可用性和无障碍访问的网站。现在，请启动站点编辑器，按下Cmd+k并输入Templates，即可探索WordPress 6.4中的模板功能。

WordPress默认主题：二〇二四
Twenty Twenty-Four为块主题设计提供了典范。当您访问WordPress主题文件夹时，会发现其functions.php文件极为精简，唯一功能是为特定区块加载必要的样式表。这一设计充分体现了资源优化的理念——仅在需要时才加载特定资源。例如，以下代码仅在页面上存在按钮时才会调用button-outline.css样式表：

“`php
if ( ! function_exists( ‘twentytwentyfour_block_styles’ ) ) :
function twentytwentyfour_block_styles() {
wp_enqueue_block_style( ‘core/button’, array(
‘handle’ => ‘twentytwentyfour-button-style-outline’,
‘src’ => get_template_directory_uri() . ‘/assets/css/button-outline.css’,
‘ver’ => wp_get_theme()->get( ‘Version’ ),
) );
}
endif;
“`

这一精巧的设计表明，Twenty Twenty-Four的functions.php仅承担样式加载任务，而页面行为完全依赖插件实现。继续浏览主题文件夹，您会发现style.css文件仅包含主题基本信息，而未包含任何CSS代码块：

“`css
/* Theme Name: Twenty Twenty-Four
Theme URI: https://wordpress.org/themes/twentytwentyfour
Author: the WordPress team
Author URI: https://wordpress.org
Description: 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.
Requires at least: 6.2
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: 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 */
“`

此外，您会看到一个assets文件夹，其中包含fonts、images和css子文件夹。默认样式采用两种字体：Cardo字体用于标题，Inter字体用于其他文本元素。同时提供Jost和Instrument Sans字体系列，并在部分风格变体中使用。在styles、patterns、parts和templates四个核心文件夹中，凝聚了Twenty Twenty-Four的全部精华。

全局样式
Twenty Twenty-Four提供六种不同的样式组合，您可以在网站编辑器的”样式”部分或编辑模式下的”浏览样式”面板中探索。默认样式通过theme.json定义，包含11种颜色、12种渐变、5种双色调色彩组合和两种字体系列：Inter用于正文，Cardo用于标题。当前提供的风格变体包括：

– Ice：与默认样式相似，标题使用系统字体
– Milky：默认字体系列，但色调不同
– Mint：增加字体系列和色调变化，标题使用Instrument Sans
– Onyx：默认样式的深色版本，提供自定义调色板
– Rust：采用愉悦色调，字体设计基于默认系列但大小不同
– Sandstorm：更改多个元素，定义11种颜色，使用Instrument Sans和Jost

模板
Twenty Twenty-Four内置11个模板，存放在主题目录的templates文件夹中：single.html、single-with-sidebar.html、search.html、page.html、page-with-sidebar.html、page-wide.html、page-no-title.html、index.html、home.html、archive.html和404.html。在站点编辑器的”模板”部分可访问这些自定义模板。以index.html为例，其代码结构如下：

“`html

“`

比较index.html和archive.html，会发现它们高度相似，区别仅在于archive.html使用Archive title区块替代H1元素，且都采用posts-three-columns样板生成内容。通过HTML编辑器切换到WordPress网站编辑器，即可预览和自定义模板。满意后点击保存，系统会提示确认或放弃更改。

模板部件和样板
在twentytwentyfour目录的patterns和parts文件夹中，分别存放着50个样板和6个模板部件。网站编辑器将它们整合在同一个Patterns部分。提供多种样板，如主页、关于页面和作品集概览等，简化编辑流程。例如创建”关于”页面时，只需从区块插入器选择相应样板即可。

样板一旦被添加到页面中，就会成为内容的一部分并存储在WordPress数据库中，更换主题不会影响页面结构。使用”二〇二三”主题预览”二〇二四”样板效果，可直观了解变化。

提示：如需深入了解块模式，建议阅读《如何构建WordPress区样板块》深度指南。

在Patterns导航菜单下方，”Template Parts”部分包含Header、Footer和General三个子菜单。每个子菜单对应相应模板组件类别。Twenty Twenty-Four提供页眉、三个页脚和两个通用模板部件。但代码编辑器中的模板部件多数仅包含一个隐藏样板，如Sidebar部件仅包含Sidebar样板，在网站编辑器Patterns部分不可见。

小结
如果您寻求功能丰富的多用途主题，Twenty Twenty-Four可能不是最佳选择。这一全新默认主题轻巧灵活，无需代码或配置，通过站点编辑器即可完成所有操作。使用Twenty Twenty-Four创建网站的核心方法是：自定义模板，选择样板填充页面。本质上，Twenty Twenty-Four是一个样板集合，它代表了网站建设的新方向，为区块主题设计提供了卓越范例。