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

本檔案說明下列項目:

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

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

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

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

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

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

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

建立及設定資產共用頁面

您可以自訂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

新增謂語

Experience Manager 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

    如需修改中繼資料表單中可用命名空間的相關資訊,請參閱自訂和擴充 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

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

透過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. 按一下「更新中繼資料」以提交表單並儲存所有資產的變更。 僅修改已檢查的元資料。

本頁內容