Show Menu
トピック×

Create and configure Asset Editor pages

このドキュメントは次の内容について説明します。
  • カスタマイズされたアセットエディターページを作成する理由。
  • アセットエディターページ(メタデータの表示と編集、およびアセットに対するアクションの実行に使用する WCM ページ)の作成とカスタマイズの方法
  • 複数のアセットを同時に編集する方法
アセット共有は、オープンソースの参照実装として使用できます。 Asset Share Commons を参照してください。アセット共有は正式にはサポートされていません。

Why create and configure Asset Editor pages?

デジタルアセット管理は、ますます広く使用されるようになっています。Adobe Experience Manager Assetsの強力なユーザーインターフェイスを使用して、写真家や分類学者など、専門的な知識を持つユーザーの小規模なグループから、ビジネスユーザー、WCM作成者、ジャーナリストなど、より多様なユーザーグループに移行する場合、
アセット中心のアプリケーションは、社員が展示会の訪問や公共のWebサイトの報道機関から写真をアップロードできる、イントラネット内の単純なフォトギャラリーです。 アセット中心のアプリケーションは、買い物かご、チェックアウト、検証プロセスなどの完全なソリューションにも拡張できます。
アセット中心型アプリケーションの作成の大部分は、コーディングを必要としない設定プロセスとなります。ここでは、ユーザーグループとそのニーズ、使用されるメタデータに関する知識のみが必要となります。 Assets で作成されたアセット中心型アプリケーションは拡張可能です。適度なコーディング作業によって、アセットの検索、表示、変更のための再利用可能なコンポーネントを作成できます。
Experience Managerのアセット中心のアプリケーションは、アセットエディターページで構成され、アセットエディターを使用して特定のアセットの詳細な表示を取得できます。 アセットエディターページでは、アセットにアクセスするユーザーが必要な権限を持っていれば、メタデータの編集も可能です。

アセットエディタページの作成と設定

アセットエディターをカスタマイズして、ユーザーによるデジタルアセットの表示および編集方法を指定します。これをおこなうには、新規のアセットエディターページを作成してから、ユーザーがページに対して実行できる表示とアクションをカスタマイズします。
If you want to add custom fields to the DAM asset editor, add new cq:Widget nodes to /apps/dam/content/asseteditors.

Create an Asset Editor page

アセットエディターページを作成する場合に、アセット共有ページのすぐ下にページを作成することをお勧めします。
アセットエディターページを作成するには:
  1. Web サイト 」タブで、アセットエディターページを作成する場所に移動し、「 新規 」をクリックします。
  2. Geometrixx アセットエディター 」を選択し、「 作成 」をクリックします。新しいページが作成され、ページが「 Web サイト 」タブに表示されます。
Geometrixx アセットエディターテンプレートを使用して作成された基本ページは次のイメージのようになります。
To customize your Asset Editor page, use elements from the sidekick. The Asset Editor page that is accessed from the Geometrixx Press Center is a customized version of a page based on this template:

アセットエディタを設定して、アセット共有ページから開く

カスタムのアセットエディターページを作成したら、アセット(作成したカスタムのアセット共有)をダブルクリックすると、カスタマイムのエディターページでアセットが開くことを確認する必要があります。
アセットエディターページを設定するには:
  1. アセット共有ページで、QueryBuilder の隣にある「 編集 」をクリックします。
  1. Click the General tab if it is not already selected.
  2. In the Path of Asset Editor field, enter the path to the asset editor you want the Asset Share page to open assets in and click OK .

Add Asset Editor components

アセットエディターに含める機能を指定するには、ページにコンポーネントを追加します。
アセットエディターコンポーネントを追加するには:
  1. カスタマイズするアセットエディターページで、サイドキックの「 アセットエディター 」を選択します。使用可能なすべてのアセットエディターコンポーネントが表示されます。
何をカスタマイズできるかは、使用可能なコンポーネントによって異なります。コンポーネントを有効にするには、デザインモードに移動し、有効にする必要のあるコンポーネントを選択します。
  1. コンポーネントをサイドキックからアセットエディタにドラッグし、コンポーネントダイアログで変更を行います。 コンポーネントについて、次の表およびその下の詳細説明で説明します。
