建立和配置資產編輯器頁

本檔案說明下列內容:

  • 建立自訂資產編輯器頁面的原因。
  • 如何建立和自訂資產編輯器頁面,這些頁面是WCM頁面,可讓您檢視和編輯中繼資料,以及對資產執行動作。
  • 如何同時編輯多個資產。
注意

「資產共用」可做為開放原始碼參考實作。 請參閱資產共用共用公域。 未正式支援。

為何建立和設定資產編輯器頁面?

數位資產管理正被越來越多的案例所使用。 當從專業訓練使用者的小型解決方案(例如攝影師或分類學者)移轉至更大且更多樣化的使用者群組(例如商業使用者、WCM作者、記者等)時,專業使用者的Adobe Experience Manager(AEM)Assets的強大使用者介面可提供太多資訊,而利益相關者則開始要求特定使用者介面或應用程式存取與他們相關的數位資產。

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

建立以資產為中心的應用程式,在很大程度上會變成不需撰寫程式碼的設定程式,只需瞭解使用者群組及其需求,以及所使用中繼資料的知識即可。 以AEM Assets公司建立的資產導向應用程式具有可擴充性:使用適中的編碼工作,可重複使用的元件來搜尋、檢視和修改資產。

中以資產為中心的應AEM用程式包含「資產編輯器」頁面,可用來取得特定資產的詳細檢視。 資產編輯器頁面也允許編輯元資料,前提是訪問資產的用戶具有必要的權限。

建立並設定資產共用頁面

您可自訂DAM Finder功能,並建立具有您所需所有功能的頁面,稱為「資產共用」頁面。 若要建立新的「資產共用」頁面,您可使用「資產共用」範本新增頁面,然後自訂使用者可在該頁面上執行的動作、決定檢視者如何檢視資產,並決定使用者如何建立查詢。

以下是建立自訂「資產共用」頁面的一些使用案例:

  • 記者新聞中心
  • 適用於內部商業使用者的影像搜尋引擎
  • 網站使用者的影像資料庫
  • 中繼資料編輯器的媒體標籤介面

建立資產共用頁面

若要建立新的「資產共用」頁面,您可以在使用網站時或從數位資產管理員建立頁面。

注意

依預設,當您從數位資產管理員的​New​建立「資產共用」頁面時,系統會自動為您建立資產檢視器和資產編輯器。

若要在​Websites​主控台中建立新的「資產共用」頁面:

  1. 在​Websites​標籤中,導覽至您要建立資產共用頁面的位置,然後按一下​New

  2. 選擇​Asset Share​頁,然後按一下​Create。 會建立新頁面,資產共用頁面會列在​Websites​標籤中。

dam8

使用「DAM資產共用」Geometrixx範本建立的基本頁面外觀如下:

screen_shot_2012-04-18at115456am

若要自訂「資產共用」頁面,請使用sidekick中的元素,並編輯查詢產生器屬性。 頁面​Geometrixx新聞中心​是根據此範本自訂的頁面版本:

screen_shot_2012-04-19at123048pm

若要透過數位資產管理員建立新的資產共用頁面:

  1. 在數位資產管理器的​New​中,選擇​New Asset Share

  2. 在​Title​中,輸入資產共用頁面的名稱。 視需要輸入URL的名稱。

    screen_shot_2012-04-19at23626pm

  3. 連按兩下資產共用頁面以開啟並設定頁面。

    screen_shot_2012-04-19at24114pm

    依預設,當您從​New​建立「資產共用」頁面時,系統會自動為您建立資產檢視器和資產編輯器。

自訂動作

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

要向「資產共用」頁添加操作,請執行以下操作:

  1. 在您要自訂的「資產共用」頁面中,按一下側鍵中的​動作

    可執行下列動作:
    assetshare2

動作 說明
刪除動作 使用者可以刪除選取的資產。
下載動作 可讓使用者將選取的資產下載至其電腦。
Lightbox 動作 將資產儲存至「燈箱」 您可在其中執行其他動作。 這個功能在使用時很方便 跨多個頁面使用資產。 燈箱也可以用作 資產的購物車。
移動動作 使用者可將資產移至其他 位置
標記動作 讓使用者將標籤新增至選取的資產
檢視資產動作 在「資產」編輯器中開啟資產, 使用者操作。
  1. 將適當的動作拖曳至頁面上的​Actions​區域。 這樣會建立用於執行該動作的按鈕。

    chlimage_1-387

