AEM 的创作环境提供了各种可用于组织和编辑内容的机制. 可以从各种控制台和页面编辑器访问提供的工具。
此 站点 通过控制台,您可以使用标题栏、工具栏、操作图标(适用于所选资源)、痕迹导航以及辅助边栏(例如时间轴和引用)来导航和管理您的网站。
例如,列视图:
您可以使用页面编辑器编辑页面。 例如:
https://localhost:4502/editor.html/content/we-retail/us/en/equipment.html
首次打开页面进行编辑时,一系列幻灯片将为您提供这些功能的概览。
您可以根据需要跳过导览,并通过从 页面信息 菜单。
在编辑页面时,帮助可从以下位置访问:
更多 控制台中提供了与帮助相关的资源.
组件浏览器会显示可在当前页面上使用的所有组件。 可以将这些内容拖到相应的位置,然后进行编辑以添加您的内容。
组件浏览器是侧面板中的一个选项卡(侧面板中还有资产浏览器和内容树)。要打开(或关闭)侧面板,请使用工具栏左上方的图标:
打开侧面板时,它将从左侧滑开(选择 组件 选项卡(如有必要)。 打开时,您可以浏览页面可用的所有组件。
实际外观和操作取决于您所使用的设备类型:
当宽度小于1024像素时检测到移动设备。 对于小型桌面窗口也是如此。
移动设备(例如iPad)
组件浏览器完全覆盖正在编辑的页面。
要将组件添加到页面,请按住所需的组件并将其向右移动,组件浏览器将关闭以再次显示页面 — 您可以在其中放置组件。
桌面设备
组件浏览器将在窗口的左侧打开。
要将组件添加到页面,请单击所需的组件,然后将其拖动到所需的位置。
组件由表示
组件名称
组件组(灰色)
图标或缩写
从组件浏览器顶部的工具栏可以:
有关组件的更多详细说明,您可以单击或点按组件浏览器(如果可用)中组件旁边的信息图标。例如,对于布局容器:
有关可供您使用的组件的更多信息,请参阅组件控制台。
资产浏览器会显示所有 资产 这些资源可在当前页面上直接使用。
资产浏览器是侧面板中的一个选项卡,侧面板中还包含 组件浏览r和 内容树. 要打开或关闭侧面板,请使用工具栏左上角的图标:
打开侧面板时,它将从左侧滑开。根据需要选择资产选项卡。
当资产浏览器打开时,您可以浏览页面可用的所有资产。 需要时可使用无限滚动来展开列表。
要将资源添加到页面,请选择并拖动到所需的位置。 这可以是:
相应类型的现有组件。
段落系统中用于创建相应类型新组件的占位符。
这适用于特定资源和组件类型。 参见 使用资产浏览器插入组件 了解更多详细信息。
在资源浏览器的顶部工具栏中,您可以通过以下方式筛选资源:
名称
路径
资产类型,如图像、手稿、文档、视频、页面、段落和产品
资产特征,如方向(纵向、横向、正方形)和样式(颜色、单色、灰度)
实际外观和操作取决于您所使用的设备类型:
在宽度小于 1024 像素时将视为检测到移动设备,这种情况也可能出现在较小的桌面窗口中。
移动设备,如iPad
资产浏览器会完全覆盖正在编辑的页面。
要将资源添加到页面,请触控并按住所需资源,然后将其向右移动 — 资源浏览器将关闭以再次显示页面,您可以在其中将资源添加到所需组件。
桌面设备
将在窗口左侧打开资产浏览器。
要将资源添加到页面,请单击所需的资源并将其拖动到所需的组件或位置。
如果您需要快速更改资产,可以直接从资产浏览器启动资产编辑器,方法是单击资产名称旁边显示的编辑图标。
此 内容树 以层次结构概览页面上的所有组件,以便您一眼就能看到页面的构成方式。
内容树是侧面板中的一个选项卡(侧面板中还有组件和资产浏览器)。 要打开(或关闭)侧面板,请使用工具栏左上方的图标:
打开侧面板时,它将(从左侧)滑开。根据需要选择内容树选项卡。打开时,您可以看到页面或模板的树视图表示形式,以便更容易了解其内容是如何按层次结构构建的。 此外,在复杂的页面上,还可以更轻松地在页面的组件之间跳转。
页面可以轻松地由许多相同类型的组件组成,因此内容(组件)树会在组件类型名称(黑色)之后显示描述性文本(灰色)。 描述性文本来自组件的常见属性,如标题或文本。
组件类型将以用户语言显示,而组件描述文本则来自页面语言。
单击组件旁边的V形标记将折叠或展开该级别。
如果您正在浏览器宽度小于 1024 像素的移动设备上编辑页面,则内容树将不可用。
单击组件将在页面编辑器中突出显示组件。 可用的操作将取决于页面状态:
例如,基本页面:
https://localhost:4502/editor.html/content/we-retail/language-masters/en/equipment.html
如果单击树中的组件可编辑,则名称右侧将显示扳手图标。 单击此图标将直接启动组件的“编辑”对话框。
或属于某个页面的某个页面 活动副本,其中组件继承自其他页面;例如:
https://localhost:4502/editor.html/content/we-retail/us/en/equipment.html
如果您的页面包含内容片段,那么您还可以访问适用于关联内容的浏览器。
引用 显示选定页面的连接:
打开所需的控制台,然后导航到所需资源并使用以下方法打开引用:
选择您需要的资源以显示与该资源相关的引用类型列表:
有关详细信息,请选择相应的参照类型。 在某些情况下,当您选择特定引用时,还可以执行其他操作,包括:
传入链接,在选择特定链接后提供引用页面的页面列表,并可直接访问以编辑这些页面之一
使用引用组件的借入和借出内容的实例,您可以从此处导航至正在引用/引用的页面
对产品页面的引用 (可从“商务 — 产品”控制台中获取)
启动项,提供对相关启动项的访问权
Live Copy 显示基于选定资源的所有 Live Copy 的路径。
Blueprint,提供详细信息和各种操作
语言副本,提供详细信息和各种操作
例如,可以修复“参照”元件中的破损参照:
对于相应的资源(例如站点控制台中的页面或资产控制台中的资产),可使用时间线显示任何选定项目上的近期活动。
打开所需的控制台,然后导航到需要的资源并使用以下方法打开时间线:
选择您需要的资源,然后选择显示全部或活动,可列出对所选资源的所有近期操作:
“页面信息”按钮(均衡器图标)会打开一个菜单,其中还提供有关上次编辑和上次发布的详细信息。 根据页面、其站点和您的实例的特性,可用的选项可能会更多,也可能会更少:
例如,在适当的时候, 页面信息 此外,还提供了以下选项:
此外, 页面信息 在适当的时候,可以提供对analytics和推荐的访问权限。
在编辑页面时,有多种模式允许不同的操作:
编辑 — 编辑页面内容时使用的模式。
布局 - 允许您创建和编辑依赖于设备的响应式布局(如果页面基于布局容器)
基架 — 帮助您创建共享相同结构但内容不同的大量页面。
开发人员 — 允许您执行各种操作(需要权限)。 这包括检查页面及其组件的技术详细信息。
定位 — 通过在所有渠道中进行定位和衡量来提高内容相关性。
Activity Map — 显示页面的Analytics数据。
时间扭曲 — 允许您查看特定时间点的页面状态。
Live Copy状态 — 允许快速概述Live Copy状态以及哪些组件是/不是继承的。
预览 - 用于查看将在发布环境中显示的页面;或使用内容中的链接进行导航。
注释 - 用于在页面上添加或查看注释。
您可以使用右上角的图标访问这些模式。实际图标会因您当前所使用的模式而有所不同:
Ctrl-Shift-M
) 可以在预览模式和当前选定的模式(例如,编辑、布局等)之间切换。通常,在创作时,需要选择其他资源,例如定义指向其他页面或资源的链接或选择图像时。 要轻松选择路径, 路径字段 优惠自动完成和 路径浏览器 允许进行更可靠的选择。
此处用于说明的示例是图像组件。 有关使用和编辑组件的更多信息,请参阅 用于页面创作的组件.
路径字段现在具有自动完成和前瞻功能,可更轻松地查找资源。
单击路径字段中的打开选择对话框按钮可打开路径浏览器对话框,以查看更多详细选择选项。
或者您可以在路径字段中开始输入,AEM 将会在您输入的同时提供匹配的路径。
路径浏览器的组织方式与站点控制台的列视图相似,允许查看更多详细资源选择选项。
选择资源后, 选择 对话框右上角的按钮变为活动状态。 单击或点按以确认选择或 取消 以中止。
如果上下文允许选择多个资源,则选择某个资源也会激活“选择 ”按钮,但也会将选定资源的计数添加到窗口的右上角。 单击该 数字旁边的 X可取消选择全部。
在树中导航时,您的位置会反映在对话框顶部的痕迹导航中。 这些痕迹导航还可用于在资源层次结构中快速跳转。
您可以随时使用对话框顶部的搜索字段。 单击 X 以清除搜索。
要缩小搜索范围,您可以显示过滤器选项并按特定路径筛选结果。
可以使用各种键盘快捷键。