WordPress 6.4 新主题 Twenty Twenty-Four 全面解析与使用技巧
Twenty Twenty-Four 是 WordPress 官方推出的全新默认主题，将随 WordPress 6.4 版本一同发布。这款主题的设计理念是打造一款适用于任何类型网站的通用模板，无论是企业官网、摄影作品展示还是博客平台，都能轻松驾驭。Twenty Twenty-Four 专为三类用户量身定制：小企业主、摄影师与艺术家，以及作家和博主。它不仅仅是一个主题，更是一个包含丰富模板和样板的集合，让用户能够构建多样化的网站。因此，尽管 Twenty Twenty-Four 以极简著称，却展现出惊人的多用途性。
作为 WordPress 6.4 的重要组成部分，Twenty Twenty-Four 完全兼容块编辑器的所有功能，包括详细信息块和垂直文本块。本文将深入解析这款新主题的众多模板、样板和样式，展示如何利用 Twenty Twenty-Four 打造出兼具吸引力、响应式、可用性和可访问性的网站。现在，请打开站点编辑器，输入 Cmd + K 并输入 Templates，即可启动 WordPress 6.4 的模板文章目录。
在 WordPress 6.4 中启用模板文章目录后，切换到 Twenty Twenty-Four 主题，您会发现全局样式模板部分和样板总结。Twenty Twenty-Four 为我们呈现了 WordPress 块主题的完美范例。当您进入主题文件夹时，会看到一个简洁的 functions.php 文件，其唯一功能是将特定块的样式表按需加载。Twenty Twenty-Four 的函数文件堪称主题优化的典范，它确保仅在需要时嵌入资源。例如，以下代码仅在页面上存在按钮时才会加载 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 文件仅包含必要的主题信息，而 asset 文件夹内则包含 fonts、images 和 css 文件夹，其中 css 文件夹存放着 Button-outline.css 样式表。
Twenty Twenty-Four 默认采用两种字体：Cardo 用于标题，Inter 用于其他文本元素。此外，Google Fonts 上的 Jost 和 Instrument Sans 字体系列也可用于多种风格变体。在主题文件夹中，您将找到四个核心文件夹：styles、patterns、parts 和 templates。
### 全局样式
Twenty Twenty-Four 提供六种不同的样式变化，您可以在站点编辑器的样式部分或编辑模式下的浏览样式面板中查看。默认样式通过 theme.json 定义，包含 11 种颜色、12 种渐变、5 种双色调组合，以及 Inter（内容正文）和 Cardo（标题）两种字体系列。
#### 样式变化
– **Ice**：与默认样式相似，标题使用系统字体，正文使用 Inter。
– **Milky**：采用默认字体系列，但拥有不同调色板。
– **Mint**：在调色板和字体系列中增加变化，标题使用 Instrument Sans，正文使用 Jost。
– **Onyx**：默认样式的深色版本，包含自定义调色板、渐变和双色调组合。
– **Rust**：使用愉悦的调色板，排版基于默认字体系列，但字体大小不同。
– **Sandstorm**：更改默认样式的多个元素，定义 11 种调色板，使用 Instrument Sans 和 Jost 字体系列，并自定义多个块和 HTML 元素。
### 模板
Twenty Twenty-Four 内置十一个模板，存放在主题目录的 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
“`
在站点编辑器的模板部分，您可以访问并自定义这些模板。若要深入代码，只需在代码编辑器中打开任意模板文件。每个模板都包含一个或多个样板，再次印证了 Twenty Twenty-Four 本质上是一个样板集合。
以 index.html 为例，您会看到以下结构：
“`html
Posts
“`
对比 index.html 和 archive.html，您会发现两者结构高度相似，唯一区别在于 archive.html 使用 Archive 标题块而非 H1 元素，且都采用 posts-three-columns 样板生成内容。
在 HTML 编辑器中切换到 WordPress 网站编辑器，您可以预览并自定义模板。满意后点击右上角的“保存”，系统将提示您确认或放弃更改。再次点击“保存”即可完成操作。
### 模板部分和样板
样板和模板部分分别存放在 patterns 和 parts 文件夹中。patterns 文件夹包含超过 50 个样板，parts 文件夹包含六个模板部分。在站点编辑器中，它们都位于同一样板部分。
Twenty Twenty-Four 提供多种样板，简化编辑流程，让用户通过少量自定义即可构建完整网站。例如，“关于”样板类别下的主页、关于页面和产品组合概述样板，只需从块插入器选择即可应用。
以“关于”样板为例，创建新页面后选择该样板，即可获得完整页面布局。您只需添加自定义内容，根据需要调整块、图像和文本。若更换主题，页面结构不会改变，因为样板已成为内容的一部分，存储在 WordPress 数据库的 posts 表中。
在“样板”导航菜单中，您会找到“模板部件”部分，包含页眉、页脚和常规菜单项。Twenty Twenty-Four 提供一个页眉、三个页脚和两个通用模板部分。但代码编辑器中的模板部分多数仅包含一个样板。以 Sidebar 模板部分为例，它仅包含侧边栏样板，在站点编辑器中不可见，需在 hide-sidebar.php 文件中查看：
“`php
<div class="widget-area" id="secondary" aria-label="”>
“`
### 总结
如果您期待一个功能丰富、特效十足的多用途主题，Twenty Twenty-Four 或许不是最佳选择。这款新默认主题轻量、灵活且无附加功能，完全可通过网站编辑器管理。使用 Twenty Twenty-Four，无需触碰代码或进行配置，只需自定义模板并选择样板填充页面即可。
本质上，Twenty Twenty-Four 是一组样板集合，它代表了网站建设的新方向，并展示了块主题的构建方式。作为目前区块主题的最新范例，Twenty Twenty-Four 对主题开发者而言极具研究价值。