Sony

So-netトップ » オプションサービス » So-net レンタルサーバーHS » オンラインマニュアル » Webサイトのレイアウト設定

サーバー

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

独自ドメインでお客さまのWebページとメールアドレスをご利用できるサービスです。

料金:有料 / 対象:So-net の個人接続コース・So-net メンバーズコースを利用されているお客さま

オンラインマニュアル

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

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

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

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

ヘッダ 画面最上部のエリアであり、バナー画像やロゴを配置します。
ヘッダの横幅はデフォルトサイズ(サイトの幅)から100%へ変更ができます。
メイン Webページの大部分のコンテンツはここに配置されます。メインエリアは高さの調整、コンテンツの挿入、コンテンツの場所の変更が行えます。
サイドバー サイドバーを設置することで、コンテンツエリアの左または右にモジュールを配置できます。
サイドバーの設置は「なし」、「1つ」、「2つ」、から選択します。高さと幅の調整、位置の入れ替えが行えます。
フッタ 画面最下部のエリアであり、一般に、会社名、連絡先、著作権表示などを記載します。
フッタの横幅はデフォルトサイズ(サイトの幅)から100%へ変更ができます。
Step2 サイドバーの数を選択します

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

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

  • サイドバーの幅(ピクセル)
    サイドバーを設置する場合、ここで各サイドバーの幅を指定します。メインコンテンツエリアのサイズは、自動的に決まります。
  • カラムの最小高(ピクセル)
    メインコンテンツエリアと各サイドバー(使用する場合)の高さを指定します。
    また、この値はコンテンツがない場合の値のため、各エリアにコンテンツを追加すると、コンテンツに合わせて高さが拡張します。
  • サイドバーとコンテンツエリアをフッタまで拡大する
    サイドバーとコンテンツエリアの高さを揃えるには、このチェックボックスをオンにします。
  • Webサイトの幅
    Webサイトの合計幅を「固定レイアウト」または「可変レイアウト」で設定します。
  • 固定レイアウト
    ページを表示するWebブラウザの幅を問わず固定サイズとなります。
    この場合、Webサイトの幅をピクセル単位で指定してください。
    可変レイアウト
    現在ページを表示しているWebブラウザのサイズに対する割合を指定します。
    この場合、ブラウザウィンドウのサイズに対する割合をパーセントで指定してください。
  • 余白のサイズ(ピクセル)
    縦横の余白のサイズを指定します。
Step4 「OK」をクリックすることで、設定が保存されます

お知らせ