【デザインエディタ】編集エリアについて

「デザインエディタ」のレイアウト編集では、ページに表示される要素の配置や構成を自由に調整することができます。編集エリアは以下の4つに分かれており、各エリアにウィジェットを設置・編集してページを組み立てます。

・ヘッダ
・ボディ
・サブエリア
・フッタ

※ウィジェットについては「ウィジェットとは？」で説明します

※各エリア名の横にある「▶」を押すと設定内容が表示されます

編集エリアの構成

現在のテーマ構成では、エリアの配置パターンは3種類あります。

① ヘッダ（ピンク）

・サイトの最上部に表示される領域です
・主にメインメニューやロゴを設置します
・このエリアに設定した内容は、すべてのページに共通して表示されます

② ボディ（ブルー）

・ページのメインコンテンツ部分です
・コンテンツ一覧、リンク、画像、文章など、自由に要素を配置できます
・各ページごとに異なる内容を設定することができます

③ サブエリア（グリーン）

・関連リンクやバナー、サブメニューなど、補足情報を常に表示したい場合に活用します
・ボディと同じようにウィジェットを設置できます
・このエリアに設定した内容も、全ページに共通して表示されます
・テーマによって表示位置や見せ方が異なるので、事前に見比べておきましょう

④ フッタ（イエロー）

・サイトの一番下に表示される領域です
・サブメニューや著作権表示、SNSリンクなどを配置します
・このエリアも、全ページ共通で表示されます

POINT

全ページ共通のパーツ（ナビゲーション・ロゴ・バナーなど）は「ヘッダ・サブエリア・フッタ」に、ページごとの情報は「ボディ」に設定するのが基本的な使い分けです。