#F5F5F5

充分运用 Experience Manager Sites 组件,加速打造引人入胜的体验

用户界面示例,显示了一个名为“组件”的下拉菜单,其中包含折叠菜单、按钮、轮播、内容片段、体验片段和图像等选项。光标当前选中了“内容片段”。在背景画面中,“Sentry”网站预览图展示了一只色彩斑斓、浑身散发光芒的猎豹,外加宣传企业网络解决方案的营销文案,文案旁配有“了解详情”的按钮。
#F5F5F5

利用模块化系统加速 Web 和页面开发

Adobe Experience Manager Sites 可赋能企业团队运用强大的模块化 Web 组件系统,加速打造响应式数字化体验。充分利用资源丰富的开箱即用型核心组件库(包括拖放 UI 元素),加快页面创建速度,在确保品牌一致性的同时,减少对自定义编码的需求。Experience Manager Sites 采用组件驱动式开发方法,可有效提升开发效率,支持规模可扩展的内容运营,降低总拥有成本。

难关:攻克内容制作速度挑战

跨多个市场制作输出新颖且有吸引力的内容对速度和一致性提出了更高要求。传统的 Web 开发模式往往依赖手动编码和非复用元素,不仅会拉低页面构建效率,还会消耗开发者资源,并可能导致跨设备品牌体验的参差不齐。

若无模块化框架,营销团队将难以迅速将愿景落地为用户体验,而开发人员则需耗费宝贵的时间重复创建表单、图库或导航菜单等基础组件。在数字化时代,企业亟需部署一套可扩展、可复用的系统,充分满足“内容为王”时代的快速更新需求,且不以牺牲品质与敏捷度为代价。

利用 Experience Manager Sites Web 组件,加速打造卓越数字化体验

Experience Manager Sites 提供一套预建和可定制的精密组件系统,可有效解决上述挑战。

  • 创作者 可透过直观的拖放界面快速创建页面,确保响应迅速且体现品牌一致性,无需高深的专业技术背景。
  • 开发人员 可借助标准化、向后兼容的组件实现复用和规模化扩展,缩短定制创建时间,精简维护工作,从而提升工作效率。

这种模块式开发方法有利于确保所有渠道的数字化体验保持协同一致,加快产品上市速度,同时保持设计的完整性和高性能。

利用 Experience Manager 组件加速 Web 开发

Experience Manager Sites 核心组件提供标准化、生产就绪型 UI 构建模块,可加快页面创建开发速度,确保跨数字接触点的统一用户体验。创作者可以使用直观组件(例如痕迹导航、搜索栏、轮播、表单和图库)轻松实现多页面可视化组装。与此同时,核心组件的可扩展性、版本控制和向后兼容性则为开发人员奠定了面向未来的架构基础,助力网站实现规模化扩展和演进。这种开发方法减少了自定义开发需求,简化了升级流程,有效降低了长期总成本。

Experience Manager Sites 组件的优势

功能强大、应用灵活的 Web 组件

Experience Manager 组件均是独立自足的可配置资源,自带各种脚本、样式和功能。创作者可轻松定制各类组件,小至基本文本块,大至复杂界面元素(例如折叠菜单和标签),无需开发人员介入,即可轻松满足标准应用场景的需求。

利用可升级的 CMS 组件降低成本

Experience Manager 核心组件专为持久性和可升级性而设计,可持续降低维护风险。相较于高度定制化的旧版解决方案,规范化的版本控制和向后兼容性能够更好地保护开发投资,简化平台升级流程。

借助一脉相承的 UI 组件确保品牌体验的一致性

Experience Manager 模板与组件继承机制可确保页眉、页脚及导航栏等共享元素在多站点环境中保持视觉效果统一与功能一致性。Experience Manager 样式系统支持定义样式变体,在赋予创作者权能的同时,维护品牌标准。

整合动态媒体,优化视觉体验

基于图像的组件与 Experience Manager Dynamic Media 无缝整合,提供智能裁剪、图像预设及性能优化等功能,这些均直接内置于组件配置中,确保在各类设备上呈现高品质视觉效果。

https://video.tv.adobe.com/v/18926?quality=12&learn=on&captions=chi_hans&autoplay=true&hidetitle=true

组件术语比较

术语
Experience Manager 上下文场景和相关性
Web 组件
Experience Manager 各组件均可提供相似的优势(复用性、封闭性与快速开发性),是 Web 页面构建的基石。
UI 组件
许多 Experience Manager 组件可直接渲染用户界面元素(例如表单、按钮、导航和轮播),赋能创作者轻松配置,提升用户交互体验。
CMS 组件
Experience Manager 组件在 CMS 内进行管理,可定义页面内容结构及其呈现方式,通常与模板和工作流相关联。
拖放组件
描述在 Experience Manager Sites 中使用可视化编辑器向页面添加和排列组件的主要创作方法。
内容组件
Experience Manager 组件可管理构成页面体验的特定内容(文本、图像、视频和片段)。
核心组件
Experience Manager 配备了一套特定的现代化、标准化且遵循最佳实践的现成组件,可确保开发的灵活性、可维护性和高性能。
开箱即用的组件
可随时使用的 Experience Manager 预建组件的总称。核心组件是现代型 Experience Manager 实施中的代表要素。

常见问题解答

Experience Manager 如何定义 Web 组件?
尽管 Experience Manager 组件基于 Adobe 专有技术(例如 HTML 模板语言,即 HTL,以及 Sling)构建,而不是采用原生浏览器标准(例如自定义元素或影子 DOM),但它们同样具备核心优势:模块化、可重用性和封闭性。Experience Manager 组件作为独立自足的构建块,可有效加快 Web 页面开发速度。
什么是 Experience Manager Sites 中的 UI 组件?
UI 组件是指多种预建元素,用于渲染用户界面的各个部分,且支持创作者进行可视化配置。示例包括表单、导航菜单、搜索栏、轮播、选项卡和折叠菜单等。如要在不编码的条件下构建交互式、响应式页面,这些都是必不可少的关键要素。
什么是 Experience Manager 核心组件?
核心组件是指 Adobe 标准化、可随时投入生产的内容管理组件集。它们基于最佳实践构建,可提供灵活的创作功能、广泛的配置选项、版本控制和向后兼容性,因而成为现代型 Experience Manager 网站基础热推之选。
核心组件与基础组件有何不同?
核心组件具有现代化、灵活性等特性,且按照当前最佳实践予以维护。基础组件是早前的旧版组件,它们依赖于过时的技术,且大多已弃用。新项目应充分运用核心组件,以获取上佳的性能和可维护性。
Experience Manager GraphQL API 如何与组件配合使用?
Experience Manager GraphQL API 支持开发者在无头设置中查询并提取 Experience Manager 组件的结构化内容。如此即可赋能前端应用程序(例如单页应用程序、移动应用程序或其他数字化体验)高效获取特定字段(例如文本或图像 URL),有效提升页面性能和灵活性。
什么是 Experience Manager Sites 中的“拖放组件”?
拖放组件主要是指 Experience Manager Sites 的可视化页面构建体验。创作者可从侧边栏选择组件,直接拖放至页面适当位置,支持直观布局创建与内容发布,无需编写代码。