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

本檔案說明下列項目:

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

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

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

數位資產管理正在越來越多的案例中使用。 從面向專業培訓用戶(例如攝影師或分類學家)的小用戶組的小型解決方案,到更大、更多樣化的用戶組(例如業務用戶、WCM作者、記者等),專業用戶的Adobe Experience Manager(AEM)資產功能強大的用戶介面可能會提供太多資訊,而利益相關方開始請求特定用戶介面或應用程式,以訪問與他們相關的數字資產。

這些以資產為中心的應用程式可以是內部網路中的簡單照片集,員工可以從貿易展訪問上傳照片,或在公開網站(如隨Geometrixx提供的示例)上傳新聞中心。 以資產為中心的應用程式也可以擴展到完整的解決方案,包括購物車、結帳和驗證流程。

建立以資產為中心的應用程式在很大程度上成為一種配置過程,它不需要編碼,只需了解用戶組及其需要,以及所使用元資料的知識。 以AEM Assets建立的以資產為中心的應用程式可擴充:只要編碼工作量適中,便可建立可重複使用的元件,以便搜尋、檢視和修改資產。

AEM中以資產為中心的應用程式包含資產編輯器頁面,可用來取得特定資產的詳細檢視。 如果存取資產的使用者具有必要權限,資產編輯器頁面也允許編輯中繼資料。

建立及設定資產共用頁面

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

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

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

建立資產共用頁面

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

注意

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

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

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

  2. 選擇​資產共用​頁面,然後按一下​建立。 新頁面隨即建立,資產共用頁面會列在​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. 在您要自訂的「資產共用」頁面中,按一下sidekick中的​Actions

    可使用下列動作:
    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​欄位中,輸入要顯示結果的文本和結果的頁碼。 完成更改後,按一下​OK

    screen_shot_2012-04-23at15300pm

新增謂語

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

要添加謂語:

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

    assetshare3

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

    assetshare4

    下列謂語可用:

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

如需詳細資訊,請參閱謂語javadocs

  1. 若要進一步設定述詞,請連按兩下。 例如,當您開啟「路徑述詞」時,需要指派根路徑。

    screen_shot_2012-04-23at15640pm

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

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

注意

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

建立資產編輯器頁面

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

若要建立資產編輯器頁面:

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

  2. 選擇「Geometrixx資產編輯器」,然後按一下「建立」。 新頁面隨即建立,且頁面會列在​Websites​標籤中。

screen_shot_2012-04-23at15858pm

使用Geometrixx資產編輯器範本建立的基本頁面外觀如下:

assetshare5

若要自訂資產編輯器頁面,請使用sidekick中的元素。 從​Geometrixx按下中心​存取的資產編輯器頁面是根據此範本的頁面自訂版本:

assetshare6

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

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

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

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

    screen_shot_2012-04-23at20123pm

  2. 如果尚未選擇​常規​頁簽,請按一下該頁簽。

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

    screen_shot_2012-04-23at21653pm

新增資產編輯器元件

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

若要新增資產編輯器元件:

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

    注意

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

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

    注意

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

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

    screen_shot_2012-04-23at22743pm

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

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

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

    screen_shot_2012-04-23at22911pm

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

    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

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

子資產

您可以在「子資產」元件檢視並選取子資產。 您可以決定在主要資產和子資產底下顯示的名稱。

screen_shot_2012-04-23at24025pm

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

screen_shot_2012-04-23at23907pm

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

screen_shot_2012-04-23at24442pm

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

screen_shot_2012-04-23at24552pm

標記

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

screen_shot_2012-04-23at25031pm

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

screen_shot_2012-04-23at24731pm

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

screen_shot_2012-04-23at25150pm

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

screen_shot_2012-04-23at25244pm

縮圖

縮圖元件是資產顯示所選縮圖的位置(對於許多格式,會自動擷取縮圖)。 此外,元件還顯示檔案名和可修改🔗的操作。

screen_shot_2012-04-23at25452pm

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

screen_shot_2012-04-23at25604pm

以下是填入的縮圖元件的範例:

screen_shot_2012-04-23at34815pm

標題

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

chlimage_1-391

依預設,此選件為唯讀模式,因此使用者無法編輯。 若要使其可編輯,請連按兩下元件並清除​Hide edit button​核取方塊。 此外,請輸入多個資產的標題。

screen_shot_2012-04-23at35100pm

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

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

screen_shot_2012-04-23at35241pm

以下是填入的標題元件的範例:

chlimage_1-392

新增資產編輯器動作

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

若要將動作新增至資產編輯器頁面:

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

    在sidekick中選取資產編輯器

    可使用下列動作:

    動作 說明
    下載 讓使用者下載選取的項目 資產。
    編輯 讓使用者編輯影像 (互動式編輯)
    Lightbox 將資產儲存至 「燈箱」,您可在此執行其他動作。 這個來了 在多個頁面上使用資產時非常實用。
    鎖定 讓使用者鎖定資產。 此 功能預設未啟用,且需在清單中啟用 元件。
    引用 按一下此按鈕可顯示哪些頁面 資產正在使用中。
    版本設定 可讓您建立和還原 資產的版本。
  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. 在​Actions​欄位(頁面左側)中,按一下「編輯中繼資料」。

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

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

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

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

    您可以:

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

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

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

    This is a common description

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

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

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

本頁內容