构建模块

构建块允许您通过拖放的方式快速设计您的网站。根据用途,提供了四种类型的构建块:结构功能动态内容内部内容

添加一个构建块

要向您的网站页面添加一个构建块,请点击 编辑,选择所需的构建块,然后将其拖放到您的页面上。您可以根据需要添加任意数量的构建块。

要编辑构建块的内容,请点击它并转到 自定义 标签页,可用功能取决于您选择的块。

颜色预设和背景

您可以为构建块自定义并应用颜色预设。操作时,选择一个构建块,进入 自定义 标签页,点击 背景 按钮,然后选择一个 预设

当你修改颜色预设时,所有使用该预设的元素都会自动更新以匹配新的配置。

另请参阅

网站主题

布局:网格与列

您可以为大多数构建块选择两种布局样式之一:网格列 (cols)。要更改默认布局,请转到 自定义 选项卡。在 横幅 部分下,选择 网格 作为 布局

表格

网格 布局允许您通过拖放来重新定位和调整元素的大小,例如图像或文本。

当选择网格布局时,选择一张图片并将其拖放到所需位置。

小技巧

使用上方/下方的图标将图片定位在文本后面。

将图像定位在文本后面

选择 Cols 布局允许您确定块内每行的元素数量。为此,请选择要修改的块,点击 Cols 布局,并调整数量。

默认情况下,在移动设备上,每行显示一个元素,以确保内容在较小的屏幕上保持易读性和可访问性。要调整该值,请点击网站编辑器顶部的 (移动图标),并调整列数。

调整移动视图下每行的图片数量。

复制一个构建块

您可以通过点击复制图标来复制一个构建块。复制后,新的块会出现在您网站上原始块的下方。

复制一个构建块

重新排序构建块

要重新排序一个构建块,请选中它并点击向上箭头将其移至前一个块之前,或点击向下箭头将其移至之后。

您也可以使用拖放图标手动移动一个区块。

重新排序构建块

保存自定义构建块

你可以保存一个自定义的构建块并在其他地方重复使用。为此,请选中它,导航到 Customize 选项卡,然后点击 (软盘) 图标进行保存。

保存一个构建块

保存的构建块可以在 Blocks 选项卡的 Custom 部分中找到。点击 (pen) 图标可以编辑它们的名称。

自定义部分与保存的构建块

可见性

桌面/移动端的可见性

您可以根据访问者的设备隐藏特定元素。为此,请选择要隐藏的元素,在 自定义 选项卡中,向下滚动到 可见性,然后点击 在移动设备上显示/隐藏在桌面上显示/隐藏 图标。

点击 "在移动设备上显示/隐藏" 图标以在移动设备上显示或隐藏某些元素。

小技巧

点击配置器顶部的 (mobile) 图标,以预览您的网站在移动设备上的显示效果。

手机预览图标

条件可见性

您还可以使用其他条件来隐藏或显示构建块。为此,选择一个元素,转到 可见性,点击 无条件,然后选择 有条件。接着,通过选择 对…可见对…隐藏 来配置要应用的条件,并确定哪些 记录 将受到影响。

另请参阅

链接追踪器

不可见元素

根据可见性设置,某些元素可能会从当前视图中隐藏。要使构建块再次可见,请转到配置器底部的 不可见元素 部分,然后选择一个构建块。

移动视图自定义

你可以自定义移动视图中的构建块元素,而不会影响桌面视图。为此,打开网站编辑器,点击顶部的 (mobile) 图标,然后选择构建块元素。接着,你可以:

  • 通过点击 (左/右箭头) 图标来重新排序元素;

  • 编辑网站编辑器的 自定义 选项卡中的 可见性 功能。