建立和設定Asset Editor頁面 creating-and-configuring-asset-editor-pages

本檔案說明下列各項:

  • 為什麼要建立自訂的Asset Editor頁面。
  • 如何建立和自訂Asset Editor頁面,這些是WCM頁面,可讓您檢視和編輯資產的中繼資料以及執行動作。
  • 如何同時編輯多個資產。
NOTE
資產共用可用於開放原始碼參考實作。 另請參閱 Asset Share Commons. 未正式支援。

為何要建立和設定Asset Editor頁面? why-create-and-configure-asset-editor-pages

數位資產管理正在更多案例中使用。 從專為受過專業訓練的使用者(例如攝影師或分類學家)而打造的小型解決方案,轉移至更大、更多元化的使用者群組(例如商務使用者、WCM作者和記者)時,具備下列強大使用者介面: Adobe Experience Manager Assets 可能會提供太多資訊。 利害關係人開始請求特定的使用者介面或應用程式存取與他們相關的數位資產。

這些以資產為中心的應用程式,可以是內部網路中的簡易像片收藏館,員工可透過貿易展造訪或公開網站上的新聞中心上傳像片。 以資產為中心的應用程式也可以延伸至完整的解決方案,包括購物車、結帳和驗證程式。

建立以資產為中心的應用程式會變成一種設定程式,不需要編碼,只需要使用者群組及其需求的相關知識,以及所使用中繼資料的知識。 以資產為中心的應用程式,建立於 Assets 可擴充:利用適度的編碼力度,可建立可重複使用的元件,以搜尋、檢視和修改資產。

中的資產導向應用程式 Experience Manager 包含Asset Editor頁面,可供您取得特定資產的詳細檢視。 如果存取資產的使用者擁有必要許可權,資產編輯器頁面也允許編輯中繼資料。

建立和設定Asset Editor頁面 creating-and-configuring-an-asset-editor-page

您可以自訂Asset Editor ,以決定使用者如何檢視和編輯數位資產。 要執行此操作,您必須建立Asset Editor頁面,然後自訂使用者可在該頁面上執行的檢視和動作。

NOTE
如果您想要將自訂欄位新增到DAM Asset Editor,請新增 cq:Widget 節點至 /apps/dam/content/asseteditors.

建立資產編輯器頁面 creating-the-asset-editor-page

建立Asset Editor頁面時,最佳實務是直接在Asset Share頁面下方建立頁面。

若要建立Asset Editor頁面:

  1. 網站 標籤,導覽至您要建立Asset Editor頁面的位置,然後按一下 新增.
  2. 選取 Geometrixx資產編輯器 並按一下 建立. 新頁面隨即建立,且頁面會列於 網站 標籤。

screen_shot_2012-04-23at15858pm

使用GeometrixxAsset Editor範本建立的基本頁面如下所示:

assetshare5

若要自訂您的Asset Editor頁面,請使用sidekick中的元素。 可從存取的Asset Editor頁面 Geometrixx新聞中心 是根據此範本自訂的頁面版本:

assetshare6

設定Asset Editor以從Asset Share頁面開啟 setting-which-asset-editor-opens-from-an-asset-share-page

建立自訂的Asset Editor頁面後,請確定當您連按兩下您建立的自訂資產共用時,會在自訂編輯器頁面中開啟資產。

若要設定Asset Editor頁面:

  1. 在資產共用頁面中,按一下 編輯 ,位於查詢產生器旁。

screen_shot_2012-04-23at20123pm

  1. 按一下 一般 標籤(如果尚未選取)。

  2. Asset Editor路徑 欄位,輸入您要資產共用頁面開啟資產的Asset Editor路徑,然後按一下 確定.

screen_shot_2012-04-23at21653pm

新增Asset Edit元件 adding-asset-editor-components

您可以將元件新增至頁面,藉此決定Asset Editor具備哪些功能。

若要新增Asset Editor元件:

  1. 在要自訂的Asset Editor頁面中,選取 資產編輯器 在sidekick。 所有可用的Asset Editor元件都會顯示。
NOTE
您可以自訂的內容取決於可用的元件。 若要啟用元件,請前往「設計」模式並選取需要啟用的元件。
  1. 將Sidekick中的元件拖曳至Asset Editor,並在元件對話方塊中進行任何編輯。 這些元件如下表所述,並詳見以下說明。
