エクスペリエンス エディターでページ デザインを作成して割り当てる
パーシャル レイアウトのグループを操作して、ページのデザインを作成します。
SXA では、再利用可能なコンテンツとレイアウトを使って作業します。SXA のページデザインは、Web ページのデザインを構成するおパーシャル レイアウトのグループです。
たとえば、ブログ ページに再利用可能なページ構造が必要になる場合があります。ブログ ページに必要なパーシャル デザインを含むページ デザインを作成することで、コンテンツ作成者は、ページのデザインを気にすることなく、コンテンツを作成するために使用できる基本的なテンプレートを作成できます。
SXA では、ページのレイアウトを指定するページ デザインを設定できます。
エクスペリエンス エディターでページ デザインを作成するには:
リボンの [エクスペリエンス アクセラレータ―] タブで、[ページ デザイン] をクリックし、[ページ デザインを追加] をクリックします。
![[ページ デザイン] をクリックし、[ページ デザインを追加] をクリックします。](image/16114c40713861.png)
[アイテムを挿入] ダイアログ ボックスで [ページ デザイン] をクリックして名前を入力し [OK] をクリックします。
注記
関連するページ デザインのグループを追加する場合は、[ページ デザイン] をクリックします。これは、多数のパーシャル デザインを必要とする複雑なサイトがある場合に便利です。たとえば、ブログ、ニュース、製品、キャリアなど、ページをパーシャル デザインのセクションに分割できます。
[アイテムを選択] ダイアログで、追加するパーシャル デザインを選択し、右矢印
をクリックして、選択したアイテムのリストに移動し、[OK] をクリックします。警告
コンポーネントをページ デザインに直接追加しないでください。ページのデザインは、それ自体で情報を保持することはできませんが、パーシャル デザインに格納されている情報を参照します。したがって、コンポーネントをページ デザインに直接追加すると、ページに表示されません。
使用しなくなったページ デザインは、削除することができます。
エクスペリエンス エディターでページ デザインを削除するには、次の手順に従います。
リボンの [表示] タブで [ナビゲーション バー] をオンにし、サイトのプレゼンテーション レイヤーに移動して削除するページ デザインをクリックしてから、[移動] をクリックします。
![[ページ デザイン] をクリックし、[移動] をクリックします。](image/16114c40721128.png)
ページ デザインの [ホーム] タブで、[ページを削除] をクリックします。
ページ デザインを使用して、コンテンツ タイプをページのレイアウトにマッピングすることができます。これにより、サイトのレイアウトの一貫性が保たれます。ランディング ページ、製品ページ、ナビゲーション ページなどの頻繁に使用する Web ページでは、ページのテンプレートにページ デザインを割り当てることでページの一貫性を保つことができます。このようにして、コンテンツとデザインを関連付けます。
テンプレートにページ デザインを割り当てるには:
リボンの [エクスペリエンス アクセラレーター] タブで、[サイト ページ デザイン] をクリックします。
表示されるダイアログ ボックスの左側の列でテンプレートを選択し、それをページ デザインに関連付けるために右側の列でページ デザインを選択します。
[OK]、[保存] の順にクリックして、変更を適用します。
ページに割り当てられているページ デザインを表示するには、[ページ デザイン] をクリックします。割り当てられているページ デザインには、チェック マークが付いています (この例では、ブログ ページ)。
 |
注記
特定のデザインをあまり使用しない場合や特定のページ デザインをオーバーライドしたい場合は、特定のページにページ デザインを割り当てることができます。これを行うには、リボンの [エクスペリエンス アクセラレーター] タブで [ページ デザインを選択] をクリックし、ページを選択して、[OK]、[保存] の順にクリックして変更を適用します。