確定如何顯示搜索結果

您可以從預先定義的鏡頭清單中決定結果的顯示方式。

若要變更搜尋結果的檢視方式:

  1. 在您要自訂的「資產共用」頁面中,按一下「搜尋​」。

    chlimage_1

  2. 將適當的鏡頭拖曳至頁面的上方中心。 在Press Center中,已可使用鏡片。 使用者按下適當的鏡頭圖示,以視需要顯示搜尋結果。

有下列可用鏡頭:

鏡頭 說明
列出鏡頭 以清單方式呈現資產及詳細資訊。
馬賽克鏡頭 以馬賽克方式呈現資產。

馬賽克鏡頭

chlimage_1-388

列出鏡頭

chlimage_1-389

自訂查詢產生器

查詢產生器可讓您輸入搜尋詞,並建立「資產共用」頁面的內容。 當您編輯查詢產生器時,您也可以決定每頁顯示多少搜尋結果、當您連按兩下資產時會開啟哪個資產編輯器、查詢搜尋的路徑,以及自訂節點類型。

若要自訂查詢產生器:

  1. 在您要自訂的「資產共用」頁面中,按一下「查詢產生器」中的「編輯」​預設情況下,General​頁籤開啟。

  2. 選擇每頁結果數、資產編輯器的路徑(如果您有自訂的資產編輯器)和「動作」標題。

    screen_shot_2012-04-23at15055pm

  3. 按一下​路徑​頁籤。 輸入將運行搜索的路徑或多個路徑。 如果用戶使用「路徑」述詞,則覆寫這些路徑。

    screen_shot_2012-04-23at15150pm

  4. 如果需要,輸入另一個節點類型。

  5. 在​查詢建立器URL​欄位中,您可以覆寫或包住查詢建立器,並使用現有的查詢建立器元件輸入新的servlet URL。 在​動態消息URL​欄位中,您也可以覆寫動態消息URL。

    screen_shot_2012-04-23at15313pm

  6. 在​Text​欄位中,輸入要顯示結果和結果頁碼的文字。 完成更改後,按一下​確定

    screen_shot_2012-04-23at15300pm

添加謂語

AEM Assets包含許多可新增至「資產共用」頁面的謂語。 這些功能可讓您的使用者進一步縮小搜尋範圍。 在某些情況下,它們可能會覆寫查詢產生器參數(例如,路徑參數)。

要添加謂語:

  1. 在您要自訂的「資產共用」頁面中,按一下「搜尋​」。

    assetshare3

  2. 將適當的謂語拖曳至查詢產生器下方的「資產共用」頁面。 這樣做會建立適當的欄位。

    assetshare4

    以下謂語可用:

述詞 說明
日期述詞 可讓使用者搜尋在特定日期前後修改的資產。
選項述詞 網站擁有者可以指定要搜尋的屬性(如屬性述詞中的cq:tags),以及要從中填入選項的內容樹狀結構(如標籤樹狀結構)。 這樣做會產生選項清單,使用者可在其中選取所選屬性(tag屬性)應具有的值(tags)。 此謂語可讓您建立清單控制項,例如標籤清單、檔案類型、影像方向等。 它最適合固定的選項集。
路徑述詞 可讓使用者視需要定義路徑和子檔案夾。
屬性述詞 網站擁有者會指定要搜尋的屬性,例如tiff:ImageLength,然後使用者可輸入值,例如800。這會傳回高800像素的所有影像。 如果您的屬性可以具有任意值,則此謂語非常有用。

如需詳細資訊,請參閱predicate javadocs

  1. 要進一步配置謂語,請按兩下它。 例如,開啟Path Predicate時,需要指定根路徑。

    screen_shot_2012-04-23at15640pm

建立並設定資產編輯器頁面

您可自訂資產編輯器,以決定使用者如何檢視和編輯數位資產。 若要這麼做,請建立新的「資產編輯器」頁面,然後自訂使用者可在該頁面上執行的檢視和動作。

注意

如果要將自訂欄位新增至DAM資產編輯器,請將新的cq:Widget節點新增至/apps/dam/content/asseteditors.

建立資產編輯器頁面

建立「資產編輯器」頁面時,最佳做法是直接在「資產共用」頁面下方建立頁面。