NOTE
設計Asset Editor頁面時,您會建立唯讀或可編輯的元件。 使用者知道,如果鉛筆影像出現在元件中,則可以編輯欄位。 依預設,大部分元件都設為唯讀。
元件
說明
中繼資料表單 和 中繼資料文字欄位
可讓您新增其他中繼資料至資產,以及對該資產執行動作,例如提交。
子資產
可讓您自訂子資產。
標記
可讓使用者選取標籤並將其新增至資產。
縮圖
顯示資產的縮圖及其檔案名稱,並可讓您新增替代文字。 您也可以在這裡新增Asset Editor動作。
標題
顯示可自訂的資產標題。

screen_shot_2012-04-23at22743pm

中繼資料表單和文字欄位 — 設定檢視中繼資料元件 metadata-form-and-text-field-configuring-the-view-metadata-component

中繼資料表單是包含開始和結束動作的表單。 在兩者之間,輸入 文字 欄位。 另請參閱 Forms 以取得使用表單的詳細資訊。

  1. 按一下「 」以建立開始動作 編輯 在表單的「開始」區域中。 如有需要,您可以輸入Box標題。 依預設,方塊標題為 中繼資料. 如果您要產生用於驗證的JavaScript使用者端代碼,請選取「使用者端驗證」核取方塊。

screen_shot_2012-04-23at22911pm

  1. 按一下以建立「結束」動作 編輯 在表單的「結束」區域中。 例如,您可能想要建立 提交 允許使用者提交其中繼資料變更的選項。 或者,您也可以新增 重設 將中繼資料重設為原始狀態的選項。

screen_shot_2012-04-23at23138pm

  1. 介於 表單開始表單結尾,將中繼資料文字欄位拖曳至表單。 使用者會將中繼資料填入這些文字欄位中,以便提交或完成其他動作。

  2. 連按兩下欄位名稱,例如, 標題 以開啟中繼資料欄位並進行變更。 在 一般 的標籤 編輯元件 視窗,您可以定義名稱空間和欄位標籤並鍵入,例如 dc:title.

screen_shot_2012-04-23at23305pm

另請參閱 自訂和擴充資產 以取得有關修改中繼資料表單中可用名稱空間的資訊。

  1. 按一下 限制 標籤。 您可以在此選取是否需要欄位,並視需要新增任何限制。

screen_shot_2012-04-23at23435pm

  1. 按一下 顯示 標籤。 在這裡,您可以為中繼資料欄位輸入新的寬度和列數。 選取 欄位為唯讀 核取方塊可讓使用者編輯中繼資料。

screen_shot_2012-04-23at23446pm

以下是包含各種欄位的中繼資料表單範例:

中繼資料

接著,使用者可以在「資產編輯器」頁面的中繼資料欄位中輸入值(如果可編輯),並執行結束動作(例如提交變更)。

子資產 sub-assets

子資產元件是您檢視和選取子資產的地方。 您可以決定 主要資產 和子資產。

連按兩下Sub Assets元件,以便開啟Sub Assets對話方塊,您可以在此變更主要資產和任何子資產的標題。 預設值會顯示在對應欄位下方。

screen_shot_2012-04-23at23907pm

以下是已填入子資產元件的範例:

screen_shot_2012-04-23at24442pm

例如,如果您選取子資產,請注意元件如何顯示適當的頁面,以及「方塊」標題如何從「子資產」變更為「同層級」。

screen_shot_2012-04-23at24552pm

標記 tags

標籤元件是使用者可以將現有標籤指派至資產的元件,這有助於後續的組織和擷取。 您可以將此元件設為唯讀,讓使用者無法新增標籤,而只能檢視標籤。

screen_shot_2012-04-23at25031pm

按兩下Tags元件,以便開啟Tags對話方塊,您可以視需要從Tags變更標題,以及選取配置的名稱空間。 若要讓此欄位可編輯,請清除 隱藏編輯 核取方塊。 依預設,標籤是可編輯的。

screen_shot_2012-04-23at24731pm

如果使用者可以編輯標籤,則他們可以按一下鉛筆以新增標籤,方法是從「標籤」下拉式選單中選取標籤。

screen_shot_2012-04-23at25150pm

以下是填入的Tags元件:

screen_shot_2012-04-23at25244pm

縮圖 thumbnail

