构建块

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

添加构建块

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

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

颜色预设和背景

您可以自定义并应用颜色预设到构建块。操作步骤如下:选择一个构建块,前往 自定义 标签页,点击 背景 按钮,并选择一个 预设

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

参见

网站主题

布局:网格和列

对于大多数构建块,您可以选择两种布局样式:网格列(cols) 。要更改默认布局,请前往 自定义 标签页,在 横幅 部分中选择 网格 作为 布局

网格

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

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

小技巧

使用上方/下方图标将图片放置在文本后面。

将图片放置在文本后面

选择 布局可以确定块中每行的元素数量。为此,请选择要修改的块,点击 布局 ,并调整数量。

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

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

复制构建块

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

复制构建块

重新排序构建块

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

您还可以使用拖放图标手动移动块。

重新排序构建块

保存自定义构建块

您可以保存自定义的构建块并在其他地方重复使用。为此,请选择该构建块,导航到 自定义 标签页,并点击 )图标以保存它。

保存构建块

已保存的构建块可在 构建块 标签页的 自定义 部分中找到。点击 )图标以编辑其名称。

包含已保存构建块的自定义部分

可见性

在桌面/移动设备上的可见性

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

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

小技巧

单击配置器顶部的 手机 )图标,预览您的网站在移动设备上的外观。

手机预览图标

条件可见性

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

不可见元素

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

移动视图自定义

您可以在不影响桌面视图的情况下为移动视图自定义构建块元素。为此,请打开网站编辑器,点击顶部的 手机 )图标,然后选择构建块元素。接着,您可以:

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

  • 在网站编辑器的 自定义 标签中编辑 可见性 功能。