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

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

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

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

メモ

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

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

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

注意

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

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

マーケティングおよびキャンペーン戦略
- 集中管理されたコンテンツフラグメントでコンテンツをレビューします。
クリエイティブプロフェッショナル
- コンテンツフラグメントに関連付けられたコレクションを介してクリエイティブアセットを追跡します。
コピーライター
- AEM コンテンツフラグメントエディターで書き込みます。
- コンテンツのバリエーションを作成できます。
- 関連性の高いコンテンツをコンテンツフラグメントと関連付けることができます。
- バージョン管理やワークフローを使用できます。
- コンテンツフラグメントを共有できます。
- 翻訳を集中管理できます。
プロデューサーおよびジャーニー管理者
- AEM のオーサリングで事前定義されたフラグメントとバリエーションから選択します。
- コピーライターやクリエイティブが集中管理されたフラグメントやアセットを更新できるので、フラグメントと連携し関連付けられたコンテンツが常に最新の状態に維持されます。
- 適切にキュレーションされた関連メディアコンテンツと連携できます。
- アドホックコンテンツのバリエーションをフラグメント内で集中管理したまま、それらのバリエーションをその場で作成できます。

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

編集するページを開きます。
コンテンツフラグメントコンポーネントを、コンポーネントブラウザーまたは「新規コンポーネントを挿入」のいずれかから開きます。
次のいずれかを実行できます。
- Assets ブラウザーを開いて、コンテンツフラグメントをフィルタリングします（デフォルトは画像）。次に、必要なフラグメントをコンポーネントインスタンスにドラッグします。
- コンテンツフラグメントコンポーネントを選択して、ツールバーの「設定」を選択します。ダイアログで、選択ダイアログを開き、必要なコンテンツフラグメントを参照して選択できます。
メモ

特定のコンテンツフラグメントをページに直接ドラッグすることもできます。これにより、関連コンポーネントが自動的に作成されます（コンテンツフラグメント）。
最初に、メイン要素およびマスター（バリエーション）からのコンテンツが表示されます。必要に応じて、他のエレメントやバリエーションを選択できます。
メモ
その他の編集機能について詳しくは、次を参照してください。
```
* [レスポンシブレイアウト](/docs/experience-manager-65/authoring/siteandpage/responsive-layout.html?lang=ja)
* [ページのコンテンツの編集](/docs/experience-manager-65/authoring/authoring/editing-content.html?lang=ja)
```

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

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

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

コンテンツフラグメント

使用するフラグメントを指定します。
ディスプレイモード：
- 単一のテキスト要素
- 複数の要素
要素
- デフォルトの「メイン」は常に利用できます。
- フラグメントが適切なテンプレートで作成されている場合に選択できます。
メモ

使用できるエレメントは、使用するテンプレートによって異なります。
バリエーション
- デフォルトの「マスター」は常に利用できます。
- フラグメントにバリエーションが作成されている場合に選択できます。
段落：含める段落の範囲を次の中から指定します。
- すべて
- 範囲：例えば、1、3-5、9-* のように指定します。
  - 見出しを独自の段落として処理
見出しを独自の段落として処理

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

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

注意

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

中間コンテンツの追加

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

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

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

コンポーネントブラウザーからコンポーネントを追加する。
Assets ブラウザーからアセットを追加する。
関連コンテンツを中間コンテンツのソースとして使用する。

注意

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

cfm-6420-02

メモ

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

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

注意

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

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

中間コンポーネントは、フラグメントフローのコンポーネントのシーケンス内に絶対位置を持ちます。この位置は、フラグメント内の段落のコンテンツが変更されても変更されません。

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