LiVE for WebLiFE* 製品サポート

横可変型なので、Webブラウザのウィンドウサイズに合わせて、メインエリアの幅が変化します。

ページ設定画面からページレイアウトを変更する

より細かい設定を行うには、ページ設定画面を利用します。ページ設定画面を開くには、〈サイトエディタ〉でページを選択して〈設定〉ボタンをクリックします。

〈ページ設定〉の〈ページレイアウト〉を選択し［1］、ページレイアウトのアイコンをクリックして［2］、希望するレイアウトを選択します［3］。レイアウトはコンテンツエリアの配置方法によって〈I型〉［A］、〈横可変型〉［B］、〈左寄せ型〉［C］の3種類に分類されます。また、エリア内のブロックの配置により、さらに細かなレイアウトを作成できます。

I型

中央にコンテンツエリアがあり、左右に背景余白が付きます。ブラウザのウインドウ幅を変更してもコンテンツは常に中央に表示されます。また、コンテンツエリアの幅も固定され、ブラウザ幅に追随しません。
ビルボード＋メイン
コンテンツエリアが「メイン」のみのシンプルなレイアウト
ビルボード＋メイン＋サイド
コンテンツエリア左に「メイン」、右に「サイドA」のレイアウト
ビルボード＋サイド＋メイン
コンテンツエリア左に「サイドA」、右に「メイン」のレイアウト

横可変型

ブラウザのウインドウ幅に追随してコンテンツエリアの幅が変わります、ただし、サイドエリアの幅は固定です。
ビルボード＋サイド＋メイン
コンテンツエリア左に「サイドA」、右に「メイン」のレイアウト
ビルボード＋＋サイド＋メイン＋サイド
コンテンツエリア左に「サイドA」、中央に「メイン」、右に「サイドB」のレイアウト
ビルボード＋メイン＋サイド
コンテンツエリア左に「メイン」、右に「サイドA」のレイアウト

左寄せ型

コンテンツエリアが常に左寄せになり、余白は右側に生じます。また、コンテンツエリアの幅は固定され、ブラウザ幅に追随しません。
ビルボード＋サイド＋メイン
コンテンツエリア左に「サイドA」、右に「メイン」のレイアウト
ビルボード＋メイン＋サイド
コンテンツエリア左に「メイン」、右に「サイドA」のレイアウト

エリアの横幅を設定する

エリアの横幅は、ページ全体に対して、またはコンテンツエリアとサイドエリアに対して個別に設定できます。