エントリー幅、サイドバー幅の変更

今回は、「エントリー幅、サイドバー幅の変更方法」について説明します。

カスタマイズ方法（MovableType編）

では、早速、エントリー幅、サイドバー幅を変更するカスタマイズ方法について説明します。

■ CSS（スタイルシート）の編集
デフォルト・テンプレートの場合、下記の箇所が編集対象となります。

＜スタイルシート＞
　■ エントリー部分

#center { 　・・・ width: 500px; }

　■ サイドバー部分

#right { 　・・・ width: 200px; }

エントリー幅は、「width: 500px」、
サイドバー幅は、「width: 200px」と指定されています。
これらの数値を変更することで、それぞれの幅を変更することができます。

編集後は、「保存」し、スタイルシートを「再構築」します。

■ 注意点
#center（エントリー幅）と#right（サイドバー幅）を足した値が、#container（ページ全体幅）を上回ると、サイドバーが落ちたり、表示されなくなったりしますので、気をつけてください。

■ 参考資料
MovableTypeのメインページの大まかな構造は、下記の図のようになります。カスタマイズの際にイメージしやすくなると思いますので、参考にしてください。

■ MovableType（Ver.3.17） メインページ クラス構造

body #container #banner 　#center 　.content 　#right

以上、「エントリー幅、サイドバー幅の変更方法」について説明しました。

ブログランキングに参加中です。応援お願いします。