ページの枠組みについて

＠BusinessParkのデザイン設定で最も重要になるのが、『ページの枠組みについて』です。

ページは、様々なパーツに分割されており、それらが集まることにより一つのページデザインとして成り立ちます。

デザイン設定を行う前に、ページの枠組みについてをしっかりとご理解ください。

まずは、次の図をご確認ください。

図-1．一番大きな枠組み

図のとおり縦に3分割され、上から「ヘッダー」、「コンテンツ」、「フッター」という形でパーツ分けされています。

一番大きな枠組みの中で、最も重要なパーツである「ヘッダー」の枠組みです。

「画像-1．＠BusinessParkのヘッダー」を見てみましょう。

画像-1．＠BusinessParkのヘッダー

これを図解すると、次のようなパーツ分けになります。

図-2．ヘッダーの枠組み

「画像-1．＠BusinessParkのヘッダー」には存在していませんが、「ヘッダー」の中には、もう一つ「電話番号」というパーツがあり、「ヘッダー」と同じ階層に「ヘッダーコンテンツ」というパーツがあります。（赤色パーツ）

さらに、ヘッダーコンテンツの中には、「画像」や「動画（Flash）」が入るものもあります。

このように、ヘッダーの中には色々なパーツが含まれておりますが、そのパーツの有無や配置関係などを決めるための設定が、「ヘッダースタイル」というものになります。*1

この、「ヘッダースタイル」のテンプレートを変更し、詳細なパーツの設定を行うことにより、自由度の高いヘッダーのデザインが可能となります。*2

*1．設定方法は、管理画面 ⇒ デザイン設定 ⇒ ヘッダー設定の「1．ヘッダースタイル」にて変更できます。

*2．ヘッダースタイルの種類やサンプルについては、ヘッダースタイルについてを参照ください。

ページ

1 2