当现成安装AEM实例时,组件浏览器中会立即提供一系列组件选项。
除此之外,还提供各种其他组件。 您可以使用设计模式来 启用/禁用此类组件. 启用并位于您的页面后,您可以使用设计模式来 配置组件设计的各个方面 通过编辑属性参数。
编辑这些组件时务必谨慎。 设计设置通常是整个网站设计不可分割的一部分,因此它们只应由具有适当权限和经验的人更改,通常是管理员或开发人员。 参见 开发组件 了解更多信息。
设计模式仅适用于静态模板。 使用可编辑模板创建的模板应使用进行编辑 模板编辑器.
设计模式仅适用于作为内容存储在( /etc
)。
从AEM 6.4开始,建议将设计作为配置数据存储在 /apps
以支持连续部署方案。 设计存储在以下位置 /apps
在运行时不可编辑,并且非管理员用户将无法使用此类模板的“设计”模式。
这涉及添加或删除页面段落系统中允许的组件。 段落系统( parsys
)是一个包含所有其他段落组件的复合组件。 段落系统允许作者向页面添加不同类型的组件,因为它包含所有其他段落组件。 每个段落类型都表示为一个组件。
例如,产品页面的内容可能包含包含以下内容的段落系统:
参见 开发组件 和 使用模板和组件的准则 了解有关 parsys
.
使用本文中介绍的“设计模式”编辑设计是定义静态模板设计的推荐方法
例如,在CRX DE中修改设计不是最佳做法,此类设计的应用可能与预期行为有所不同。 查看开发人员文档 页面模板 — 静态 了解更多信息。
启用或禁用组件:
选择 设计 模式。
点按或单击组件。 选中后,该组件将具有蓝色边框。
单击或点按 父级 图标。
这将选择包含当前组件的段落系统。
此 配置 段落系统的图标将显示在父项的操作栏中。
选择此项以显示对话框。
使用对话框可定义在编辑当前页面时组件浏览器中可用的组件。
该对话框有两个选项卡:
允许的组件
在 允许的组件 选项卡,定义哪些组件可用于parsys。
您可以按页面组件定义配置。 如果子页面使用相同的模板和/或页面组件(通常对齐),则相同的配置将应用于相应的段落系统。
自适应表单组件设计为可在自适应表单容器中工作,以利用Forms生态系统。 因此,这些组件必须仅在自适应表单编辑器中使用,在站点页面编辑器中不起作用。
设置
在 设置 选项卡。您可以定义其他选项,例如为每个组件绘制锚点,以及定义每个容器的单元格边距。
选择 完成 以保存您的配置。
选择 设计 模式。
点按或单击带有蓝色边框的组件。 在此示例中,选择了主页图像组件。
使用 配置 图标以打开对话框。
在“设计”对话框中,可根据可用的设计参数配置组件。
该对话框有三个选项卡:
属性
此 属性 选项卡允许您配置组件的重要设计参数。 例如,对于图像组件,您可以定义允许的最大和最小图像大小。
功能
此 功能 选项卡允许您启用或禁用组件的其他功能。 例如,对于图像组件,您可以定义图像的方向、可用的裁切选项以及是否可以上传图像。
样式
此 样式 选项卡允许您定义要与组件一起使用的CSS类和样式。
使用 添加 按钮向多条目对话框列表添加其他条目。
使用删除图标从多条目对话框列表中删除条目。
使用 移动 图标,以重新排列多条目对话框列表中的条目顺序。
单击或点按 完成 图标以保存并关闭对话框。