ページバリアントを編集する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
ページビルダー Personalizeモードでは、エディタービューで異なるコンテンツアイテムをコンポーネントに割り当てたり、コンポーネントを非表示したり、場合によっては互換性のあるコンポーネントに置き換えたりすることでページバリアントを編集できます。
Pages Editorタブでは、常にデフォルトのページバリアントを操作しプレビューしています。特定のオーディエンス向けのパーソナライズされたバリアントをプレビューするには、タブPersonalizeに移動し、バリアントを選択し、Previewボタンをクリックしてください。
パーソナライズされた部品は、ボーダーが紫ではなくティールで強調されています。さらに、コンポーネントの右上隅にあるアイコンは、そのコンポーネントがパーソナライズされたことを示しています。これにより、ページのバリアントがデフォルトのものとどう違うかを一目でイメージできます。
直接インライン編集でページバリアントをパーソナライズすることはできません。なぜなら、インライン編集はデフォルトページに引き継がれるからです。コンポーネントがインライン編集されている場合、ティール色のボーダーはありません。
コンテンツ変更でページバリアントをパーソナライズするには、インライン編集ではなく、編集したいコンポーネントに別のコンテンツアイテムを割り当てる必要があります。
コンポーネントに異なるコンテンツ項目を割り当てる
ページバリアントをパーソナライズする際は、デフォルトページに影響を与えるインライン編集を避けるために、編集したいコンポーネントに異なるコンテンツ項目を割り当てる必要があります。
コンポーネントに異なるコンテンツ項目を割り当てるには:
-
ページビルダーのPersonalizeタブで、パーソナライズしたいバリアントをクリックしてください。
-
ページバリアントレイアウトで、編集したいコンポーネントをクリックします。
-
右側のペインで
をクリックします。 -
Assign content itemダイアログで、該当するコンテンツアイテムを選択してAssignをクリックします。
コンポーネントの構成を変更する
特定のオーディエンス向けにページをパーソナライズする際、コンポーネントの視覚的な表示を変更できます。
コンポーネントの設定:
-
ページビルダーのPersonalizeタブで、パーソナライズしたいバリアントをクリックしてください。
-
右側のペインでは、レイアウト、スタイリング、詳細スタイリング 設定を使ってコンポーネントのオフセット、カラムスパンの設定、テキストの揃え設定などを行ってください。
バリアントのコンポーネントのレイアウトを変更すると、その表示の変更はバリアントおよび指定されたオーディエンスにのみ適用されます。
コンポーネントを隠す
ページバリアントをパーソナライズするには、コンポーネントを非表示にすることができます。
コンポーネントを隠すには:
-
ページビルダーのPersonalizeタブで、パーソナライズしたいバリアントをクリックしてください。
-
ページバリアントレイアウトで、編集したいコンポーネントをクリックします。
-
右側のパネルでHide componentをクリックします。
隠されたコンポーネントを簡単に戻せるように、隠されたコンポーネントはバリアントレイアウトにティール色の枠付きプレースホルダーとして残ります。
空のプレースホルダーなしでページバリアントを見るには、Previewをクリックしてください。
部品の交換
ページバリアントをパーソナライズするには、以前にカスタマイズ済みのコンポーネントを作成し、デフォルトコンポーネントと互換性があると定義していれば、互換コンポーネントに置き換えることが可能です。
開発者はコンポーネントを作成し、Content Editorで互 いに互換性があるように定義 できます。互換性を持つためには、コンポーネントが以下の条件を満たす必要があります:
-
同じデータソースを受け入れてください。
-
レンダリングパラメータは同じです。
-
プレースホルダーに入れてもらえます。
コンポーネントを互換性のあるものに交換するには:
-
ページビルダーのPersonalizeタブで、パーソナライズしたいバリアントをクリックしてください。
-
ページバリアントレイアウトで、編集したいコンポーネントをクリックします。
-
右側のペインでComponentフィールドをクリックします。これにより、互換性のある部品のリストが開きます。
-
デフォルトのコンポーネントを置き換えたいコンポーネントをクリックします。