浏览 FSE 主界面

[Dimaeiya333]

要找到站点编辑器，请转到WordPress 中的外观 > 编辑器：

WordPress 仪表板的屏幕截图。左侧边栏显示主 WordPress 管理菜单选项。外观菜单展开以显示主题和编辑器选项。它还显示站点健康状态通知。
WordPress 仪表板中的外观 > 编辑器链接。
这个屏幕非常简单。在右侧，您将看到设计的预览。您可以单击它打开主页的站点编辑器界面。左侧是一系列指向其他编辑页面的链接，用于执行特定任务。我们很快就会深入看到这些屏幕。

在进入五个 FSE 屏幕之前，请注意，您可以使用屏幕左上角的 WordPress 徽标退出站点编辑器。或者，您可以单击设计主页上的“后退”箭头：

WordPress 网站编辑器的设计屏幕。导航和样式选项可见。 WordPress 徽标和后退箭头在左上角突出显示。
主站点编辑器设计页面。
现在这已经清楚了，让我们继续使用 FSE。

完整 WordPress 网站编辑的 5 个支柱
现在，我们将按照站点编辑器在导航中出现的顺序检查站点编辑器的每个屏幕。事实上，这让我们开始谈论那个屏幕！

导航
风格
页数
模板
图案
1. 导航
导航页面取代了外观 > 菜单屏幕。输入后，您将看到网站上的帖子和页面列表：

WordPress 站点编辑器中导航页面的完整视图。左侧边栏显示导航菜单结构，而主要内容区域显示带有占位符文本和可视导航菜单的网站预览。
站点编辑器导航页面。
如果这是一个新网站，您将在此处看到您的所有帖子和页面。这可能会令人困惑，因为它代表您的主导航菜单。在导航标题附近，打开“操作”菜单。这将为您提供编辑菜单、重命名、删除或复制菜单的选项：

WordPress 站点编辑器中导航页面的一部分。网站标题显示在顶部。左侧边栏显示导航菜单项，中间的下拉菜单提供重命名、编辑、复制或删除所选菜单项的选项。
打开导航页面中的操作菜单。
如果单击“编辑”，将打开一个版本的块编辑器，其中包含作为导航块的菜单：

站点编辑器导航菜单界面。主要内容区域使用 Lorem Ipsum 文本显示导航菜单项列表。右侧有一个菜单导航面板，其中包含用于编辑和管理菜单结构的选项。
使用站点编辑器中的导航块。
在侧边栏中，您可以选择向上或向下移动每个条目、将其从菜单中删除或从中创建子菜单：

站点编辑器中导航菜单块选项的特写视图。显示第一个菜单项的选项下拉菜单，以将其向上或向下移动、添加子菜单链接或删除项目。
导航块侧边栏。
每个菜单项都使用一个页面链接块，该块有自己的选项。您有内联格式设置以及侧边栏样式设置：

显示导航菜单块内容的站点编辑器。内联菜单显示用于添加新链接、自定义排版、调整导航元素样式等的选项列表。
站点编辑器中页面链接块的格式选项。
请记住，您可以在此处添加内嵌图像、子菜单等等。它比创建导航的经典方式更灵活。要简单地将项目添加到菜单中，请单击“更多”图标并选择您的帖子或页面：

WordPress 中导航块的特写，显示“添加链接”菜单。该菜单显示一个用于输入 URL 的搜索栏以及一个包含隐私政策和示例页面的页面列表。用于添加内容和导航的图标在顶部工具栏中可见。
添加新页面作为导航元素的选项。
保存更改后，您将看到导航反映了您的调整。要创建更多菜单，您可以使用导航页面上的操作 > 复制链接。

2. 风格
样式屏幕是您在全局级别上控制站点外观的方式。侧边栏为不同的布局提供了一些不同的调色板和版式设置：

WordPress 站点编辑器中的样式页面。标题是“对创造空间的热情”，前面是对服务的描 脸书数据 述。下面列出了六类服务：翻新和修复、持续支持、应用程序访问、咨询、项目管理和架构解决方案。左侧边栏显示各种样式预设和调色板以自定义主题。
站点编辑器样式屏幕。
如果您单击其中任何一个，您将在您的网站上看到该设计。然而，在侧边栏的顶部有一个“铅笔”图标，可以在站点编辑器中进行进一步的更改：

网站编辑器中网站设计的特写，显示建筑公司提供的服务。右侧边栏显示排版、颜色、阴影和布局的样式自定义选项。
站点编辑器样式侧栏中提供的选项。
每个侧边栏选项都涵盖颜色、布局、排版，甚至阴影调整。例如，您可以选择站点范围的字体并将其应用到设计的各种元素中