アセットエディターページのデザイン時に、読み取り専用、編集可能のいずれかのコンポーネントを作成します。ユーザーは、そのコンポーネント内に鉛筆の画像が表示されればフィールドが編集可能であるとわかります。デフォルトでは、ほとんどのコンポーネントは読み取り専用として設定されます。
コンポーネント
説明
メタデータフォームとメタデータテキストフィールド
アセットにメタデータを追加し、そのアセットに対して送信などのアクションを実行できるようにします。
サブアセット
サブアセットをカスタマイズできるようにします。
タグ
ユーザーがタグを選択してアセットに追加できるようにします。
サムネール
アセットのサムネールとファイル名を表示し、代替テキストを追加できるようにします。ここでは、アセットエディターのアクションを追加することもできます。
タイトル
アセットのタイトルを表示します。このタイトルはカスタマイズ可能です。

メタデータフォームとテキストフィールド - メタデータの表示コンポーネントの設定

メタデータフォームは、開始アクションと終了アクションを含むフォームです。その間には、 テキスト ​フィールドを入力します。フォームの操作について詳しくは、 フォーム を参照してください。
  1. Create a start action by clicking Edit in the Start area of the form. 必要に応じて、「ボックスタイトル」にボックスタイトルを入力できます。デフォルトでは、ボックスタイトルは「 メタデータ 」です。生成された Java スクリプトクライアントコードを検証する場合は、「クライアントの検証」チェックボックスをオンにします。
  1. Create an End action by clicking Edit in the End area of the form. 例えば、ユーザーがメタデータの変更内容を送信できる「 送信 」ボタンを作成できます。また、オプションとして、メタデータを元の状態にリセットする「 リセット 」ボタンを追加できます。
  1. In between the Form Start and the Form End , drag Metadata Text Fields to the form. ユーザーはこれらのテキストフィールドにメタデータを入力し、このメタデータを送信するか、他のアクションを実行することができます。
  2. Double-click the field name, for example, Title to open the metadata field and make changes. コンポーネントを編集 ​ウィンドウの「 一般 」タブで、名前空間、フィールドラベル、型( dc:title など)を定義します。
See Customizing and Extending Assets for information on modifying the namespaces available in the metadata form.
  1. Click the Constraints tab. ここで、フィールドを必須にするかどうかを選択し、必要に応じて制約を追加できます。
  1. Click the Display tab. ここで、メタデータフィールドの列の新しい幅と列数を入力できます。「 フィールドは読み取り専用です 」チェックボックスをオフにすると、ユーザーがメタデータを編集できるようになります。
次に、様々なフィールドを持つメタデータフォームの例を示します。
アセットエディターページでは、ユーザーはこの後メタデータフィールドに値を入力し(フィールドが編集可能な場合)、終了アクション(変更内容の送信など)を実行することができます。

サブアセット

サブアセットコンポーネントでは、サブアセットの表示と選択をおこなうことができます。 メインアセット とサブアセットの下に表示される名前を指定できます。
サブアセットコンポーネントをダブルクリックし、サブアセットダイアログを開きます。このダイアログで、メインアセットや任意のサブアセットのタイトルを変更できます。デフォルト値は、対応するフィールドの下に表示されます。
次に、設定済みのサブアセットコンポーネントの例を示します。
例えば、あるサブアセットを選択すると、コンポーネントに適切なページが表示され、ボックスタイトルがサブアセットから兄弟アセットに変更されます。

タグ

タグコンポーネントは、ユーザーがアセットに既存のタグを割り当てることのできるコンポーネントです。タグは後で構成や取得に役に立ちます。ユーザーがタグを追加できず、参照のみできるように、このコンポーネントを読み取り専用にできます。
タグコンポーネントをダブルクリックしてタグダイアログを開きます。このダイアログで、必要に応じてタグのタイトルを変更し、割り当て済みの名前空間を選択することができます。To make this field editable, clear the Hide Edit check box. デフォルトでは、タグは編集可能です。
ユーザーがタグを編集できる場合は、鉛筆アイコンをクリックし、「Tags」ドロップダウンメニューからタグを選択して、タグを追加できます。
次に、設定済みのタグコンポーネントを示します。

サムネール

