瞭解網站應用程式元素

Café Supremo 行銷網站具有諸如品牌標誌、功能表列及搜尋列等元素。


site_elements.png 描述如下
site_elements.png 圖解描述

網站頁面中的品牌標誌

在 Café Supremo 行銷網站應用程式中,品牌標誌顯示在頁面的左上角和右下角。

影像用於 Café 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 頁籤上。

瀏覽 Café Supremo Marketing 網站應用程式

在 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 圖解描述