返回到支持 内容和媒体 选择并移动区块

选择并移动区块

向页面添加区块后,您可以决定是否将单个区块(或多个区块)移动到页面的其他部分。本指南将向您介绍如何做。

视频教程

选择正确的区块

在移动区块之前,确保您选择了正确的区块至关重要。虽然您可以通过点击选择大多数区块,但部分区块实际上位于其他区块的内部,因此,我们一起来探索如何使用不同的方式来选择您想移动的正确区块。

使用列表视图选择区块

要访问列表视图,请点击位于屏幕左上角的图标,它看上去像互相交叠的三条水平线:

三条有偏移地交叠起来的垂直线,表示列表视图。

此功能将为您显示插入到页面或文章中的所有区块列表,以便您选择想要操作的区块。

在右侧的图像中,我们可以看到多个区块位于一栏内部,即位于栏目区块的内部。因此,如果我们想要移动栏目和其中的所有内容,就要点击包含其他所有内容的栏目区块。

此列表视图会显示页面上所有区块的列表。
使用痕迹导航选择区块

要确保您正在选择要操作的区块,另一种方法是查看屏幕底部的痕迹导航(标记为黄色),如下所示:

显示了多个区块,并且痕迹导航在屏幕底部以黄色突出显示。显示栏目区块内的某个栏目中的标题。

您已选择的区块将是痕迹导航列表中的最后一个区块。如果您想选择其他区块,可以点击该区块的名称将其选中。这被称为痕迹导航,因为这似乎是留下痕迹,以便他人按照此路径操作。

使用父区块选择器选择区块

有些区块嵌套在其他区块(称为“父”区块)内,您需要使用一种简单的方法来选择父区块。 

另一种方法是使用父区块选择器,该选择器显示在一些区块的区块工具栏中。

选中父选择器按钮,偏移至区块设置工具栏左侧。
栏目区块工具栏

点击含有父区块的区块后,系统将显示按钮偏移至区块工具栏左侧(标记为橙色),如上方图片所示。点击该按钮将会选择此父区块(在此示例中,是栏目区块)。

这在多数情况下都非常有用,比如以下情况:您在栏目区块中包含一些文本,并且需要选择栏目区块,或者在按钮区块中具有多个按钮,并且需要选择整个按钮区块。

移动区块

要移动区块,请将其选中,区块的上方会立即出现一个工具栏。您也可以点击向上和向下箭头来移动区块,将区块向上或向下移动一个位置。您可以使用工具栏中的六个点图标,将区块拖动到其他位置。以下动画演示了这两种方法:

gif 显示如何点击并长按“拖动”图标,即六个点(排成两列)图标。稍后您可以使用手柄向上拖动区块。
移动区块
使用列表视图移动区块

作为备选方案,您可以使用列表视图来查看页面上区块的完整列表,然后点击区块并将其拖放到新位置:

GIF 动画显示“列表视图”以及点击区块并将其拖放到新位置的操作。
要访问列表视图,请点击位于屏幕左上角的图标,它看上去像互相交叠的三条水平线。
已移动嵌套区块

嵌套区块嵌套在布局区块(比如堆栈)中。您可以点击父区块上的箭头,一并移动嵌套区块。

GIF 显示了如何选择并移动嵌套区块。
移动嵌套区块
一次移动多个区块

您可以通过先使用鼠标选中多个区块,一次性移动这些区块,如下所示:

动画 GIF,展示选择两个区块并通过点击所显示工具栏中的箭头图标,同时移动这些区块的流程。

如果想移动多个区块,我们建议您先对区块进行分组,具体操作步骤如下所示:

  1. 使用鼠标选中区块。
  2. 在出现的工具栏中,点击。这会将所有区块添加到组区块
  3. 点击三个点图标并选择复制
  4. 开始将光标放置在您想要移动的区块上的新行上。
  5. 右键点击(或者在键盘上按 CMD/CTRL + V),将区块组粘贴到新行上。
  6. 如果您对结果感到满意,请移除最初的区块组。

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

并排移动区块

如果您不想重叠放置区块,而是想并排放置,请先插入栏目区块。然后,您就可以在每个栏目内插入任意区块。

如果您想向区块内部放置现有内容,请先插入栏目区块,然后使用列表视图点击区块并将其拖放到栏目。

Copied to clipboard!