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

このドキュメントは次の内容について説明します。

  • カスタマイズされたアセットエディターページを作成する理由。
  • アセットエディターページ(メタデータの表示と編集、およびアセットに対するアクションの実行に使用する WCM ページ)の作成とカスタマイズの方法
  • 複数のアセットを同時に編集する方法
メモ

アセット共有は、オープンソースの参照実装として使用できます。Asset Share Commons を参照してください。アセット共有は正式にはサポートされていません。

アセットエディタページを作成して設定する理由

デジタルアセット管理は、ますます広く使用されるようになっています。専門的な知識を持つユーザー(写真家、分類学者など)の小規模なユーザーグループから、ビジネスユーザー、WCM作成者、ジャーナリストなど、より多様なユーザーグループに移行する場合、特定のユーザーインターフェイスや関係者開始を提供しすぎる。Adobe Experience Manager Assets

アセット中心のアプリケーションは、社員が展示会の訪問や公共のWebサイトの報道機関から写真をアップロードできる、イントラネット内の単純なフォトギャラリーです。アセット中心のアプリケーションは、買い物かご、チェックアウト、検証プロセスなどの完全なソリューションにも拡張できます。

アセット中心型アプリケーションの作成の大部分は、コーディングを必要としない設定プロセスとなります。ここでは、ユーザーグループとそのニーズ、使用されるメタデータに関する知識のみが必要となります。Assetsで作成されたアセット中心のアプリケーションは拡張可能です。を適度にコーディングすると、アセットの検索、表示、変更を行うための再利用可能なコンポーネントを作成できます。

Experience Managerのアセット中心アプリケーションは、アセットエディタページで構成されます。このページは、特定のアセットの詳細な表示を取得するのに使用できます。 アセットエディターページでは、アセットにアクセスするユーザーが必要な権限を持っていれば、メタデータの編集も可能です。

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

アセットエディターをカスタマイズして、ユーザーによるデジタルアセットの表示および編集方法を指定します。これをおこなうには、新規のアセットエディターページを作成してから、ユーザーがページに対して実行できる表示とアクションをカスタマイズします。

メモ

DAMアセットエディターにカスタムフィールドを追加する場合は、新しいcq:Widgetノードを/apps/dam/content/asseteditors.に追加します

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

アセットエディターページを作成する場合に、アセット共有ページのすぐ下にページを作成することをお勧めします。

アセットエディターページを作成するには:

  1. Web サイト」タブで、アセットエディターページを作成する場所に移動し、「新規」をクリックします。
  2. Geometrixx アセットエディター」を選択し、「作成」をクリックします。新しいページが作成され、ページが「Web サイト」タブに表示されます。

screen_shot_2012-04-23at15858pm

Geometrixx アセットエディターテンプレートを使用して作成された基本ページは次のイメージのようになります。

assetshare5

アセットエディタページをカスタマイズするには、サイドキックの要素を使用します。Geometrixxプレスセンター​からアクセスされるアセットエディタページは、次のテンプレートに基づくページのカスタマイズ版です。

assetshare6

アセットエディタをアセット共有ページから開くように設定する

カスタムのアセットエディターページを作成したら、アセット(作成したカスタムのアセット共有)をダブルクリックすると、カスタマイムのエディターページでアセットが開くことを確認する必要があります。

アセットエディターページを設定するには:

  1. アセット共有ページで、QueryBuilder の隣にある「編集」をクリックします。

screen_shot_2012-04-23at20123pm

  1. 一般」タブが選択されていない場合はクリックします。

  2. アセットエディターのパス」フィールドに、アセットを開くアセットエディターのパスを入力し、「OK」をクリックします。

screen_shot_2012-04-23at21653pm

追加アセットエディタコンポーネント

アセットエディターに含める機能を指定するには、ページにコンポーネントを追加します。

アセットエディターコンポーネントを追加するには:

  1. カスタマイズするアセットエディターページで、サイドキックの「アセットエディター」を選択します。使用可能なすべてのアセットエディターコンポーネントが表示されます。
メモ

何をカスタマイズできるかは、使用可能なコンポーネントによって異なります。コンポーネントを有効にするには、デザインモードに移動し、有効にする必要のあるコンポーネントを選択します。

  1. コンポーネントをサイドキックからアセットエディタにドラッグし、コンポーネントダイアログで変更を行います。 コンポーネントについて、次の表およびその下の詳細説明で説明します。
メモ