縮圖元件是資產顯示所選縮圖的地方(對於許多格式,縮圖都是自動擷取的)。 此外,元件會顯示檔案名稱,以及 您可以修改的動作.

screen_shot_2012-04-23at25452pm

按兩下縮圖元件,以開啟縮圖對話方塊,在其中變更替代文字。 根據預設,縮圖替代文字預設為 按一下以下載 資產。

screen_shot_2012-04-23at25604pm

以下是填入的Thumbnail元件範例:

screen_shot_2012-04-23at34815pm

標題 title

標題元件會顯示資產的標題和說明。

依預設,其處於唯讀模式,因此使用者無法編輯它。 若要使其可編輯,請連按兩下元件並清除 隱藏編輯按鈕 核取方塊。 此外,輸入多個資產的標題。

screen_shot_2012-04-23at35100pm

如果可以編輯「標題」,您可以按一下「鉛筆」以開啟 資產屬性 視窗。 此外,您可以選取日期和時間,以開啟或關閉資產。

編輯 標題,使用者可變更 標題說明,並輸入 開啟關閉時間 以開啟和關閉資產。

screen_shot_2012-04-23at35241pm

以下是填入Title元件的範例:

chlimage_1-164

新增Asset Edit動作 adding-asset-editor-actions

您可以透過一系列預先定義的動作,決定使用者可在選取的數位資產上執行哪些動作。

若要將動作新增至Asset Editor頁面:

  1. 在要自訂的Asset Editor頁面中,按一下 資產編輯器 在sidekick。

screen_shot_2012-04-23at35515pm

下列動作可供使用:

動作
說明
下載
可讓使用者將選取的資產下載至其電腦。
編輯
可讓使用者編輯影像(互動式編輯)
Lightbox
將資產儲存至「燈箱」,讓您在其中執行其他動作。 這項功能可在處理多個頁面的資產時方便使用。
鎖定
可讓使用者鎖定資產。 預設不會啟用此功能,且必須在元件清單中啟用。
參考
按一下此以在使用資產的頁面上顯示。
版本設定
可讓您建立和還原資產的版本。
  1. 將適當的動作拖曳至 動作 區域。 這會建立一個選項,用來執行在頁面上拖曳的動作。

chlimage_1-165

使用Asset Editor頁面多重編輯資產 multi-editing-assets-with-the-asset-editor-page

替換為 Experience Manager Assets,您可以一次變更多個資產。 選取資產後,您可以同時變更標籤和中繼資料。

若要使用「資產編輯器」頁面多重編輯資產:

  1. 開啟Geometrixx 新聞中心 頁面:
    https://localhost:4502/content/geometrixx/en/company/press.html

  2. 選取資產:

    • 在Windows上: Ctrl + click 每個資產。
    • 在Mac上: Cmd + click 每個資產。

    若要選取資產範圍:按一下第一個資產,然後 Shift + click 最後一個資產。

  3. 按一下 編輯中繼資料動作 欄位(頁面左側)。

  4. Geometrixx 按下Center Asset Editor 頁面會在新標籤中開啟。 資產的中繼資料顯示如下:

    • 並非適用於所有資產(但僅適用於少數資產)的標籤會以斜體顯示。
    • 套用至所有資產的標籤會以一般字型顯示。
    • 標籤以外的中繼資料:只有在所有選定資產的欄位值相同時,才會顯示欄位值。
  5. 按一下 下載 以下載包含資產原始轉譯的ZIP檔案。

  6. 按一下旁邊的「編輯標籤」選項, 標籤 欄位。

    • 標籤不適用於所有資產,但只有少數資產具有灰色背景。
    • 套用至所有資產的標籤都具有白色背景。

    您可以:

    • 按一下 x 以移除所有資產的標籤。
    • 按一下 + 將標籤新增至所有資產。
    • 按一下 箭頭 並選取標籤,以將新標籤新增至所有資產。

    按一下 確定 將變更寫入表單。 旁的方塊 標籤 欄位會自動勾選。

  7. 編輯說明欄位。 例如,將其設為:

    This is a common description

    編輯欄位時,其值會在提交表單時覆寫所選資產的現有值。

    附註:編輯欄位時,會自動勾選欄位旁邊的方塊。

  8. 按一下 更新中繼資料 以提交表單並儲存所有資產的變更。

    注意:只會修改已核取的中繼資料。

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2