创作环境和工具

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

管理您的网站

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

例如,卡片视图:

chlimage_1-290

编辑页面内容

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

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

screen_shot_2018-03-22at141536

注意

当您首次打开页面进行编辑时,会显示一系列幻灯片,带您浏览各项功能。

如果不想浏览,可以跳过;如果想重新浏览,可以随时从​页面信息​菜单中进行选择。

访问帮助

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

  • 页面信息​选择器,这将显示幻灯片介绍(在您第一次访问编辑器时显示)。
  • 适用于特定组件的配置对话框(使用对话工具栏中的 ? 图标);这将根据上下文显示帮助。

其他与帮助相关的资源可以从控制台中访问

组件浏览器

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

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

打开侧面板时,它将从左侧滑开(根据需要选择​组件​选项卡)。打开该选项卡后,您可以浏览所有可用于页面的组件。

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

注意

系统能够检测到宽度小于 1024 像素的移动设备。这种情况也可能出现在较小的桌面窗口中。

  • 移动设备(例如 iPad)

    组件浏览器完全覆盖了所编辑的页面。

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

    screen_shot_2018-03-22at141752

  • 桌面设备

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

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

    screen_shot_2018-03-22at141808

    组件通过以下形式来表示

    • 组件名称

    • 组件组(灰色)

    • 图标或缩写

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

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

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

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

    screen_shot_2018-03-22at141929

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

资产浏览器

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

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

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

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

chlimage_1-291

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

  • 相应类型的现有组件。

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

    • 例如,可以将图像类型的资产拖动到段落系统中,以创建图像组件。
注意

此功能适用于特定资产和组件类型。有关更多详细信息,请参阅使用资产浏览器插入组件

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

  • 名称

  • 路径

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

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

    • 仅适用于某些资产类型

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

注意

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

  • 移动设备,例如 iPad

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

    要向页面添加资产,请长按所需的资产,然后将其向右移动 - 资产浏览器将关闭以重新显示该页面,此时您便可以向所需的组件添加资产。

    screen_shot_2018-03-22at142223

  • 桌面设备

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

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

    screen_shot_2018-03-22at142337

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

内容树

内容树​概述了层次结构中页面上的所有组件,以便您能够快速了解页面的组成方式。

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

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

screen_shot_2018-03-22at142526

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

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

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

screen_shot_2018-03-22at142559

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

screen_shot_2018-03-22at142647

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

注意

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

片段 - 关联的内容浏览器

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

引用

引用​显示了与所选页面的所有关联:

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

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

screen_shot_2018-03-22at153653

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

screen_shot_2018-03-22at153731

选择相应的引用类型可获取详细信息。在某些情况下,当您选择了某个特定引用后,您还可以执行其他操作,包括:

例如,您可以在引用组件中修复中断的引用:

chlimage_1-292

事件 - 时间轴

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

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

screen_shot_2018-03-22at153952

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

screen_shot_2018-03-22at154130

页面信息

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

screen_shot_2018-03-22at154210

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

另外,在适当时,页面信息​还允许访问分析和建议。

页面模式

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

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

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

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

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

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

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

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

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

  • Live Copy 状态 - 允许快速查看 Live Copy 状态以及继承/未继承的组件。

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

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

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

chlimage_1-293

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

路径选择

在创作时,通常需要选择其他资源,例如在定义指向其他页面或资源的链接或者选择图像时。为了轻松选择路径,路径字段提供了自动完成功能,并且还可通过路径浏览器做出更可靠的选择。

路径字段

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

路径字段现在具有自动完成和先行智能功能,可更方便地查找资源。只需在路径字段中开始键入内容,AEM 便会在您键入的同时提供匹配路径。

screen_shot_2018-03-22at154403

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

路径浏览器

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

screen_shot_2018-03-22at154521

选择资源后,对话框右上角的​选择​按钮将变为活动状态。单击或点按以确认选择,或者单击或点按​取消​以中止操作。

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

chlimage_1-294

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

chlimage_1-295

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

chlimage_1-296

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

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

chlimage_1-297

键盘快捷键

可以使用各种键盘快捷键

在此页面上

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now