サムネールコンポーネントでは、選択したサムネールがアセットで表示されます(多くの形式でサムネールは自動的に抽出されます)。さらに、コンポーネントではファイル名と、 変更可能なアクション が表示されます。
サムネールコンポーネントをダブルクリックすると、サムネールダイアログが開きます。このダイアログで、代替テキストを変更できます。デフォルトでは、サムネールの代替テキストは、「 Click to download asset 」です。
次に、設定済みのサムネールコンポーネントの例を示します。

タイトル

タイトルコンポーネントでは、アセットのタイトルと説明が表示されます。
デフォルトでは、タイトルは読み取り専用であり、ユーザーは編集できません。編集可能にするには、コンポーネントをダブルクリックし、「 編集ボタンを非表示にする 」チェックボックスをオフにします。さらに、複数のアセットのタイトルを入力します。
タイトルが編集可能な場合、鉛筆アイコンをクリックして​ アセットのプロパティ ​ウィンドウを開いて、タイトルと説明を追加できます。さらに、日時を選択してアセットのオンとオフを切り替えることができます。
ユーザーが鉛筆アイコンをクリックしてタイトルを編集する場合、「 タイトル 」と「 説明 」を変更し、アセットをオンまたはオフにする「 オンタイム 」と「 オフタイム 」を入力することができます。
次に、設定済みのタイトルコンポーネントの例を示します。

ア追加セットエディタのアクション

定義済みの一部のアクションから、選択したデジタルアセットに対してユーザーが実行できるアクションを決定できます。
アセットエディターページにアクションを追加するには:
  1. In the Asset Editor page that you want to customize, click Asset Editor in the sidekick.
次のアクションが使用可能です。
アクション
説明
ダウンロード
ユーザーが選択したアセットをコンピューターにダウンロードできるようにします。
エディター
ユーザーが画像を編集できるようにします(インタラクティブ編集)。
Lightbox
アセットを「Lightbox」に保存します。Lightbox では、保存されたアセットに対して他のアクションを実行できます。これは、複数のページにまたがるアセットを操作する場合に便利です。
ロック
ユーザーがアセットをロックできるようにします。この機能はデフォルトでは有効ではなく、コンポーネントのリスト内で有効にする必要があります。
参照
クリックすると、アセットで現在使用されているページが表示されます。
バージョン管理
アセットのバージョンの作成と復元が可能です。
  1. Drag the appropriate action to the Actions area on the page. これによって、そのアクションを実行するボタンが作成されます。

Multi-edit 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 各アセット。
    To select a range of assets: click the first asset then Shift + click the last asset.
  3. Actions 」フィールド(ページの左側)の「 Edit Metadata 」をクリックします。
  4. Geometrixx Press Center Asset Editor ページが新しいタブで開きます。アセットのメタデータが以下のように表示されます。
    • すべてのアセットではなく一部のアセットにのみ適用されるタグは、斜体で表示されます。
    • すべてのアセットに適用されるタグは、通常のフォントで表示されます。
    • タグ以外のメタデータ:フィールドの値は、選択されたすべてのアセットで同じ場合にのみ表示されます。
  5. Download 」をクリックして、アセットの元のレンダリングを含む zip ファイルをダウンロードします。
  6. Tags 」フィールドの横にある鉛筆アイコンをクリックして、タグを編集します。
    • すべてのアセットではなく一部のアセットにのみ適用されるタグは、グレーの背景になります。
    • すべてのアセットに適用されるタグは白の背景になります。
    以下の操作を実行できます。
    • x 」アイコンをクリックして、すべてのアセットのタグを削除します。
    • + 」アイコンをクリックして、すべてのアセットにタグを追加します。
    • 矢印 ​をクリックしてタグを選択し、すべてのアセットに新しいタグを追加します。
    OK 」をクリックして、変更内容をフォームに書き込みます。「 Tags 」フィールドの横にあるチェックボックスが自動的にオンになります。
  7. 「説明」フィールドを編集します。 例えば、次の値に設定します。
    This is a common description
    フィールドを編集すると、フォームの送信時に、選択したアセットの既存の値が編集した値によって上書きされます。
    注意:フィールドを編集すると、フィールドの横にあるチェックボックスが自動的にオンになります。
  8. Update Metadata 」をクリックしてフォームを送信し、すべてのアセットの変更内容を保存します。
    注意: チェック済みのメタデータのみが変更されます。