要建立「資產編輯器」頁,請執行以下操作:

  1. 在​Websites​標籤中,導覽至您要建立資產編輯器頁面的位置,然後按一下​New

  2. 選擇​Geometrixx資產編輯器​並按一下​建立。 會建立新頁面,並在​Websites​標籤中列出該頁面。

screen_shot_2012-04-23at15858pm

使用「Geometrixx資產編輯器」模板建立的基本頁如下所示:

assetshare5

若要自訂資產編輯器頁面,請使用sidekick中的元素。 從​Geometrixx新聞中心​存取的資產編輯器頁面是基於此模板的自定義頁面版本:

assetshare6

設定從「資產共用」頁面開啟的資產編輯器

建立自訂的「資產編輯器」頁面後,您必須確定,當您連按兩下所建立之自訂「資產共用」資產時,會在自訂的「編輯器」頁面中開啟資產。

要設定「資產編輯器」頁:

  1. 在「資產共用」頁面中,按一下「查詢產生器」旁的「編輯」

    screen_shot_2012-04-23at20123pm

  2. 如果​General​標籤尚未選中,請按一下它。

  3. 在​資產編輯器的路徑​欄位中,輸入您希望「資產共用」頁面在中開啟資產的資產編輯器的路徑,然後按一下「確定」。

    screen_shot_2012-04-23at21653pm

添加資產編輯器元件

您可以借由將元件新增至頁面,來決定資產編輯器的功能。

要添加資產編輯器元件:

  1. 在您要自訂的「資產編輯器」頁面中,在sidekick中選取​Asset Editor。 將顯示所有可用的資產編輯器元件。

    注意

    您可自訂的項目取決於可用的元件。 若要啟用元件,請移至「設計」模式,並選取您需要啟用的元件。

  2. 將元件從側腳拖曳至資產編輯器,並在元件對話方塊中進行任何修改。 下表對這些元件進行了說明,並在後面的詳細說明中進行了說明。

    注意

    在設計資產編輯器頁面時,您可以建立唯讀或可編輯的元件。 使用者知道,如果鉛筆的影像出現在該元件中,就可以編輯欄位。 依預設,大部分元件都會設為唯讀。

    元件 說明
    中繼資 料表 單和中繼資料文字欄位 可讓您新增其他中繼資料至資產,並對該資產執行動作,例如提交。
    子資產 可讓您自訂子資產。
    標記 可讓使用者選取並新增標籤至資產。
    縮圖 顯示資產的縮圖及其檔案名稱,並讓您新增替代文字。 您也可以在此處新增資產編輯器動作。
    標題 顯示可自訂的資產標題。

    screen_shot_2012-04-23at22743pm

中繼資料表單與文字欄位——設定檢視中繼資料元件

中繼資料表單是包含開始和結束動作的表單。 在中間,輸入​Text​欄位。 如需使用表單的詳細資訊,請參閱Forms

  1. 按一下表單「開始」區域中的​Edit​建立開始操作。 您可以視需要輸入「方塊」標題。 依預設,Box標題為​Metadata。 如果要生成用於驗證的java-script客戶端代碼,請選中「客戶端驗證」複選框。

    screen_shot_2012-04-23at22911pm

  2. 通過按一下表單的「結束」區域中的​編輯​建立結束操作。 例如,您可能想要建立​Submit​按鈕,讓使用者提交其中繼資料變更。 或者,您可以新增​Reset​按鈕,將中繼資料重設為其原始狀態。

    screen_shot_2012-04-23at23138pm

  3. 在​表單開始​和​表單結束​之間,將元資料文本欄位拖動到表單中。 使用者將中繼資料填入這些文字欄位,以提交或完成其他動作。

  4. 連按兩下欄位名稱,例如​Title​以開啟中繼資料欄位並進行變更。 在編輯元件窗口的​常規​頁籤中,您定義了命名空間和欄位標籤以及類型,例如dc:title

    screen_shot_2012-04-23at23305pm

    有關修改元資料表單中可用的名稱空間的資訊,請參見自定義和擴展AEM Assets

  5. 按一下​Constraints​頁籤。 您可以在此處選擇欄位是否為必需欄位,並根據需要添加任何約束。

    screen_shot_2012-04-23at23435pm

  6. 按一下​Display​頁籤。 在這裡,您可以為中繼資料欄位輸入新的寬度和行數。 選擇​欄位為只讀​複選框,以允許用戶編輯元資料。

    screen_shot_2012-04-23at23446pm

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

    chlimage_1-390

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

子資產

