コンテンツフラグメントを使用したページのオーサリング

注意

一部のコンテンツフラグメント機能では、AEM 6.4 Service Pack 2 (6.4.2.0)以降のアプリケーションが必要です。

Adobe Experience Manager(AEM)のコンテンツフラグメントは、ページに依存しないアセットとして作成および管理されます。

これによりチャネルに依存しないコンテンツを、様々なバリエーション(チャネル固有)で作成できます。その後、コンテンツページをオーサリングする際に、これらのフラグメントとそれらのバリエーションを使用できます。

更新された JSON エクスポーターと共に構造化コンテンツフラグメントを使用して、AEM コンテンツをコンテンツサービス経由で AEM ページ以外のチャネルに配信することもできます。

メモ

コンテンツフラグメント​と​**エクスペリエンスフラグメント**​は、AEM 内の異なる機能です。

  • コンテンツフラグメント​は、主にテキストや関連画像などの編集コンテンツです。これは、デザインやレイアウトを含まない純粋なコンテンツです。
  • エクスペリエンスフラグメント​は完全にレイアウトされたコンテンツであり、Web ページのフラグメントです。

エクスペリエンスフラグメントには、コンテンツフラグメントの形式でコンテンツを含めることができますが、その逆はできません。

注意

このページは、基本的な用語および概念をフラグメントの作成および管理と共に紹介しているコンテンツフラグメントの操作(および関連ページ)と併せて読む必要があります。

コンテンツフラグメントでは、次のアクションを実行できます。

  • マーケティングおよびキャンペーン戦略

    • 集中管理されたコンテンツフラグメントでコンテンツをレビューします。
  • クリエイティブプロフェッショナル

    • コンテンツフラグメントに関連付けられたコレクションを介してクリエイティブアセットを追跡します。
  • コピーライター

    • AEM コンテンツフラグメントエディターで書き込みます。
    • コンテンツのバリエーションを作成できます。
    • 関連性の高いコンテンツをコンテンツフラグメントと関連付けることができます。
    • バージョン管理やワークフローを使用できます。
    • コンテンツフラグメントを共有できます。
    • 翻訳を集中管理できます。
  • プロデューサーおよびジャーニー管理者

    • AEM のオーサリングで事前定義されたフラグメントとバリエーションから選択します。
    • コピーライターやクリエイティブが集中管理されたフラグメントやアセットを更新できるので、フラグメントと連携し関連付けられたコンテンツが常に最新の状態に維持されます。
    • 適切にキュレーションされた関連メディアコンテンツと連携できます。
    • アドホックコンテンツのバリエーションをフラグメント内で集中管理したまま、それらのバリエーションをその場で作成できます。

ページへのコンテンツフラグメントの追加

  1. 編集するページを開きます。

  2. コンテンツフラグメント​コンポーネントを、コンポーネント​ブラウザーまたは「新規コンポーネントを挿入」のいずれかから開きます。

  3. 次のいずれかを実行できます。

    • Assets ブラウザーを開いて、コンテンツフラグメント​をフィルタリングします(デフォルトは画像)。次に、必要なフラグメントをコンポーネントインスタンスにドラッグします。
    • コンテンツフラグメントコンポーネントを選択して、ツールバーの「設定」を選択します。ダイアログで、選択ダイアログを開き、必要な​コンテンツフラグメント​を参照して選択できます。
    メモ

    特定のコンテンツフラグメントをページに直接ドラッグすることもできます。これにより、関連コンポーネントが自動的に作成されます(コンテンツフラグメント)。

  4. 最初に、メイン​要素および​マスター(バリエーション)からのコンテンツが表示されます。必要に応じて、他のエレメントやバリエーションを選択できます。

    cfm-6420-01

    メモ

    その他の編集機能について詳しくは、次を参照してください。

要素またはバリエーションの選択

フラグメントの​設定​ダイアログを開き、フラグメントを現在のページで使用するように設定します。ダイアログは、使用されるコンポーネントによって異なる場合があります。

