#########################
ページデザインの作成
#########################

パーシャルデザインの準備が出来ているところで、ページデザインを作成していきます。ページデザインは、ページデザインにはパーシャルデザインを並べていく形になります。

.. image:: images/page01.png
   :align: center
   :width: 400px
   :alt: ページデザインを追加

表示されたダイアログ

.. image:: images/page02.png
   :align: center
   :width: 400px
   :alt: ホームページのアイテムを作成

どのパーシャルデザインを利用するのかを設定するダイアログが開きます。ここでは、Footer、Header、Homepage およびメタデータを選択、順番を並べ替えます。

.. image:: images/page03.png
   :align: center
   :width: 400px
   :alt: パーシャルデザインの設定

作成したパーシャルデザインを保存します。保存をしたあと、ホームアイテムに移動をします。エクスペリエンスアクセラレーターのタブにある「ホーム」のアイコンをクリックしてください。

.. image:: images/page04.png
   :align: center
   :width: 400px
   :alt: ホームアイコンをクリック

続いて、エクスペリエンスアクセラレーターのタブから、「サイトページデザイン」をクリックしてダイアログを表示します。

.. image:: images/page05.png
   :align: center
   :width: 400px
   :alt: ダイアログを開く

ホームのテンプレートに対して、作成をしたページデザインを適用します。

.. image:: images/page06.png
   :align: center
   :width: 400px
   :alt: ページデザインを適用する

保存をすると、作成したページデザインがトップページに適用されることがわかります。

.. image:: images/page07.gif
   :align: center
   :width: 400px
   :alt: ページデザインを適用

これでデフォルトのページのデザインが出来ました。ページのタイプの数だけ、ページデザインを作る形となります。

*************
参考動画
*************

.. raw:: html

    <iframe width="560" height="315" src="https://www.youtube.com/embed/oy8fVbEpO3o" frameborder="0" allowfullscreen></iframe>