1. ページデザイン

コンテンツエディターでページデザインを作成・割り当て

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

SXAでは、再利用可能なコンテンツやレイアウトを扱います。SXAのページデザインとは、ウェブページのデザインを構成する部分的なレイアウトの集合体です。

例えば、ブログページに再利用可能なページ構造が必要になるかもしれません。ブログページに必要な部分的なデザインを含むページデザインを作成することで、コンテンツ作成者がページデザインを気にせずにコンテンツを作成できる基本的なテンプレートを作成できます。

SXAのページデザインは、コンテンツエディターとエクスペリエンスエディターの両方で扱うことができます。

!警告ページデザインに直接コンポーネントを追加しないでください。ページデザインだけで情報は保持できませんが、部分的なデザインに保存された情報を参照します。したがって、コンポーネントをページデザインに直接追加しても、ページ上にはレンダリングされません。

ページデザインを作成する

ページデザインはページのレイアウトを決定し、部分的なデザインで構成されます。ページのデザインをサイトのプレゼンテーションフォルダに追加し、追加したい部分的なデザインを選択できます。

ページデザインを作成するには:

  1. コンテンツツリーのサイトで、プレゼンテーションをクリックし、右クリックで ページデザイン挿入ページデザインをクリックします。

    Insert a new page design.

    !注関連するページデザインのグループを追加したい場合は、「ページデザイン」をクリックしてください。これは、多数の部分的なデザインが必要な複雑なサイトの場合に便利です。ブログ、ニュース、商品、キャリアなど、部分的なデザインのセクションに分けることができます。

  2. 新しいページデザインの名前を入力し、OKをクリックします。

  3. デザイン セクションで 追加したい部分的なデザインを選択し、右矢印 6F7416B93CFC4AE5975B621D94A1C85F.png をクリックして選択したアイテムのリストに移動し、保存します。

    Select the partial designs that you want to include.
  4. また、サイトの一般的なテーマ設定を上書きし、ページデザインに特定のテーマを割り当てることも可能です。テーマセクションでドロップダウンの矢印をクリックし、テーマを選択します。

  5. 新しいページのデザインを右クリックし、その後「 エクスペリエンスエディター 」をクリックしてデザインをご覧ください。

    !注ページデザインが使われていない場合は、削除したほうがよいかもしれません。コンテンツエディターでページデザインを削除するには、ページデザインを右クリックして削除をクリックしてください。

ページデザインを割り当てる

ページデザインを使ってコンテンツタイプをページレイアウトにマッピングできます。これにより、サイトのレイアウトが一貫性を保てます。ランディングページ、商品ページ、ナビゲーションページなど頻繁に使うウェブページは、そのページのテンプレートにページデザインを割り当てることで一貫性を保つことができます。こうすることで、コンテンツとデザインを結びつけることができます。

テンプレートにページデザインを割り当てるには:

  1. コンテンツツリーで、自分のサイトに行き、「 プレゼンテーション」「 ページデザイン」をクリックします。
  2. デザインセクションで、左列のテンプレートを選択し、ページデザインに関連付けるには右列でページデザインを選択します。

!注ページデザインを特定のページに割り当てることも可能です。これは、普段あまり使わないページ、例えばリリースノートページなどが必要な場合に必要かもしれません。ページデザインを1ページに割り当てるには、あなたのサイトにアクセスしてページを選択してください。デザインセクションで、ドロップダウンリストからデザインを選択し、変更を保存します。

ページを右クリックして「エクスペリエンスエディター」をクリックすると結果が表示されます。

この記事を改善するための提案がある場合は、 お知らせください!