解決済

clip!clip!
Ads By Google

TOPを変えずに、個別記事の本文の幅を変える。

3カラムデザインのブログを、個別、カテゴリ、月間のみ、2カラムに変更したのですが、2カラムに変更した本文の幅を広げるには、どうしたらいいですか?

TOPは変えたくないです。個別記事のみです。
ご存知の方は、よろしくおねがいします。

2006-03-18 07:43の質問
ブログ  デザイン    ラム  変更  カラム  記事    
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(3)

3.

2006-03-18 11:32:17ベスト
デザインのカスタマイズ画面は

の手順でたどりつきます。(ご存知だと思いますが念のため)

スタイルシート(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.

2006-03-18 08:22:52
ブログのデザインがわからないのでおおよそのやり方ですが、
ブログ本文部分(#blog)と、デザインによっては#blogcontainerや#contentなど、必要な部分の横幅を数値で指定ではなく%で指定すればサイドバーのないページの記事は広がります
場合によっては、他の部分も変更の必要があるので多少CSSの知識が必要ですが

2.

2006-03-18 09:39:04
カスタマイズしたことがある方ならば、
id属性を2カラムと3カラムで使い分けるといいのでは?

まず個別ページ等のカスタマイズ画面で
2カラムのブログ本文部分のid属性を
 #blog → #blog_2
と名前変更します。
(3カラムのトップページはそのままです。)

そのほか#blogcontainerなど幅を2カラム用に変更したい部分をすべて別の名称にします。

保存した後

CSS画面で
新しく名づけたidの幅等を追加します。
例 #blog_2{width:***;}

保存して再構築する。

こんなんでどうでしょう? 
Ads By Google

コメント(7)

#1.  せば
2006-03-18 08:38:49

コメントありがとうございます。
これは、TOPページも変更されてしまいますか?
個別記事のみとか設定はできますか?

#2.  SV
2006-03-18 08:52:26

%で指定することによって、サイズが一定ではなくなります
つまりサイドバーがないページではその分広がるという方法です

#3.  せば
2006-03-18 10:44:38

>SVさん
いじくってみたら、TOPもずれてしまいました。
どれを変更すれば、個別記事だけを変更できますか?

本当にすみません。。。

#4.  せば
2006-03-18 10:47:39

>たっけーさん

いじくった事はありますが、文字の大きさを変えたり、行間を縮めたり、はじめからあるものを削除したりするていどで、もしよろしければもう少し細かくおしえていただければ幸いです。。

#5.  せば
2006-03-18 10:47:55

>たっけーさん
私のデザインは、シンプルデザインPlain Diary (3カラム)
http://blog.livedoor.jp/yuki9992/
です。お手がすくようでしたらよろしくお願いします。

#6.  
2006-03-18 11:14:16

個別ページだけ、右サイド部分のHTMLを削除している状態ということですね。
変更する箇所を確認しますので時間ちょっとください。

#7.  せば
2006-03-18 11:22:48

>たっけーさん

すみません・・。ご迷惑おかけします。。。

トラックバック(2)

トラックバックURL: