各部分摘要

使用组件来更有效地管理整个网站上重复的布局和内容。

单元授予您从元素和子元素中形成可自定义块的权限,以支持可靠、有效且可扩展的设计流程。您可以在整个网站中回收这些块,并在一个地方进行调整,以避免单独修改每个重复的布局。

在此课程中,您将了解:

  1. 創建單位
  2. 利用和重复使用单元
  3. 修改单位
  4. 将单元实例与其核心单元分离

創建單位

您可以利用单位来:

  • 为每个实例建立相同的内容。 建立包含完全相同内容(如导航栏、页脚和注册表单)的重复布局的镜像副本。在一个位置修改它们,并观察这些修改对该单元的每个实例的影响。
  • 为每个实例建立独特的内容。 使用不同的文本、图像、视频或富文本调整重复的布局,以保持一致的设计,同时为每个实例赋予独特的内容。

您可以使用网站上的几乎任何元素或元素组构建单元。要创建单元,请执行以下操作:

  1. 选择您想要转换成单位的元素
  2. 展开 设计面板 或者 元素配置控制板
  3. 点击面板顶部的“创建单位”图标
  4. 为您的单位提供标题并点击 创造

启动单元后,您将进入核心单元 — 这意味着对核心单元的任何更改都将在该单元的所有实例中更新。 任何时候,您都可以通过以下方式访问任何单元实例上的核心单元:

  • 双击单位实例
  • 右击并单击 修改单位
  • 选择实例并点击“”图标
  • 选择实例并点击“扳手”图标位于左侧面板的右上角

了解有关改变核心单元的更多详细信息。

使用和回收单位

一旦建立了单元,您就可以在站点的任何地方重复使用它。

  1. 展开 单位面板
  2. 点击并将所需单元拖放到您网站上的任意页面
  3. 将单元实例直接存放在画布上或导航器中

当您选择一个单元实例时,您会看到它以绿色突出显示和轮廓。展开 单位面板 观察您网站上每个单元的使用频率。

提醒: 可以复制单元实例(即通过复制粘贴、右键单击或键盘快捷键进行复制),但目前无法复制核心单元。相反,您可以分离单元实例并从分离的元素或元素组中制作新单元。

您可以双击某个单元以访问核心单元并在导航器面板中查看该单元的元素层次结构。您只能从核心单元查看该单元的元素层次结构(即,您无法从单元实例中查看该单元的元素层次结构)。

修改单位

让我们通过各种方法来连接和修改一个单元:

  • 编辑核心单元
  • 退出核心单元
  • 在编辑器中修改单位
  • 修改单位名称
  • 抹掉一个单位

编辑核心单元

实施同样的调整 全部 单位实例,您需要调整核心单位。您可以通过以下方式编辑任何单位实例上的主要单位:

  • 双击单位实例
  • 右击并单击 修改单位
  • 选择实例并点击“”图标
  • 选择实例并点击“扳手”图标位于下方面板的右上角

选择单位实例后,您可以在下方面板中探索单位特征的默认值。请注意,如果您之前已在单位上安排了属性,则这只会显示特征的默认值。

单元特征可让您在主单元中定义可在单元实例上更改的特定元素值(例如文本、富文本、图像、视频和可见性)。或者,您可以将单元特征与 CMS 字段关联以从 CMS 集合中引入数据。详细了解如何定义单元特征和更改单元实例上的值。

提醒: 要修改单元实例的样式,请使用 班级 個人化屬性。

对核心单元的调整将影响每个单元实例(除非该单元实例具有应用于单元内特定元素的单元特征)。在调整核心单元时,您可以重新调整结构和元素顺序,以同时影响整个站点的所有单元实例。

例如,您可能拥有一个以单元形式排列的卡片设计。卡片单元包含一个标题元素、一个段落元素和一个按钮元素 — 按钮元素位于卡片的最底部。如果您修改卡片的核心单元并将按钮从卡片底部移到顶部,则该更改将影响整个网站上卡片单元的所有出现。

对核心单元的编辑会影响该单元的所有单元实例,除非在单元实例中进行特别更改。详细了解如何定义单元特征和更改单元实例上的值。  

退出核心单元

一旦完成主机调整,您可以通过以下方式退出主机:

  • 点击“返回”箭头位于开发人员工具左上角
  • 单击画布上单元外部的区域
  • 紧迫 逃脱 在你的键盘上

停止调整核心单元后,请记住,您对单元实例中的元素所做的任何调整都将仅影响该特定单元实例。

在编辑器中修改单位

如果你邀请内容编辑者在编辑器中更新你的网站内容,他们对单元元素所做的任何修改 不是 以单位特征进行改变,并且在所有实例中保持一致,将适用于所有其他实例。

或者,如果内容编辑器修改了单元元素 通过单元特征进行更改,这些更改将仅适用于他们正在编辑的单元实例。

修改单位名称

要更改单位名称:

  1. 展开 单位面板
  2. 将鼠标悬停在单位名称上,然后单击“”图标出现在单位右侧
  3. 进行修改并 节省

删除单位

要彻底消灭一个单位:

  1. 从您的网站中删除或分离该单元的所有实例
  2. 展开 单位面板
  3. 点击 ””图标出现在单位右侧
  4. 删除 并验证

如何将单元实例从其核心单元中分离出来

要分离单元实例并独立于核心单元进行调整:

  1. 右键点击要分离的实例中的任何单位元素
  2. 点击 取消链接实例

一旦分离,如果您修改设计中该单元的任何其他链接实例,都不会影响分离的实例。

麦宜云
Ewan Mak 的最新帖子 (查看全部)