了解网站应用程序元素

Café Supremo 营销网站包含品牌徽标、菜单栏和搜索栏等元素。


后面是 site_elements.png 的说明
插图 site_elements.png 的说明

网站页中的品牌徽标

在 Café Supremo 营销网站应用程序中,品牌徽标显示在页面的左上角和右下角。

图像用于 Supremo 咖啡馆营销网站应用程序中的品牌徽标。图像 Cafe-Supremo-Header-Logo 的最新版本用于网站左上角的标识。图像 Cafe-Supremo-Footer-Logo 的最新版本用于网站右下角的标识。您可以使用品牌徽标替换这些图像。

图像的 API ID 用于在 Oracle Visual Builder 中使用图像组件来显示图像。

要获取 API ID,请执行以下操作:
  1. 在 Oracle Content Management Web 界面中,导航到资产页并选择 CafeSupremo 资料档案库。
  2. 选择一个徽标图像并打开其属性。
  3. 在“属性”窗格中,ID 值在 API 选项卡上可用。

Supremo 营销网站应用程序中的导航

在 Café Supremo 营销网站应用程序中,使用显示在网站页面右上角的菜单栏进行导航。

菜单栏包含菜单选项,例如 HOME、MENU 和 BLOG。

搜索栏

Café Supremo 营销网站应用程序在右上角有一个搜索工具栏,客户可以使用关键字搜索此网站中的博客。

用户需要在搜索栏中输入文本,然后按 Enter 键进行搜索。搜索结果显示与关键字匹配的博客。当用户单击任何搜索结果时,该特定博客文章将在同一窗口中打开。

在 Oracle Visual Builder 中,导航到搜索启动页。此页用于在用户使用搜索栏执行搜索时显示搜索结果列表(博客项)。组件交换中的内容列表组件在此页上用于此目的。在此组件的“属性”窗格中指定了以下关键字设置以显示搜索结果。

常规选项卡:

  • ID - 资产的唯一 API ID。
  • Content Server - 默认值
  • 通道标记 - 默认值
  • 内容类型 - 博客
  • 布局 - 博客默认值
  • 列表视图 - threeColumns
  • 最大项数 - 10
  • 起始项 - 1
  • 搜索可观察 - 此属性将自动设置为应用程序级变量,以便与内容搜索组件通信并在内容列表中执行搜索功能。


后面是 search-start_page.png 的说明
插图 search-start_page.png 的说明

博客内容类型用于此组件。要显示的项数限制为十。事件处理程序设置为定义与内容列表项关联的操作和事件,以指定用户单击博客项时发生的情况。在组件的属性中,在事件选项卡上,事件设置配置为定义事件和操作链,该事件和操作链指定发生指定事件时发生的情况,即单击页上的项时发生的情况。事件监听程序是在“事件监听程序”选项卡上为此页定义的,用于监听事件并启动在“操作”选项卡上定义的操作链。


后面是 search-start_actions.png 的说明
插图 search-start_actions.png 的说明

在“搜索启动”页的“操作”选项卡上,定义与事件关联的操作以及操作链(确定操作顺序)。操作是操作链的一部分。在操作选项卡上,单击操作时,可以查看其配置。在图表部分中,单击导航搜索详细资料(这是导航操作)时,您将看到属性窗格中的目标字段设置为搜索详细资料,以便在用户单击搜索结果列表中的博客项时导航到应用程序中的相应博客文章页(详细信息)。


后面是 search_detail_setting.png 的说明
插图 search_detail_setting.png 的说明

搜索详细资料页配置了内容占位符组件以动态显示内容项。因此,当用户从搜索结果中单击博客项时,搜索详细资料页上的内容占位符组件会自动加载关联内容项的详细资料。


后跟 search-detail_page.png 的说明
插图 search-detail_page.png 的说明