TOPを変えずに、個別記事の本文の幅を変える。
3カラムデザインのブログを、個別、カテゴリ、月間のみ、2カラムに変更したのですが、2カラムに変更した本文の幅を広げるには、どうしたらいいですか?TOPは変えたくないです。個別記事のみです。
ご存知の方は、よろしくおねがいします。
回答(3)
3.

の手順でたどりつきます。(ご存知だと思いますが念のため)
スタイルシート(CSS) | トップページ | 個別記事ページ | カテゴリアーカイブ | 月別アーカイブ
というメニューがあります。
おそらく3カラムを2カラムにしたのは、
個別記事ページを選択して、
<!-- Plugin B -->~<!-- /Plugin B -->
を削除したのだと思います。
さてここから幅の広げ方
同じく個別記事ページを選択して、
<div id="wrapper">
<div id="content">
<div id="blog">
を探します。
これらを、
<div id="wrapper_2col">
<div id="content_2col">
<div id="blog_2col">
と変更し、保存します。
なお、変更するのは個別記事ページのみ変更して、
トップページや月別などは変更しません。
次に、スタイルシート(CSS)の画面に切り替えます。
#wrapper_2col{
float:left;
width:735px;
}
#content_2col{
float:right;
width:545px;
text-align:left;
}
#blog_2col{}
を追加します。
こちらも保存して、再構築します。
こんなんでどうでしょうか?
1.
ブログ本文部分(#blog)と、デザインによっては#blogcontainerや#contentなど、必要な部分の横幅を数値で指定ではなく%で指定すればサイドバーのないページの記事は広がります
場合によっては、他の部分も変更の必要があるので多少CSSの知識が必要ですが
2.
id属性を2カラムと3カラムで使い分けるといいのでは?
まず個別ページ等のカスタマイズ画面で
2カラムのブログ本文部分のid属性を
#blog → #blog_2
と名前変更します。
(3カラムのトップページはそのままです。)
そのほか#blogcontainerなど幅を2カラム用に変更したい部分をすべて別の名称にします。
保存した後
CSS画面で
新しく名づけたidの幅等を追加します。
例 #blog_2{width:***;}
保存して再構築する。
こんなんでどうでしょう?
コメント(7)
コメントありがとうございます。
これは、TOPページも変更されてしまいますか?
個別記事のみとか設定はできますか?
%で指定することによって、サイズが一定ではなくなります
つまりサイドバーがないページではその分広がるという方法です
>SVさん
いじくってみたら、TOPもずれてしまいました。
どれを変更すれば、個別記事だけを変更できますか?
本当にすみません。。。
>たっけーさん
いじくった事はありますが、文字の大きさを変えたり、行間を縮めたり、はじめからあるものを削除したりするていどで、もしよろしければもう少し細かくおしえていただければ幸いです。。
>たっけーさん
私のデザインは、シンプルデザインPlain Diary (3カラム)
http://blog.livedoor.jp/yuki9992/
です。お手がすくようでしたらよろしくお願いします。
個別ページだけ、右サイド部分のHTMLを削除している状態ということですね。
変更する箇所を確認しますので時間ちょっとください。
>たっけーさん
すみません・・。ご迷惑おかけします。。。