アセットエディターページのデザイン時に、読み取り専用、編集可能のいずれかのコンポーネントを作成します。ユーザーは、そのコンポーネント内に鉛筆の画像が表示されればフィールドが編集可能であるとわかります。デフォルトでは、ほとんどのコンポーネントは読み取り専用として設定されます。

コンポーネント 説明
メタデータ フォームと メタデータテキストフィールド アセットにメタデータを追加し、そのアセットに対して送信などのアクションを実行できるようにします。
サブアセット サブアセットをカスタマイズできるようにします。
タグ ユーザーがタグを選択してアセットに追加できるようにします。
サムネール アセットのサムネールとファイル名を表示し、代替テキストを追加できるようにします。ここでは、アセットエディターのアクションを追加することもできます。
タイトル アセットのタイトルを表示します。このタイトルはカスタマイズ可能です。

screen_shot_2012-04-23at22743pm

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

メタデータフォームは、開始アクションと終了アクションを含むフォームです。その間には、テキスト​フィールドを入力します。フォームの操作について詳しくは、フォームを参照してください。

  1. フォームの開始領域で「編集」をクリックして、開始アクションを作成します。 必要に応じて、「ボックスタイトル」にボックスタイトルを入力できます。デフォルトでは、ボックスタイトルは「メタデータ」です。生成された Java スクリプトクライアントコードを検証する場合は、「クライアントの検証」チェックボックスをオンにします。

screen_shot_2012-04-23at22911pm

  1. フォームの「End」領域で「Edit」をクリックして、Endアクションを作成します。 例えば、ユーザーがメタデータの変更を送信できるように、「送信」オプションを作成できます。 必要に応じて、メタデータを元の状態にリセットする​リセット​オプションを追加できます。

screen_shot_2012-04-23at23138pm

  1. フォーム開始​と​フォームの終わり​の間で、メタデータテキストフィールドをフォームにドラッグします。 ユーザーはこれらのテキストフィールドにメタデータを入力し、このメタデータを送信するか、他のアクションを実行することができます。

  2. フィールド名(例:タイトル)を重複がクリックすると、メタデータフィールドが開き、変更が行われます。 コンポーネントを編集​ウィンドウの「一般」タブで、名前空間、フィールドラベル、型(dc:title など)を定義します。

screen_shot_2012-04-23at23305pm

メタデータフォームで使用可能な名前空間の変更については、「アセットのカスタマイズと拡張」を参照してください。

  1. 制約」タブをクリックします。 ここで、フィールドを必須にするかどうかを選択し、必要に応じて制約を追加できます。

screen_shot_2012-04-23at23435pm

  1. 表示」タブをクリックします。 ここで、メタデータフィールドの列の新しい幅と列数を入力できます。「フィールドは読み取り専用です」チェックボックスをオフにすると、ユーザーがメタデータを編集できるようになります。

screen_shot_2012-04-23at23446pm

次に、様々なフィールドを持つメタデータフォームの例を示します。

メタデータ

アセットエディターページでは、ユーザーはこの後メタデータフィールドに値を入力し(フィールドが編集可能な場合)、終了アクション(変更内容の送信など)を実行することができます。

サブアセット

サブアセットコンポーネントでは、サブアセットの表示と選択をおこなうことができます。メインアセットとサブアセットの下に表示される名前を指定できます。

サブアセットコンポーネントをダブルクリックし、サブアセットダイアログを開きます。このダイアログで、メインアセットや任意のサブアセットのタイトルを変更できます。デフォルト値は、対応するフィールドの下に表示されます。

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

ユーザーがタグを編集できる場合は、鉛筆アイコンをクリックし、「Tags」ドロップダウンメニューからタグを選択して、タグを追加できます。

screen_shot_2012-04-23at25150pm

次に、設定済みのタグコンポーネントを示します。

screen_shot_2012-04-23at25244pm

サムネール

サムネールコンポーネントでは、選択したサムネールがアセットで表示されます(多くの形式でサムネールは自動的に抽出されます)。さらに、コンポーネントではファイル名と、変更可能なアクションが表示されます。

screen_shot_2012-04-23at25452pm

サムネールコンポーネントをダブルクリックすると、サムネールダイアログが開きます。このダイアログで、代替テキストを変更できます。デフォルトでは、サムネールの代替テキストは、「Click to download asset」です。

screen_shot_2012-04-23at25604pm

次に、設定済みのサムネールコンポーネントの例を示します。

screen_shot_2012-04-23at34815pm

タイトル

