「レイアウト」「グリッド」「ブロック」とは?
「レイアウト」とは、ウェブサイトに表示する各要素の配置を指します。
mekumaでは「 グリッド 」と「 ブロック 」を使ってレイアウトを構成します。
グリッド | ブロックを配置する「枠」のようなものです。 横幅を1~12の間で指定できます。(12が最大) グリッドの中に子要素となるグリッドを配置することもできます。 |
---|---|
ブロック | ウェブサイトに表示する具体的な内容を定義したものです。 「パン屑リスト」や「検索機能付きバナー」のように固定的な内容を表示するブロックに加え、運営者が内容を自由に記述できる「HTMLブロック」などがあります。 |
グリッドとブロックを組み合わせることにより、複雑なレイアウトのウェブサイトを簡単に作成できます。
レイアウト編集ページ
ウェブサイトのレイアウト変更を行うページです。
各ページに共通して表示されるレイアウトを定義する「 デフォルト 」タブと、トップページのレイアウトを定義する「 トップページ 」 タブ、そして各商品の詳細ページのレイアウトを定義する「 商品詳細 」 タブで構成されています。
「デフォルト」タブ
各ページに共通して表示されるレイアウトを定義できます。
「デフォルト」タブでは「 ヘッダー 」「 コンテンツ 」「 フッター 」の3つの基本グリッドが表示され、これらの基本グリッドの中に子グリッドおよびブロックを配置していきます。
ヘッダー |
ページの最上部に表示される基本グリッドです。
主にヘッダーブロックを配置します。
コンテンツ |
各ページの内容を表示する基本グリッドです。
フッター |
ページの最下部に表示される基本グリッドです。
主にフッターブロックを配置します。
「トップページ」タブ
トップページのレイアウトを定義できます。
「商品詳細」タブ
商品詳細ページのレイアウトを定義できます。