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

Current version: 10.1

SXA では、再利用可能なコンテンツとレイアウトを使って作業します。SXA のページデザインは、Web ページのデザインを構成するおパーシャル レイアウトのグループです。

たとえば、ブログ ページに再利用可能なページ構造が必要になる場合があります。ブログ ページに必要なパーシャル デザインを含むページ デザインを作成することで、コンテンツ作成者がページのデザインを気にすることなく、コンテンツを作成するために使用できる基本的なテンプレートを作成できます。

SXA ページ デザインは、コンテンツ エディターおよびエクスペリエンス エディターで作成できます。

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

ページ デザインは、ページのレイアウトを決定するパーシャル デザインです。サイトのプレゼンテーション フォルダーにページ デザインを追加し、追加するパーシャル デザインを選択できます。

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

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

    新しいページ デザインを挿入します。
    注記

    関連するページ デザインのグループを追加する場合は、[ページ デザイン] をクリックします。これは、多数のパーシャル デザインを必要とする複雑なサイトがある場合に便利です。たとえば、ブログ、ニュース、製品、キャリアなど、ページをパーシャル デザインのセクションに分割できます。

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

  3. [デザイン変更] セクションで、追加するパーシャル デザインを選択し、右矢印 をクリックして、選択したアイテムのリストに移動し、保存します。

    含めるパーシャル デザインを選択します。
  4. サイトの一般的なテーマを上書きして、特定のテーマをページ デザインに割り当てることもできます。[テーマ] セクションで、ドロップダウン矢印をクリックしてテーマを選択します。

  5. 新しいページ デザインを右クリックし、[エクスペリエンス エディター]をクリックしてデザインを表示します。

    注記

    ページ デザインが使用されていない場合は、削除することをお勧めします。コンテンツ エディターでページ デザインを削除するには、ページ デザインを右クリックし、[削除] をクリックします。

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

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

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

  1. コンテンツ ツリーで、自分のサイトに移動し、[プレゼンテーション]、[ページ デザイン] の順にクリックします。

  2. 左列の [デザイン変更] セクションでテンプレートを選択し、このテンプレートをページ デザインに関連付けるために右側の列でページ デザインを選択します。

注記

特定のページにページ デザインを割り当てることもできます。これは、リリース ノート ページなど、通常はあまり使用しないページが必要な場合に必要になることがあります。ページ デザインを 1 つのページに割り当てるには、サイトに移動してページを選択します。[デザイン変更] セクションで、ドロップダウン リストからデザインを選択し、変更を保存します。

ページを右クリックして、[エクスペリエンス エディター] をクリックして結果を表示します。

Do you have some feedback for us?

If you have suggestions for improving this article,