创作环境和工具 authoring-the-environment-and-tools

CAUTION
AEM 6.4已结束扩展支持,本文档将不再更新。 有关更多详细信息,请参阅 技术支助期. 查找支持的版本 此处.

AEM 的创作环境提供了各种可用于组织和编辑内容的机制. 可以从各种控制台和页面编辑器访问提供的工具。

管理您的站点 managing-your-site

站点 控制台允许您使用标题栏、工具栏、操作图标(适用于所选资源)、痕迹导航来导航和管理您的网站,选择后还可使用辅助边栏(例如时间轴和引用)。

例如,卡片视图:

chlimage_1-290

编辑页面内容 editing-page-content

您可以使用页面编辑器编辑页面。 例如:

http://localhost:4502/editor.html/content/we-retail/us/en/equipment.html

screen_shot_2018-03-22at141536

NOTE
首次打开页面进行编辑时,您会看到一系列幻灯片,其中为您介绍了相关功能。
如果需要,您可以跳过导览,并随时从 页面信息 菜单。

访问帮助 accessing-help

在编辑页面时,帮助 ​可从以下位置访问:

  • the 页面信息 选择器;这将显示幻灯片介绍(在您首次访问编辑器时显示)。
  • the 配置 对话框(使用? 图标);这将显示上下文相关帮助。

进一步 与帮助相关的资源可从控制台中访问.

组件浏览器 components-browser

组件浏览器会显示当前页面上可用的所有组件。 这些内容可拖动到相应的位置,然后进行编辑以添加您的内容。

组件浏览器是侧面板中的一个选项卡(侧面板中还有资产浏览器内容树)。要打开(或关闭)侧面板,请使用工具栏左上方的图标:

