アセットエディターページの作成と設定 creating-and-configuring-asset-editor-pages
このドキュメントでは次の内容について説明します。
- カスタマイズされたアセットエディターページを作成する理由
- アセットエディターページ(メタデータの表示と編集、およびアセットに対するアクションの実行に使用する WCM ページ)の作成とカスタマイズの方法
- 複数のアセットを同時に編集する方法
アセットエディターページを作成および設定する理由 why-create-and-configure-asset-editor-pages
デジタルアセット管理は、ますます広く使用されるようになっています。専門的な教育を受けた小規模なユーザーグループ、例えば写真家や分類学者など向けの小規模なソリューションから、大規模で多様なユーザーグループ、例えばビジネスユーザー、WCM 作成者、ジャーナリストなどに移行する場合、専門的なユーザー向けの Adobe Experience Manager Assets の強力なユーザーインターフェイスでは、利用できる情報が多すぎて不便が生じることがあります。関係者は自分に関係のあるデジタルアセットにアクセスできる、目的に特化したユーザーインターフェイスやアプリケーションを求めるようになります。
そのようなアセット中心型アプリケーションの例としては、従業員が展示会の参加時の写真をアップロードできるイントラネット内のシンプルな写真ギャラリーや、公開 web サイトでのプレスセンターなどが考えられます。アセット中心型アプリケーションは、買い物かご、チェックアウト、検証プロセスを含む完全なソリューションに拡張することもできます。
アセット中心型アプリケーションの作成は、コーディングを必要としない設定プロセスとなります。ここでは、ユーザーグループとそのニーズ、使用されるメタデータに関する知識のみが必要となります。Assets で作成されたアセット中心型アプリケーションは拡張可能です。適度なコーディング作業によって、アセットの検索、表示、変更のための再利用可能なコンポーネントを作成できます。
Experience Manager のアセット中心型アプリケーションはアセットエディターページで構成されており、特定アセットの詳細を表示するために使用できます。アセットエディターページでは、アセットにアクセスするユーザーが必要な権限を持っていれば、メタデータの編集も可能です。
アセットエディターページの作成と設定 creating-and-configuring-an-asset-editor-page
アセットエディターをカスタマイズして、ユーザーによるデジタルアセットの表示および編集方法を指定できます。これを行うには、アセットエディターページを作成してから、ユーザーがページに対して実行できる表示とアクションをカスタマイズします。
/apps/dam/content/asseteditors.
に新しい cq:Widget
ノードを追加します。アセットエディターページを作成する creating-the-asset-editor-page
アセットエディターページを作成する場合は、アセット共有ページのすぐ下にページを作成することをお勧めします。
アセットエディターページを作成するには:
- 「Web サイト」タブで、アセットエディターページを作成する場所に移動し、「新規」をクリックします。
- 「Geometrixx アセットエディター」を選択し、「作成」をクリックします。新しいページが作成され、ページが「Web サイト」タブに表示されます。
Geometrixx アセットエディターテンプレートを使用して作成された基本ページは次のイメージのようになります。
アセットエディターページをカスタマイズするには、サイドキックの要素を使用します。Geometrixx Press Center からアクセスするアセットエディターページは、このテンプレートに基づいたページのカスタマイズバージョンです。
アセット共有ページから開くようにアセットエディターを設定する setting-which-asset-editor-opens-from-an-asset-share-page
カスタマイズされたアセットエディターページを作成した後は、アセットをダブルクリックすると、作成したカスタマイズされたアセット共有で、カスタマイズされたエディターページのアセットが開かれることを確認してください。
アセットエディターページを設定するには:
- アセット共有ページで、QueryBuilder の隣にある「編集」をクリックします。
-
「一般」タブが選択されていない場合は、クリックします。
-
アセットエディターのパス フィールドで、アセット共有ページでアセットを開くためのアセットエディターへのパスを入力して、「OK」をクリックします。
アセットエディターコンポーネントを追加する adding-asset-editor-components
アセットエディターに含める機能を指定するには、ページにコンポーネントを追加します。
アセットエディターコンポーネントを追加するには:
- カスタマイズするアセットエディターページで、サイドキックの「アセットエディター」を選択します。使用可能なすべてのアセットエディターコンポーネントが表示されます。
- サイドキックからアセットエディターにコンポーネントをドラッグし、コンポーネントダイアログボックスで編集を行います。コンポーネントについては次の表で説明し、その後の詳細な手順で説明します。
メタデータフォームとテキストフィールド — メタデータコンポーネントの表示設定 metadata-form-and-text-field-configuring-the-view-metadata-component
メタデータフォームは、開始アクションと終了アクションを含むフォームです。その間に、「テキスト」フィールドに入力します。フォームの操作について詳しくは、Forms を参照してください。
- フォームの開始領域の「編集」をクリックして、開始アクションを作成します。必要に応じて、ボックスのタイトルを入力できます。デフォルトでは、ボックスタイトルは「メタデータ」です。検証用の JavaScript クライアントコードを生成する場合は、「クライアントの検証」チェックボックスを選択します。
- フォームの終了領域の「編集」をクリックして、終了アクションを作成します。例えば、ユーザーがメタデータの変更内容を送信できる「送信」ボタンを作成できます。オプションとして、メタデータを元の状態にリセットできる「リセット」ボタンを追加できます。
-
フォームの「フォーム開始」と「フォーム終了」の間に、メタデータテキストフィールドをドラッグします。ユーザーはこれらのテキストフィールドにメタデータを入力し、このメタデータを送信するか、他のアクションを実行することができます。
-
「タイトル」などのフィールド名をダブルクリックし、メタデータフィールドを開いて変更を行います。コンポーネントを編集 ウィンドウの「一般」タブで、名前空間、フィールドラベル、型(
dc:title
など)を定義します。
メタデータフォームで使用可能な名前空間の変更について詳しくは、Assets のカスタマイズと拡張を参照してください。
- 「制約」タブをクリックします。ここで、フィールドを必須にするかどうかを選択し、必要に応じて制約を追加できます。
- 「表示」タブをクリックします。ここで、メタデータフィールドの新しい幅と行数を入力できます。フィールドは読み取り専用です チェックボックスをオンにして、ユーザーがメタデータを編集できるようにします。
次に、様々なフィールドを持つメタデータフォームの例を示します。
アセットエディターページでは、ユーザーはこの後メタデータフィールドに値を入力し(フィールドが編集可能な場合)、終了アクション(変更内容の送信など)を実行することができます。
サブアセット sub-assets
サブアセットコンポーネントでは、サブアセットの表示と選択を行うことができます。メインアセットとサブアセットの下に表示される名前を指定できます。
サブアセットコンポーネントをダブルクリックして、サブアセットダイアログボックスを開き、メインアセットと任意のサブアセットのタイトルを変更できます。デフォルト値は、対応するフィールドの下に表示されます。
次に、設定済みのサブアセットコンポーネントの例を示します。
例えば、あるサブアセットを選択すると、コンポーネントに適切なページが表示され、ボックスタイトルがサブアセットから兄弟アセットに変更されます。
タグ tags
タグコンポーネントは、ユーザーがアセットに既存のタグを割り当てることのできるコンポーネントです。タグは後で整理や取得に役に立ちます。ユーザーがタグを追加できず、参照のみできるように、このコンポーネントを読み取り専用にできます。
タグコンポーネントをダブルクリックしてタグダイアログボックスを開きます。このダイアログボックスで、必要に応じてタグのタイトルを変更し、割り当て済みの名前空間を選択することができます。このフィールドを編集可能にするには、「編集ボタンを非表示にする」チェックボックスをオフにします。デフォルトでは、タグは編集可能です。
ユーザーがタグを編集できる場合は、鉛筆アイコンをクリックし、「Tags」ドロップダウンメニューからタグを選択して、タグを追加できます。
次に、設定済みのタグコンポーネントを示します。
サムネール thumbnail
サムネールコンポーネントでは、選択したサムネールがアセットで表示されます(多くの形式でサムネールは自動的に抽出されます)。さらに、コンポーネントではファイル名と、変更可能なアクションが表示されます。
サムネールコンポーネントをダブルクリックすると、サムネールダイアログが開きます。このダイアログで、代替テキストを変更できます。デフォルトでは、サムネールの代替テキストは、「Click to download asset」です。
次に、設定済みのサムネールコンポーネントの例を示します。
タイトル title
タイトルコンポーネントには、アセットのタイトルと説明が表示されます。
デフォルトでは、タイトルは読み取り専用であり、ユーザーは編集できません。編集可能にするには、コンポーネントをダブルクリックし、「編集ボタンを非表示にする」チェックボックスをオフにします。さらに、複数のアセットのタイトルを入力します。
タイトルが編集可能な場合、鉛筆アイコンをクリックして アセットのプロパティ ウィンドウを開いて、タイトルと説明を追加できます。さらに、日時を選択してアセットのオンとオフを切り替えることができます。
タイトル を編集する際に、ユーザーは タイトル と 説明 を変更し、アセットのオンとオフを切り替える オンタイム と オフタイム を入力することができます。
次に、設定済みのタイトルコンポーネントの例を示します。
アセットエディターのアクションを追加 adding-asset-editor-actions
選択したデジタルアセットに対してユーザーが実行できるアクションを、事前定義済みアクションの選択範囲で指定できます。
アセットエディターページにアクションを追加するには:
- カスタマイズするアセットエディターページで、サイドキックの「アセットエディター」をクリックします。
次のアクションが使用可能です。
- ページの アクション 領域に適切なアクションをドラッグします。ページ上でドラッグされたアクションを実行するためのオプションが作成されます。
アセットエディターページを使用してアセットをマルチ編集する multi-editing-assets-with-the-asset-editor-page
Experience Manager Assets では複数のアセットを同時に変更できます。アセットを選択した後、タグとメタデータを同時に変更できます。
アセットエディターページを使用してアセットをマルチ編集するには、次の手順を実行します。
-
Geometrixx Press Center ページを開きます。
https://localhost:4502/content/geometrixx/en/company/press.html
-
アセットを選択します。
- Windows の場合:各アセットを
Ctrl + click
します。 - Mac:各アセットを
Cmd + click
します。
アセットの範囲を選択するには、最初のアセットをクリックしてから、最後のアセットを
Shift + click
します。 - Windows の場合:各アセットを
-
Actions フィールド(ページの左側)の「Edit Metadata」をクリックします。
-
Geometrixx Press Center Asset Editor ページが新しいタブで開きます。アセットのメタデータが以下のように表示されます。
- すべてのアセットではなく一部のアセットにのみ適用されるタグは、斜体で表示されます。
- すべてのアセットに適用されるタグは、通常フォントで表示されます。
- タグ以外のメタデータ:フィールドの値は、選択されたすべてのアセットで同じ場合にのみ表示されます。
-
「ダウンロード」をクリックして、アセットの元のレンディションを含む zip ファイルをダウンロードします。
-
「タグ」フィールドの横にある「タグを編集」オプションをクリックします。
- すべてのアセットではなく一部のアセットにのみ適用されるタグは、グレーの背景になります。
- すべてのアセットに適用されるタグは白の背景になります。
以下の操作を実行できます。
x
をクリックして、すべてのアセットのタグを削除します。+
をクリックして、すべてのアセットにタグを追加します。- 矢印 をクリックしてタグを選択し、すべてのアセットに新しいタグを追加します。
「OK」をクリックして、変更内容をフォームに書き込みます。Tags フィールドの横にあるチェックボックスが自動的にオンになります。
-
「Description」フィールドを編集します。例えば、以下のように設定します。
This is a common description
フィールドを編集すると、フォームの送信時に、選択したアセットの既存の値が編集した値によって上書きされます。
メモ:フィールドを編集すると、フィールドの横にあるチェックボックスが自動的にオンになります。
-
「Update Metadata」をクリックしてフォームを送信し、すべてのアセットの変更内容を保存します。
メモ:チェックボックスがオンのメタデータのみが変更されます。