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

本檔案說明下列各項:

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

為何要建立和設定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. 選取​ GeometrixxAsset Editor ​並按一下​ 建立。 已建立新頁面,且頁面列在​ 網站 ​索引標籤中。

screen_shot_2012-04-23at15858pm

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

assetshare5

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

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. 在​ Path of Asset Editor ​欄位中,輸入您希望Asset Share頁面開啟中資產的資產編輯器路徑,然後按一下​ 確定

screen_shot_2012-04-23at21653pm

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

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

若要新增Asset Editor元件:

  1. 在您想要自訂的Asset Editor頁面中,選取sidekick中的​ Asset Editor。 所有可用的Asset Editor元件都會顯示。
NOTE
您可以自訂的內容取決於可用的元件。 若要啟用元件,請前往「設計」模式並選取需要啟用的元件。
  1. 將Sidekick中的元件拖曳至Asset Editor,並在元件對話方塊中進行任何編輯。 這些元件如下表所述,並詳見以下說明。
NOTE
設計Asset Editor頁面時,您會建立唯讀或可編輯的元件。 使用者知道,如果鉛筆影像出現在元件中,則可以編輯欄位。 依預設,大部分元件都設為唯讀。
元件
說明
中繼資料表單和中繼資料文字欄位
可讓您新增其他中繼資料至資產,以及對該資產執行動作,例如提交。
子Assets
可讓您自訂子資產。
標籤
可讓使用者選取標籤並將其新增至資產。
縮圖
顯示資產的縮圖及其檔案名稱,並可讓您新增替代文字。 您也可以在這裡新增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. 連按兩下欄位名稱,例如​ Title,以開啟中繼資料欄位並進行變更。 在​ 編輯元件 ​視窗的​ 一般 ​標籤中,您定義了名稱空間、欄位標籤和型別,例如dc:title

screen_shot_2012-04-23at23305pm

如需修改中繼資料表單中可用名稱空間的資訊,請參閱自訂和擴充Assets

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

screen_shot_2012-04-23at23435pm

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

screen_shot_2012-04-23at23446pm

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

中繼資料

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

子資產 sub-assets

子Assets元件是您檢視和選取子資產的地方。 您可以決定在主要資產和子資產下會顯示哪些名稱。

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

screen_shot_2012-04-23at23907pm

以下是填入子Assets元件的範例:

screen_shot_2012-04-23at24442pm

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

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中的​ Asset Editor

screen_shot_2012-04-23at35515pm

下列動作可供使用:

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

chlimage_1-165

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

透過Experience Manager Assets,您可以一次變更數個資產。 選取資產後,您可以同時變更標籤和中繼資料。

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

  1. 開啟Geometrixx Press Center ​頁面:
    https://localhost:4502/content/geometrixx/en/company/press.html

  2. 選取資產:

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

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

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

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

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

  6. 按一下​ 標籤 ​欄位旁的編輯標籤選項。

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

    您可以:

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

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

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

    This is a common description

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

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

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

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

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