打开侧面板时,它将从左侧滑开(选择 组件 选项卡(如有必要)。 打开后,您可以浏览页面上所有可用的组件。

实际外观和操作取决于您所使用的设备类型:

NOTE
当宽度小于1024像素时,会检测到移动设备。 对于较小的桌面窗口,也可以这样做。
  • 移动设备(例如iPad)

    组件浏览器完全覆盖正在编辑的页面。

    要向页面添加组件,请长按所需的组件并将其向右移动 — 组件浏览器将关闭以再次显示页面 — 您可以在该页面中放置组件。

    screen_shot_2018-03-22at141752

  • 桌面设备

    组件浏览器将在窗口的左侧打开。

    要向页面添加组件,请单击所需的组件,然后将其拖动到所需位置。

    screen_shot_2018-03-22at141808

    组件由

    • 组件名称

    • 组件组(灰色)

    • 图标或缩写

      • 标准组件的图标是单色的。
      • 缩写始终由组件名称的前两个字符组成。

    从组件浏览器顶部的工具栏可以:

    • 按名称筛选组件。
    • 使用下拉选择框将显示内容限定为特定组。

    有关组件的更多详细说明,您可以单击或点按组件浏览器(如果可用)中组件旁边的信息图标。

    screen_shot_2018-03-22at141929

    有关可供您使用的组件的更多信息,请参阅组件控制台

资产浏览器 assets-browser

资产浏览器会显示当前页面上可直接使用的所有资产。

资产浏览器是侧面板中的一个选项卡,侧面板中还有 组件浏览r和 内容树. 要打开或关闭侧面板,请使用工具栏左上角的图标:

打开侧面板时,它将从左侧滑开。根据需要选择​ 资产 ​选项卡。

打开资产浏览器后,您可以浏览页面上所有可用的资产。 如果需要,可使用无限滚动来展开列表。

chlimage_1-291

要向页面添加资产,请选择资产并将其拖动到所需位置。 这可以是:

  • 相应类型的现有组件。

    • 例如,可以将图像类型的资产拖动到图像组件上。
  • 段落系统中用于创建相应类型新组件的占位符

    • 例如,您可以将图像类型的资产拖动到图形系统上,以创建图像组件。
NOTE
此功能适用于特定资产和组件类型。 请参阅 使用资产浏览器插入组件 以了解更多详细信息。

从资产浏览器顶部的工具栏中,您可以按以下方式筛选资产:

  • 名称

  • 路径

  • 资产类型,如图像、手稿、文档、视频、页面、段落和产品

  • 资产特性,如方向(纵向、横向、正方形)和样式(颜色、单色、灰度)

    • 仅适用于特定资产类型

实际外观和操作取决于您所使用的设备类型:

NOTE
在宽度小于 1024 像素时将视为检测到移动设备,这种情况也可能出现在较小的桌面窗口中。
  • 移动设备,如iPad

    资产浏览器完全覆盖了正在编辑的页面。

    要向页面添加资产,请长按所需的资产,然后将其向右移动 — 资产浏览器将关闭以再次显示页面,您可以在该页面中将资产添加到所需组件。

    screen_shot_2018-03-22at142223

  • 桌面设备

    此时将在窗口的左侧打开资产浏览器。

    要向页面添加资产,请单击所需的资产,并将其拖动到所需的组件或位置。

    screen_shot_2018-03-22at142337

如果您需要快速更改资产,可以直接从资产浏览器启动资产编辑器,方法是单击资产名称旁边显示的编辑图标。

内容树 content-tree

内容树 概述了层级结构中页面上的所有组件,以便您一目了然地查看页面的构成方式。

内容树是侧面板中的一个选项卡(侧面板中还有组件和资产浏览器)。 要打开(或关闭)侧面板,请使用工具栏左上方的图标:

打开侧面板时,它将(从左侧)滑开。根据需要选择​ 内容树 ​选项卡。打开后,您可以看到页面或模板的树视图表示形式,以便更轻松地了解其内容的层次结构方式。 此外,在复杂的页面上,还可以更轻松地在页面的组件之间跳转。

screen_shot_2018-03-22at142526

页面可以由许多相同类型的组件轻松组成,因此组件树会在组件类型名称(黑色)之后显示描述性文本(灰色)。 描述性文本来自组件的常见属性,如标题或文本。

组件类型将以用户语言显示,而组件描述文本则以页面语言显示。

单击组件旁边的V形标记将折叠或展开该级别。

screen_shot_2018-03-22at142559

单击组件会在页面编辑器中突出显示该组件。

screen_shot_2018-03-22at142647

如果在树中单击的组件是可编辑的,则该名称的右侧将显示一个扳手图标。 单击此图标将直接启动组件的编辑对话框。

NOTE
如果您正在浏览器宽度小于 1024 像素的移动设备上编辑页面,则内容树将不可用。

片段 – 关联的内容浏览器 fragments-associated-content-browser

如果您的页面包含内容片段,那么您还可以访问适用于关联内容的浏览器

引用 references

引用 显示与选定页面的连接:

  • Blueprint
  • 启动项
  • Live Copy
  • 语言副本
  • 使用引用组件
  • 对产品页面的引用(从“商务 — 产品”控制台)

打开所需的控制台,然后导航到所需资源并使用以下方法打开​ 引用

screen_shot_2018-03-22at153653

选择您需要的资源以显示与该资源相关的引用类型列表:

screen_shot_2018-03-22at153731

选择相应的引用类型以了解更多信息。 在某些情况下,当您选择特定引用时,可以执行其他操作,包括:

例如,您可以修复引用组件中损坏的引用:

chlimage_1-292

事件 – 时间线 events-timeline

对于相应的资源(例如​ 站点 ​控制台中的页面或​ 资产 ​控制台中的资产),可使用时间线显示任何选定项目上的近期活动

打开所需的控制台,然后导航到需要的资源并使用以下方法打开​ 时间线

screen_shot_2018-03-22at153952

选择您需要的资源,然后选择​ 显示全部 ​或​ 活动,可列出对所选资源的所有近期操作:

screen_shot_2018-03-22at154130

页面信息 page-information

“页面信息”(均衡器图标)会打开一个菜单,其中也会提供有关上次编辑和上次发布的详细信息。根据页面(及其网站)的特性,可能有更多或更少的选项可用:

screen_shot_2018-03-22at154210

例如,在适当时, 页面信息 还提供以下选项:

此外, 页面信息 可以在适当时提供对分析和建议的访问权限。

页面模式 page-modes

编辑页面时,可以使用多种模式来执行不同的操作:

  • 编辑 — 编辑页面内容时使用的模式。

  • 布局 - 允许您创建和编辑依赖于设备的响应式布局(如果页面基于布局容器)

  • 基架 — 帮助您创建大量结构相同但内容不同的页面。

  • 开发人员 — 允许您执行各种操作(需要权限)。 这包括检查页面及其组件的技术详细信息。

  • 设计 — 允许您启用/禁用组件以在页面上使用,并配置组件的设计(如果页面基于 静态模板)。

  • 定位 — 通过跨所有渠道进行定位和衡量来提高内容相关性。

  • Activity Map — 显示页面的Analytics数据。

  • 时间扭曲 — 允许您查看特定时间点的页面状态。

  • Live Copy状态 — 允许快速概述live copy状态以及继承/未继承的组件。

  • 预览 - 用于查看将在发布环境中显示的页面;或使用内容中的链接进行导航。

  • 注释 - 用于在页面上添加或查看注释。

您可以使用右上角的图标访问这些模式。实际图标会因您当前所使用的模式而有所不同:

chlimage_1-293

NOTE
  • 根据页面的特性,某些模式可能不可用。
  • 访问某些模式需要相应的权限/权限。
  • 由于空间限制,无法在移动设备上使用开发人员模式。
  • 使用键盘快捷键 (Ctrl-Shift-M) 可以在​ 预览 ​模式和当前选定的模式(例如,编辑布局 ​等)之间切换。

路径选择 path-selection

创作时,通常需要选择其他资源,例如定义指向其他页面或资源的链接或选择图像时。 要轻松选择路径, 路径字段 选件自动完成和 路径浏览器 允许进行更可靠的选择。

路径字段 path-fields

此处用于说明的示例是图像组件。 有关使用和编辑组件的更多信息,请参阅 页面创作组件.

路径字段现在具有自动完成和先行先试功能,可更轻松地查找资源。 只需在路径字段中开始键入,AEM将在您键入时提供匹配的路径。

screen_shot_2018-03-22at154403

单击路径字段中的​ 打开选择对话框 ​按钮可打开路径浏览器对话框,以查看更多详细选择选项。

路径浏览器 path-browser

路径浏览器的组织方式与站点控制台的列视图相似,允许查看更多详细资源选择选项。

screen_shot_2018-03-22at154521

选择资源后, 选择 按钮将变为活动状态。 单击或点按以确认选择或 取消 中止。

如果上下文允许选择多个资源,则选择某个资源也会激活“选择 ”按钮,但也会将选定资源的计数添加到窗口的右上角。 单击该 数字旁边的 X可取消选择全部。

chlimage_1-294

痕迹导航可用于在资源层次结构中快速跳转。

chlimage_1-295

您可以随时使用对话框顶部的搜索字段。

chlimage_1-296

单击搜索字段中的X可清除搜索。

要缩小搜索范围,您可以显示过滤器选项并按特定路径筛选结果。

chlimage_1-297

键盘快捷键 keyboard-shortcuts

可以使用各种键盘快捷键

recommendation-more-help
5f6f1f67-8db1-40cb-84e9-024e65b9fc4c