新規 Page Layoutの作成
一般的には、1つのサイトに2つのページレイアウトを使います。1つは、Homeページ用、一つは、その他ページ用です。本サイトでは、3つのページレイアウトを使っています。
- tall-header.html----------------Homeページ用
- special-page.html-------------ブログ用
- no-header.html-----------------その他のページ用
新規のレイアウトを作成した理由
ブログのみ他と違うレイアウトにしたかった為です。具体的には、スライドショーを配置したかった為です。no-header.html((その他のページに使っている共通レイアウト)内に、スライドショーを表示するHTMLタグを追加してしまうと、その他すべてのページに同じ表示がされてしまい不都合となります。
新規Page Layout作成手順は、以下の通りです。
デザインタブ → 「HTML/CSSを編集する」をクリック
新規Page Layout作成手順は、以下の通りです。
デザインタブ → 「HTML/CSSを編集する」をクリック
左サイドにある「新規レイアウトを追加」をクリックすると、以下の画面となりますので、Otherのところにレイアウト名を入力します。(本サイトでは、special-page.htmlとしました)
単純なHTMLタグが右画面に表示されます。一からHTMLタグを作り上げるのは困難ですので、次の手順で既存のレイアウトをコピーします。
- 左サイドにある既存のレイアウト no-header.htmlをクリックしてHTMLを表示
- このHTMLコードをコピー
- special-page.htmlをクリックしてHTMLを表示後、すべてのコードを削除
- no-header.htmlのコードを貼り付け
- 必要個所を追加・修正