文字稿
简介
让我们来探索站点编辑器，它允许您使用区块设计网站上的所有内容，从页眉到页脚以及两者之间的一切。让我们进入“外观”，然后点击“编辑器”。这将打开站点编辑器。左侧是站点视图侧边栏，这个实用工具可以让您深入了解网站的关键部分，包括导航、样式、页面、模板和图案。本教程旨在帮助您深入理解这些元素。
导航
让我们从顶部的导航开始。在这里，您可以快速查看和调整所有菜单。这是您的菜单管理中心。您可以直接进行简单的编辑，例如重新排序。点击菜单项名称旁边的三个竖向点后，您可以根据需要重命名、复制和删除该项目。如果以编辑模式打开，您可以在不受干扰的情况下进行某些更改。更新内容也会同步到整个网站。点击加号图标后，您可以添加新页面或其他菜单项。您会注意到，导航区块在此区域中处于锁定状态。如果您想设置导航菜单的样式，必须打开包含该导航菜单的模板或模板部件。
样式
接下来，让我们谈谈样式。选择“样式”后，您将能够浏览主题附带的各种不同样式组合。点击“编辑样式”后，您可以从这里浏览样式，然后更改网站的排版、颜色和布局。让我们看看它是如何工作的。点击“排版”后，您可以管理文本、链接、标题、说明文字和按钮的排版设置。一个很棒的新功能是，您现在还可以使用字体库。在“字体”下方，我们会看到已添加到主题中的字体。但点击“管理字体”后，我们可以在任何区块主题中安装、移除和启用整个网站所使用的本地字体和 Google 字体。点击“安装字体”后，您可以在网站上安装任何 Google 字体；如果想从计算机上传字体，则可以点击“上传”。请确保您拥有使用所上传字体的权利。在“排版”下方，我们会看到“颜色”。在这里，您也可以更改网站上不同全局元素的颜色。进入“布局”后，我们会发现您甚至可以控制内边距和区块间距等元素。
样式预览
如果继续向下查看，您可以为整个网站自定义特定区块的外观。若要查看编辑这些区块后它们会如何变化，请前往网站的“样式预览”。您会注意到顶部有一个小眼睛图标。“样式预览”允许用户预览可以插入网站的每个区块。它可以让您预览全局样式将如何影响所显示的区块，而无需用户将这些区块插入模板中。还需要注意的是，您可以在“样式预览”中调整区块的样式。例如，让我们通过更改背景颜色和字母大小写为大写来更新“按钮”区块。如果您喜欢所看到的效果，可以继续点击“保存”。还请注意，在“样式预览”中更改单个区块的设置，其优先级高于您设置的全局样式。
样式修订
既然我们在这里，也需要谈谈样式修订。让我们点击“样式预览”图标旁边的“样式修订”。在“样式预览”中编辑模板时，样式修订会打开。样式修订功能提供了一种直观的方式来浏览样式随时间发生的更改；如果您发现某个样式更合适，或想恢复到以前的版本，也可以轻松恢复到之前的阶段。您只需选择相应版本，然后点击“应用”。在这个示例中，我正在编辑一个模板，也会遵循相同的流程。我将打开样式修订，选择之前的样式，然后点击“应用”以恢复它。点击样式旁边的三个竖向点后，您可以重置样式并添加额外的 CSS。
页面
在“样式”下方，我们可以进入“页面”来创建和发布页面。要添加新页面，请点击“页面”旁边的加号图标并创建草稿。当然，您也可以在仪表盘或 WP Admin 中创建新页面。接下来，让我们打开一个现有页面，即我的“关于”页面。打开页面后，请务必记住要将内容添加到“内容”区块中。换句话说，“内容”区块是所有内容的房屋或容器。第二点需要记住的是，编辑页面时无法自定义页眉和页脚。这些都属于模板管理的范畴。如果您点击页眉，就会看到一条消息：“编辑模板以编辑此区块。”如果您想修改分配给此页面的模板，可以点击“编辑模板”。在此示例中，这会将您带到页面模板。在这里，您可以修改页眉和页脚。您无法将内容添加到模板中。当然，内容会添加到文章和页面中。在此上下文中，“内容”区块只是一个占位符。
模板
这就引出了我们的下一个主题，即模板。模板为内容的显示方式提供结构。选择“模板”后，您会看到主题附带的一系列模板，即内置模板。例如，用于显示单个页面的页面模板、作为备用模板的索引模板，或用于显示单篇文章布局的单篇文章模板。在最底部，我们还会看到任何自定义模板。点击“模板”旁边的加号图标后，您可以添加各种新模板，甚至可以添加能够应用于任何文章或页面的自定义模板。让我们打开页面模板，以便更好地理解模板的工作方式。模板提供结构。模板通常包含一个页眉模板部件和一个页脚模板部件。
“文章内容”区块会从分配给模板的页面或文章中提取内容。因此，模板仅用于修改页面的布局或设计，即页眉、页脚，甚至侧边栏。因此，站点编辑器明确区分了模板编辑和页面编辑。您可以在模板中修改页眉和页脚。您还可以点击三个竖向点并选择“替换页眉”。然后，您可以用现有的页眉模板部件，或主题附带的页眉图案来替换当前页眉。另一个选项是选择页眉，然后点击“编辑”。这样，您可以在模板编辑模式下修改页眉或页脚，而不会受到其他干扰。
分配模板
要为页面或文章分配新模板，请打开相关内容，在本例中是我的“关于”页面，然后打开右侧的侧边栏设置。在“模板”旁边，点击模板名称，选择“替换模板”，然后您就可以选择要分配给页面或文章的自定义模板。
管理模板
还值得一提的是，点击“管理所有模板”，然后选择“批量编辑”后，您可以通过表格视图或网格视图浏览和筛选模板。再次选择“批量编辑”后，还会有更多筛选选项。请注意，您也可以完全相同的方式浏览和筛选页面及模板部件。
图案
最后，让我们谈谈图案。在顶部，您可以查看所有可用的图案。选择“我的图案”后，您可以创建和管理自己的自定义同步图案和非同步图案。在“我的图案”下方，我们可以在相应类别中查看所有自定义图案，以及主题附带的图案。在“模板部件”下方，我们还可以创建和管理页眉、页脚和通用模板部件。模板部件本质上就是图案。它们是可同步的可复用组件，可以在整个网站中使用。
自定义图案
让我们从“我的图案”开始。要创建自定义图案，请点击“图案”旁边的插入器，然后选择“创建图案”。命名后，您可以选择将其添加到相关类别，然后决定是否同步图案。同步图案会在整个网站中同步，这意味着如果您在一个地方更改图案，它会在所有使用该图案的位置更新。如果您更喜欢非同步图案，也可以将此选项关闭。非同步图案只是可以独立编辑的普通图案。返回自定义图案区域后，您会注意到同步图案带有紫色图标，而非同步图案没有。接下来，您会注意到主题附带的图案处于锁定状态，无法编辑。但点击图案下方的三个竖向点后，您可以将其复制到“我的图案”区域。
模板部件
在底部，我们可以创建和管理页眉、页脚和通用模板部件。这里有两个选项。您可以创建自定义页眉和页脚，也可以自定义主题附带的模板部件图案。要创建自己的模板部件，请点击顶部“图案”旁边的加号图标，然后选择“创建模板部件”。添加新的模板部件时，您可以在通用、页眉和页脚模板部件之间进行选择。通用模板部件不与任何特定区域绑定，因此请记得为其提供描述性名称。从这里打开模板部件后，您可以在模板编辑模式下修改和编辑模板部件，不受任何干扰。您还可以打开相关模板，在本例中是我的自定义模板，然后从模板内部修改页眉或页脚模板部件。如前所示，您可以轻松地用图案或库中的现有模板部件替换页眉或页脚。
命令面板
最后，我还想强调一个非常实用的功能，叫作“命令面板”，它可以为您节省大量时间，并帮助您更有效地在站点编辑器中移动。命令面板可以让您快速完成任务并在站点编辑器中导航。例如，您可以输入“新建”来创建页面或模板，也可以输入您想前往的区域名称。例如，输入“图案”来管理我的所有图案。在 Mac 上，您可以使用 Command+K 快捷键访问命令面板；在 Windows 上则使用 Control+K。您还可以点击搜索图标，在站点视图侧边栏中找到它。或者，您也可以直接点击标题栏。
结论
以上就是我们对使用站点编辑器可以实现的功能所作的简要概述。
实践
使用 WordPress Playground 探索站点编辑器。
- 练习在站点编辑器的各个区域之间导航。
- 使用命令面板更快速地浏览站点编辑器。
- 比较页面和模板之间的区别。