使用列表视图

列表视图又称为文档概览，是 WordPress 编辑器不可或缺的一项功能，可助力您轻松处理站点上的区块。本指南将向您介绍如何充分利用列表视图。

要访问列表视图，请点击编辑器左上角显示为三条堆叠水平线的图标：

打开列表视图之后，您将看到页面上所有区块的顺序列表：

有些区块嵌套（即包含）在其他区块中。点击区块名称左侧的 > 符号，即可显示其中包含的区块。再次点击 > 符号以收起列表。

您可以通过采取以下操作，在列表视图中选择多个区块：

1. 点击编辑器左上角由三条水平线构成的图标，打开列表视图。
2. 点击第一个区块。
3. 按住键盘上的“Shift”键并点击最后一个区块。这样您将选中第一个和最后一个区块之间的所有区块。

要选择列表视图中的所有区块，请在 PC 上使用键盘命令 CTRL + A，或在 Mac 上使用键盘命令 CMD + A。

列表视图有几项实用的优势：

• 您可以查看页面上每个区块的确切顺序和结构，如果您有包含大量内容的页面，这一点尤其有用。
• 您可以选择内部嵌套其他区块的区块，例如栏目区块内部的每个单独栏目。
• 您可以点击并拖动区块，将其移至页面的其他部分。了解有关移动区块的更多信息。
• 您可以点击列表视图中任意区块旁边的省略号（三个点），然后执行以下操作：
  • 复制区块。
  • 创建区块副本。
  • 在选定区块的前面或后面插入新区块。
  • 复制区块的样式。
  • 组合区块。
  • 锁定区块，使其不可编辑。
  • 从选定区块中创建样板区块。
  • 重命名区块。
  • 将区块移至页面的新部分。
  • 以 HTML 格式编辑区块。
  • 删除区块。

当您处理由主题添加的演示内容或使用页面布局或区块样板时，您可能会发现您意外获得了一堆您不需要的杂乱区块。这可能会导致站点出现显示问题，当您处理布局区块（例如栏目区块、组区块或布局网格区块）时，问题尤为明显。

您可以使用列表视图来清理您的区块结构，确保您仅拥有所需的区块，没有多余的区块：

1. 首先，点击编辑器左上角显示为三条堆叠水平线的图标，打开列表视图。
2. 查看页面上区块的列表，看看能否找出可能导致问题的一个或多个区块。
3. 点击任意区块旁边的省略号（三个点），然后选择“删除”选项以移除相应区块。
   • 如果某个区块内部嵌套了多个区块，则删除该区块还将删除嵌套的区块。在删除父区块之前，请先移出该区块下的任何区块。

下面是此流程的视频演示：