コンテンツフラグメントを使用したページのオーサリング page-authoring-with-content-fragments
Adobe Experience Manager(AEM)のコンテンツフラグメントは、ページに依存しないアセットとして作成および管理されます。
これにより、チャネルに依存しないコンテンツを様々なバリエーション(チャネル固有)で作成できます。その後、コンテンツページをオーサリングする際に、これらのフラグメントとそれらのバリエーションを使用できます。
更新された JSON エクスポーターと共に構造化コンテンツフラグメントを使用して、AEM コンテンツをコンテンツサービス経由で AEM ページ以外のチャネルに配信することもできます。
- コンテンツフラグメント は、主にテキストと関連する画像からなる編集コンテンツです。これらは、デザインやレイアウトを含まない純粋なコンテンツです。
- エクスペリエンスフラグメント は完全にレイアウトされたコンテンツであり、web ページのフラグメントです。
コンテンツフラグメントは、次のことを可能にします。
-
マーケティングとキャンペーン戦略
- 一元的に管理されるコンテンツフラグメントを使用してコンテンツをレビューします。
-
クリエイティブプロフェッショナル
- コンテンツフラグメントに関連付けられたコレクションを介したクリエイティブアセットのトラッキング。
-
コピーライター
- AEM コンテンツフラグメントエディターに書き込みます。
- コンテンツのバリエーションを作成できます。
- 関連するコンテンツをコンテンツフラグメントに関連付けることができます。
- バージョン管理/ワークフローを使用できます。
- コンテンツフラグメントを共有できます。
- 翻訳を一元的に管理できます。
-
プロデューサーおよびジャーニー管理者
- AEM でのオーサリングで事前定義済みのフラグメントとバリエーションから選択します。
- コピーライターおよびクリエイターが一元管理されたフラグメントとアセットで更新することで、フラグメントと関連コンテンツを常に最新の状態に保つことができます。
- 適切にキュレーションされた関連メディアコンテンツと連携できます。
- その場でアドホックコンテンツのバリエーションを作成しながら、それらのバリエーションをフラグメントで一元的に管理できます。
ページへのコンテンツフラグメントの追加 adding-a-content-fragment-to-your-page
-
編集するページを開きます。
-
コンテンツフラグメント コンポーネントを、コンポーネント ブラウザーまたは「新規コンポーネントを挿入」のいずれかから開きます。
-
次のいずれかを実行できます。
-
Assets ブラウザーを開いて、コンテンツフラグメント をフィルタリングします(デフォルトは画像)。次に、必要なフラグメントをコンポーネントインスタンスにドラッグします。
-
コンテンツフラグメントコンポーネントを選択し、ツールバーから「設定」を選択します。ダイアログで、選択ダイアログボックスを開くと、必要な コンテンツフラグメント を参照して選択できます。
note note NOTE 特定のコンテンツフラグメントをページに直接ドラッグすることもできます。これにより、関連コンポーネントが自動的に作成されます(コンテンツフラグメント)。 -
-
最初に、メイン 要素および マスター(バリエーション)からのコンテンツが表示されます。必要に応じて、他のエレメントやバリエーションを選択できます。
note note NOTE その他の編集機能について詳しくは、次を参照してください。 code language-none * [レスポンシブレイアウト](https://experienceleague.adobe.com/docs/experience-manager-65/content/sites/authoring/siteandpage/responsive-layout.html?lang=ja) * [ページのコンテンツの編集](https://experienceleague.adobe.com/docs/experience-manager-65/content/sites/authoring/authoring/editing-content.html?lang=ja)
要素またはバリエーションの選択 selecting-the-element-or-variation
フラグメントの 設定 ダイアログボックスを開き、フラグメントを現在のページで使用するように設定します。ダイアログは、使用するコンポーネントに応じて異なります。
適切な設定ダイアログボックスで、以下を含む使用可能なパラメーターを選択できます。
-
コンテンツフラグメント
使用するフラグメントを指定します。
-
ディスプレイモード:
-
単一のテキスト要素
-
複数の要素
-
-
要素
- デフォルトの メイン は常に使用可能です。
- フラグメントが適切なテンプレートで作成されている場合に選択できます。
note note NOTE 使用できるエレメントは、使用するテンプレートによって異なります。 -
バリエーション
- デフォルトの マスター は常に使用可能です。
- フラグメントのバリエーションが作成された場合に選択できます。
-
段落:含める段落の範囲を指定します。
-
すべて
-
範囲:例えば、
1
、3-5
、9-*
のように指定します。- 見出しを独自の段落として処理
-
-
見出しを独自の段落として処理
フラグメントエディターへのクイック接続 quick-connection-to-fragment-editor
コンポーネントツールバーの 編集 アイコンを使用して、フラグメントのソースを開いて(アセットを)編集できます。この機能により、コンテンツフラグメントを編集および管理できます。
中間コンテンツの追加 adding-in-between-content
特定のコンテンツフラグメントがページに追加されると、フラグメントの各 HTML 段落の間(および上と下)に「コンポーネントをここにドラッグ」プレースホルダーが存在します。
これにより、ルートフラグメントを変更することなく、フラグメントコンテンツの中間に(利用可能な任意の位置に)にさらにコンテンツ(つまり、中間コンテンツ)を追加できます。
中間コンテンツの場合は、次のことができます。
- コンポーネントブラウザーからコンポーネントを追加します。
- Assets ブラウザーからアセットを追加する。
- 関連コンテンツを中間コンテンツのソースとして使用する。
-
中間コンポーネントは、フラグメントフロー内のコンポーネントのシーケンス内で絶対的な位置を持ちます。フラグメント内の段落のコンテンツが変更されても、この位置は変更されません。
中間段落は隣に位置する(フラグメント)段落とコンテキスト関係を持たないので、これにより、相対位置が変更したかのように見せることができます。
-
2 つの段落構造が競合する場合を除きます。競合する場合、中間コンテンツは(内部的には存在していますが)表示されません。
関連コンテンツの使用 using-associated-content
コンテンツフラグメントにコンテンツを関連付けた場合、これらのアセットは(フラグメントをコンテンツページに配置した後に)サイドパネルから使用できます。関連コンテンツは、事実上、中間コンテンツ用の特別なコンテンツソースです。
関連コンテンツを含むフラグメントをページに追加すると、サイドパネルで新しいタブ(関連コンテンツ)が開きます。
ここから、アセットを必要な場所(既存のコンポーネント、または適切なコンポーネントが作成される必要な位置)にドラッグできます。
フラグメントに挿入されたアセット assets-inserted-into-the-fragment
アセット(画像など)がフラグメント自体に挿入されている場合、ページエディターでこれらのアセットを編集するためのオプションは限られています。
例えば、画像の場合、次のことができます。
- 画像の切り抜き、回転、反転。
- タイトルまたは代替テキストを追加します。
- サイズを指定します。
- レイアウトを設定することもできます。
移動、コピー、削除などの他の変更は、フラグメントエディターで行う必要があります。
公開 publishing
フラグメントを公開済みの web ページで使用できるようにするには、フラグメントを公開する必要があります。
- フラグメントは、フラグメントを Assets コンソールで作成した後に公開できます。
- 公開されるページに 非公開のフラグメント が使用されると、そのタイミングでフラグメントも公開できます。