適切な設定ダイアログで、以下をはじめとする使用可能なパラメーターを選択できます。

  • コンテンツフラグメント

    使用するフラグメントを指定します。

  • ディスプレイモード

    • 単一のテキスト要素
    • 複数の要素
  • エレメント

    • デフォルトの「メイン」は常に利用できます。
    • フラグメントが適切なテンプレートで作成されている場合に選択できます。
    メモ

    使用できるエレメントは、使用するテンプレートによって異なります。

  • バリエーション

    • デフォルトの「マスター」は常に利用できます。
    • フラグメントにバリエーションが作成されている場合に選択できます。
  • 段落:含める段落の範囲を次の中から指定します。

    • すべて

    • 範囲:例えば、13-59-* のように指定します。

      • 見出しを独自の段落として処理
  • 見出しを独自の段落として処理

フラグメントエディターへのクイック接続

コンポーネントツールバーの​編集​アイコンを使用して、フラグメントのソースを開いて(アセットを)編集できます。この機能により、コンテンツフラグメントを編集および管理できます

注意

フラグメントソースの編集は、そのコンテンツフラグメントを参照するすべてのページに影響します。

中間コンテンツの追加

特定のコンテンツフラグメントをページに追加すると、フラグメントの各 HTML 段落間(および上部/下部)に​コンポーネントをここにドラッグ​プレースホルダーが表示されます。

これにより、ルートフラグメントを変更することなく、フラグメントコンテンツの中間(中間コンテンツ)(の利用可能な任意のポイント)にコンテンツを追加できます。

中間コンテンツでは、次のことができます。

注意

中間コンテンツは、ページコンテンツです。中間コンテンツはコンテンツフラグメントに保存されません。

cfm-6420-02

メモ

フラグメント自体にビジュアルアセット(画像)を挿入することもできます。

フラグメント自体に挿入されたビジュアルアセットは、フラグメントの前の段落に配置されます。つまり、ビジュアルアセットと前の段落の間に中間コンテンツを配置することはできません。

注意

ページのコンテンツフラグメントに中間コンテンツを追加した後に、基になるコンテンツフラグメントの構造をコンテンツフラグメントエディターなどで変更すると、エラーや予期しない結果を引き起こすおそれがあります。

これが発生した場合、中間コンテンツはそのまま維持されます。

  • 中間コンポーネントは、フラグメントフローのコンポーネントのシーケンス内に絶対位置を持ちます。この位置は、フラグメント内の段落のコンテンツが変更されても変更されません。
    中間段落は隣に位置する(フラグメント)段落とコンテキスト関係を持たないので、これにより、相対位置が変更したかのように見せることができます。
  • 2 つの段落構造が競合する場合を除きます。競合する場合、中間コンテンツは(内部的には存在していますが)表示されません。

関連コンテンツの使用

コンテンツフラグメントコンテンツを関連付けた場合、これらのアセットは(フラグメントをコンテンツページに配置した後に)サイドパネルから使用できます。関連コンテンツは、事実上、中間コンテンツ用のコンテンツの特別なソースです。

メモ

ビジュアルアセット(画像など)をフラグメントやページに追加するには、様々な方法があります。

メモ

1 つのページに複数のコンテンツフラグメントがある場合、「関連コンテンツ」タブにすべてのフラグメントに適切なアセットが表示されます。

コンテンツが関連付けられたフラグメントをページに追加すると、新しいタブ(「関連コンテンツ」)がサイドパネルに開きます。

ここから、アセットを必要な場所(既存の位置または適切なコンポーネントが作成される必要がある位置)にドラッグできます。

cfm-6420-03

フラグメントに挿入されたアセット

アセット(画像など)がフラグメント自体に挿入されている場合、ページエディターでこれらのアセットを編集するためのオプションは制限されます。

例えば、画像の場合、次のことができます。

  • 画像の切り抜き、回転または反転
  • タイトルまたは代替テキストの追加
  • サイズの指定
  • レイアウトの設定

移動、コピー、削除などの他の変更は、フラグメントエディターでおこなう必要があります。

公開

フラグメントを公開済みの Web ページで使用するには、フラグメントを公開する必要があります。

  • フラグメントは、フラグメントを Assets コンソールで作成した後に公開できます。
  • 公開されるページに​非公開のフラグメント​が使用されると、そのタイミングでフラグメントも公開できます。

このページ

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