So-net レンタルサーバーHS

オンラインマニュアル

Webサイトのレイアウト設定

「デザイン」の「レイアウト」タブで各エリアのサイズや配置の修正を行います。

Step1 「デザイン」 ＞ 「レイアウト」タブをクリック

Webサイトのレイアウトは、以下の要素から構成されています。

Step2 サイドバーの数を選択します

「サイドバー」の項目で「なし」、「１」、「２」のいずれかを選択します。
設置したサイドバーの位置を入れ替えるには「サイドバーをスイッチ」をクリックします。

Step3 各ページ要素のサイズを設定します

• ・サイドバーの幅（ピクセル）
  サイドバーを設置する場合、ここで各サイドバーの幅を指定します。メインコンテンツエリアのサイズは、自動的に決まります。
• ・カラムの最小高（ピクセル）
  メインコンテンツエリアと各サイドバー（使用する場合）の高さを指定します。
  また、この値はコンテンツがない場合の値のため、各エリアにコンテンツを追加すると、コンテンツに合わせて高さが拡張します。
• ・サイドバーとコンテンツエリアをフッタまで拡大する
  サイドバーとコンテンツエリアの高さを揃えるには、このチェックボックスをオンにします。
• ・Webサイトの幅
  Webサイトの合計幅を｢固定レイアウト」または「可変レイアウト」で設定します｡

• 固定レイアウト

  ページを表示するWebブラウザの幅を問わず固定サイズとなります。
  この場合、Webサイトの幅をピクセル単位で指定してください。

  可変レイアウト

  現在ページを表示しているWebブラウザのサイズに対する割合を指定します。
  この場合、ブラウザウィンドウのサイズに対する割合をパーセントで指定してください。

• ・余白のサイズ（ピクセル）
  縦横の余白のサイズを指定します。

Step4 「OK」をクリックすることで、設定が保存されます