子資產元件是您可以檢視及選取子資產的位置。 您可以決定main asset和sub-assets下顯示的名稱。

screen_shot_2012-04-23at24025pm

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

screen_shot_2012-04-23at23907pm

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

screen_shot_2012-04-23at24442pm

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

screen_shot_2012-04-23at24552pm

標記

「標籤」元件是使用者可指派現有標籤至資產的元件,可協助日後組織與擷取。 您可將此元件設為唯讀,因此使用者無法新增標籤,但只能檢視標籤。

screen_shot_2012-04-23at25031pm

連按兩下「標籤」元件以開啟「標籤」對話方塊,您可在其中視需要從「標籤」中變更標題,以及選取已分配的名稱空間。 要使此欄位可以編輯,請清除「隱藏編輯」按鈕複選框。 ​依預設,標籤是可編輯的。

screen_shot_2012-04-23at24731pm

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

screen_shot_2012-04-23at25150pm

以下是已填入的「標籤」元件:

screen_shot_2012-04-23at25244pm

縮圖

Thumbnail元件是資產顯示所選縮圖的位置(對於許多格式,會自動擷取縮圖)。 此外,元件還顯示檔案名和可修改的](assets-finder-editor.md#adding-asset-editor-actions)操作。[

screen_shot_2012-04-23at25452pm

連按兩下縮圖元件,以開啟縮圖對話方塊,您可在其中變更alt文字。 依預設,縮圖alt文字預設為​按一下以下載​資產。

screen_shot_2012-04-23at25604pm

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

screen_shot_2012-04-23at34815pm

標題

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

chlimage_1-391

依預設,它處於唯讀模式,因此使用者無法編輯它。 要使其可編輯,請按兩下該元件並清除「隱藏編輯按鈕」複選框。 ​此外,請輸入多個資產的標題。

screen_shot_2012-04-23at35100pm

如果可以編輯「標題」,您可以按一下「鉛筆」開啟「資產屬性」(Asset Properties)​視窗,以新增標題和說明。 此外,您也可以選擇日期和時間來開啟或關閉資產。

當使用者按一下「鉛筆」圖示編輯「標題」時,可變更​「標題」「說明」,並輸入​On​和​Off Times​以開啟和關閉資產。

screen_shot_2012-04-23at35241pm

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

chlimage_1-392

添加資產編輯器操作

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

要向「資產編輯器」頁添加操作,請執行以下操作:

  1. 在您要自訂的「資產編輯器」頁面中,按一下sidekick中的​資產編輯器

    sidekick中選取資產編輯器

    可執行下列動作:

    動作 說明
    下載 讓使用者下載選取的 資產。
    編輯 讓使用者編輯影像 (互動式編輯)
    燈箱 將資產儲存至 「燈箱」,您可在此處執行其他動作。 這個來了 在跨多個頁面處理資產時非常方便。
    鎖定 可讓使用者鎖定資產。 此 功能預設未啟用,而且必須在清單中啟用 元件。
    引用 按一下此按鈕以顯示哪些頁面 資產正在使用中。
    版本設定 可讓您建立和還原 資產的版本。
  2. 將適當的動作拖曳至頁面上的​Actions​區域。 這樣會建立用於執行該動作的按鈕。

chlimage_1-393

使用「資產編輯器」頁面編輯多個資產

有了AEM Assets,您可以一次變更多個資產。 在擁有選取的資產後,您可以同時變更其:

  • 標記
  • 中繼資料

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

  1. http://localhost:4502/content/geometrixx/en/company/press.html開啟Geometrixx 按中心​頁。

  2. 選取資產:

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

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

  3. 在​動作​欄位(頁面左側)中按一下「編輯中繼資料​]」。[

  4. Geometrixx 按中心資產編輯器​頁面會在新標籤中開啟。 資產的中繼資料顯示如下:

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

  6. 按一下​Tags​欄位旁的鉛筆圖示,以編輯標籤:

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

    您可以:

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

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

  7. 編輯「說明」欄位。 例如,將其設定為:This is a common description。 編輯欄位時,其值會在提交表單時覆寫所選資產的現有值。 編輯欄位時,會自動勾選欄位旁的方塊。

    This is a common description

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

    注意:編輯欄位時,會自動勾選欄位旁的方塊。

  8. 按一下「更新中繼資料​」以提交表單並儲存所有資產的變更。​僅會修改已勾選的中繼資料。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now