うぃず FC2テンプレート

ブログの幅やプラグインエリアの幅の変更方法を紹介したいと思います。

スタイルシートの幅を設定している値の変更を行うだけで良いので、簡単です。

・記事エリアを狭くしてプラグインエリアを大きくしたりも簡単に出来るようになります。

スポンサードリンク


スタイルシート編集
スタイルシート中にある、以下のような記述を探してください。

/******************************************* ▼ サイトの幅 ▼ */
#outline_header {
min-width:1110px; /* 最低の幅（これ以上狭くなりません） */
width:100%; /* ヘッダ全体（リキッドレイアウトです） */
margin:0 auto;
}
#outline_footer {
min-width:1110px; /* 最低の幅（これ以上狭くなりません） */
width:100%; /* フッター全体（リキッドレイアウトです） */
margin:0 auto;
}
#outline_main {
width:1110px; /* 全体 */
margin:0 auto;
}

#main {
width:635px; /* メイン*/
float:left;
}
#first {
width:260px; /* プラグイン１の幅 */
float:right;
}
#second {
width:205px; /* プラグイン２の幅 */
float:right;
}
#main-first { /* 計算して設定してください ------ */
width:900px; /* (【全体】-【プラグイン１】-【メイン】-【プラグイン２】)/2 + プラグイン１ + メイン */
float:left;
}
/******************************************* ▲ サイトの幅 ▲ */

赤い部分の数値を変更すれば、幅を変更できます。

#outline_headerのmin-width、
#outline_footerのmin-width、
#outline_mainのwidth、
は同じ値が望ましいです。

width:635px; /* メイン*/

ここの値は記事のエリアになります。デフォルトでは635pxにしています。

width:260px; /* プラグイン１の幅 */

ここの値は真ん中のエリアであるプラグイン１の幅になります。デフォルトでは260pxにしています。

width:205px; /* プラグイン２の幅 */

ここの値は右のエリアであるプラグイン２の幅になります。デフォルトでは205pxにしています。

width:900px; /* (【全体】-【プラグイン１】-【メイン】-【プラグイン２】)/2 + プラグイン１ + メイン */

ここで３つのエリアの幅の値に従って、値を決定してください。

上記の例ですと、(【1110px】−【635px】−【260px】−【205px】)/2＋【260px】＋【635px】＝ 900px
となります。


もし、記事エリアとプラグインエリアとの間隔をゼロにしたいのであれば、
(【全体】-【プラグイン１】-【メイン】-【プラグイン２】)/2の値を０にして、残りのプラグイン１ + メインの幅をwidthに記入すればOKです。

関連記事

• 【スマホ】ドロップダウンメニューバーを作成したい
• 関連記事リストを任意の場所に表示したい
• 「続きを読む」を画像に変えたい
• 『02Tシリーズ』３カラムにしたい（サイドバー２つ）
• 『02Tシリーズ』プラグインメニュー（サイドバー）の位置を右から左に変えたい
• プラグイン3を記事の上に常に表示したい
• ブログタイトル名を画像に変更したい
• ブログの幅、プラグインエリアの幅を変更したい
• 記事毎のサムネ画像を消したい