タイトルコンポーネントでは、アセットのタイトルと説明が表示されます。

デフォルトでは、タイトルは読み取り専用であり、ユーザーは編集できません。編集可能にするには、コンポーネントをダブルクリックし、「編集ボタンを非表示にする」チェックボックスをオフにします。さらに、複数のアセットのタイトルを入力します。

screen_shot_2012-04-23at35100pm

タイトルが編集可能な場合、鉛筆アイコンをクリックして​アセットのプロパティ​ウィンドウを開いて、タイトルと説明を追加できます。さらに、日時を選択してアセットのオンとオフを切り替えることができます。

タイトルを編集する場合、ユーザーは​タイトル説明​を変更し、オン​と​オフタイム​を入力して、アセットのオン/オフを切り替えることができます。

screen_shot_2012-04-23at35241pm

次に、設定済みのタイトルコンポーネントの例を示します。

chlimage_1-164

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

定義済みの一部のアクションから、選択したデジタルアセットに対してユーザーが実行できるアクションを決定できます。

アセットエディターページにアクションを追加するには:

  1. カスタマイズするアセットエディタページで、サイドキックの​アセットエディタ​をクリックします。

screen_shot_2012-04-23at35515pm

次のアクションが使用可能です。

アクション 説明
ダウンロード ユーザーが選択したアセットをコンピューターにダウンロードできるようにします。
エディター ユーザーが画像を編集できるようにします(インタラクティブ編集)。
Lightbox アセットを「Lightbox」に保存します。Lightbox では、保存されたアセットに対して他のアクションを実行できます。これは、複数のページにまたがるアセットを操作する場合に便利です。
ロック ユーザーがアセットをロックできるようにします。この機能はデフォルトでは有効ではなく、コンポーネントのリスト内で有効にする必要があります。
参照 クリックすると、アセットで現在使用されているページが表示されます。
バージョン管理 アセットのバージョンの作成と復元が可能です。
  1. 適切なアクションをページの​アクション​領域にドラッグします。 ページ上にドラッグされたアクションを実行するためのオプションを作成します。

chlimage_1-165

アセットエディタページでのアセットのマルチ編集

Experience Manager Assetsを使うと、複数のアセットを一度に変更できます。 アセットを選択した後、それらのアセットの次の情報を同時に変更できます。

  • タグ
  • メタデータ

アセットエディターページを使用してアセットをマルチ編集するには:

  1. Geometrixx Press Center ページを開きます。
    https://localhost:4502/content/geometrixx/en/company/press.html

  2. アセットを選択します。

    • Windowsの場合:Ctrl + click個々のアセット。
    • Macの場合:Cmd + click個々のアセット。

    アセットの範囲を選択するには:最初のアセットをクリックし、最後のアセットをShift + clickクリックします。

  3. Actions」フィールド(ページの左側)の「Edit Metadata」をクリックします。

  4. Geometrixx Press Center Asset Editor ページが新しいタブで開きます。アセットのメタデータが以下のように表示されます。

    • すべてのアセットではなく一部のアセットにのみ適用されるタグは、斜体で表示されます。
    • すべてのアセットに適用されるタグは、通常のフォントで表示されます。
    • タグ以外のメタデータ:フィールドの値は、選択されたすべてのアセットで同じ場合にのみ表示されます。
  5. ダウンロード」をクリックして、元のレンディションを含むZIPファイルをダウンロードします。

  6. タグ」フィールドの横にある「タグ」オプションをクリックします。

    • すべてのアセットではなく一部のアセットにのみ適用されるタグは、グレーの背景になります。
    • すべてのアセットに適用されるタグは白の背景になります。

    以下の操作を実行できます。

    • xをクリックして、すべてのアセットのタグを削除します。
    • +をクリックして、タグをすべてのアセットに追加します。
    • 矢印​をクリックしてタグを選択し、すべてのアセットに新しいタグを追加します。

    OK」をクリックして、変更内容をフォームに書き込みます。「Tags」フィールドの横にあるチェックボックスが自動的にオンになります。

  7. 「説明」フィールドを編集します。例えば、次の値に設定します。

    This is a common description

    フィールドを編集すると、フォームの送信時に、選択したアセットの既存の値が編集した値によって上書きされます。

    注意:フィールドを編集すると、フィールドの横にあるチェックボックスが自動的にオンになります。

  8. Update Metadata」をクリックしてフォームを送信し、すべてのアセットの変更内容を保存します。

    注意:チェック済みのメタデータのみが変更されます。

このページ

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