在本教程中，我们将进一步了解如何修改单篇文章的显示方式。我们将探索两种设计，并学习如何重构和嵌套各种类型的区块。
学习成果
- 访问站点编辑器和文章模板。
- 识别主题文章模板的默认布局。
- 识别用于创建单篇文章布局的各种主题区块。
- 修改文章模板以满足您的需求。
- 移动和嵌套各种类型的区块。
理解问题
- 您希望如何显示文章内容？
- 最常用的主题区块有哪些？
文字稿
您好，欢迎来到 Learn WordPress。在今天的课程中，我们将了解如何自定义文章内容布局。每个区块主题都带有单篇文章模板，为单篇文章的显示方式提供结构或设计。当然，您可以根据自己的需求对其进行修改。
目前，我安装的是 Twenty Twenty-Two 主题，这就是在站点编辑器中编辑模板时文章的默认结构。让我们点击“列表视图”，以便更好地查看页面结构。现在您会注意到，我们有文章标题区块、文章特色图片区块、文章内容区块，以及最底部的文章日期区块、文章作者区块、文章分类目录区块和文章标签区块。请注意，这种默认布局会因您使用的主题而有所不同。让我们看看这在网站前端是什么样子。您会看到文章标题、文章特色图片、文章内容、文章日期、文章作者，然后是标签或分类目录。
让我向您展示两种更改默认设计的方法。在第一个示例中，您会注意到我更改了站点标题的对齐方式，并将文章日期、作者和分类目录区块移动到了站点标题下方以及文章特色图片上方。我保留了文章特色图片区块和文章内容区块的原位置。
在第二个示例中，我创建了一个自定义文章页眉，使用了封面区块，并将导航菜单、特色图片、文章标题区块，以及文章日期和作者区块嵌套在一起。
让我们开始了解如何自定义文章模板并重现这些示例。要实现第一个示例中的布局，请点击“外观”，然后点击“编辑器”。点击 WordPress 图标或站点图标，进入“模板”，然后选择单篇文章模板。点击“列表视图”以便更好地查看页面结构。首先，我们要将文章标题的对齐方式改为居中。然后向下滚动并找到其他主题区块，选择父级行区块。现在，我们要在列表视图中将行区块拖动到文章标题区块下方，然后将对齐方式改为居中。完成后，点击“保存”。现在，我们可以返回网站前端，看看访问者看到的效果。就是这样。
要重现第二个示例，我们回到站点编辑器，进入“模板”，然后再次选择单篇文章模板。首先，我们要移除页眉、文章标题区块、文章特色图片区块以及所有其他主题区块。现在，我们要在页面顶部添加一个封面区块。在区块工具栏中有一个添加媒体的选项，左侧有使用特色图片的选项。点击“使用特色图片”，然后选择叠加颜色。选择封面区块，并将不透明度改为 80。完成后，点击“插入器”并添加一个行区块。然后，在行区块中添加站点标志、站点标题以及导航区块。我会选择一个已经创建好的菜单。完成后，选择站点标志和站点标题区块，然后将它们组合到一行中。
接下来，再次选择父级行区块，并在“对齐方式”旁边选择“项目之间留空”。最后，选择导航区块，并确保禁用“允许换行到多行”选项。然后，我们要选中该区块，并将其移到封面区块的顶部。接下来，我要添加文章标题区块，并将其居中对齐。现在，我要添加另一个行区块，将文章日期和文章作者组合在一起。首先，我会添加文章日期区块，然后添加文章作者区块。我会再次选择父级区块，并将对齐方式改为居中。然后，我们将在中间添加一个段落，输入句号，并将其设为粗体。接下来，我会确保再次选中父级区块，并使用侧边栏设置将区块间距改为 10 像素，使它们靠得更近。然后，我会关闭侧边栏设置和列表视图，并确保增大封面区块的尺寸。最后，您也可以选择移除封面区块正下方的分隔符区块。然后，您可以返回网站前端查看更改后的效果。
如果您修改了模板，您会注意到主题名称旁边、图片上方有一个小圆点。如果您对更改不满意，请点击三个垂直点并选择“清除自定义设置”，现在模板就恢复到了原始状态。本教程到此结束。
祝您顺利自定义自己的文章模板，并访问 Learn WordPress 获取更多教程和培训材料。