解決済

clip!clip!
Ads By Google

ライブドアブログを2カラムから3カラムに変更したいのですが…

現在使っているライブドアブログ「 」を2カラムから3カラムに変更したいですが可能ですか?サイドカラムの記事が多すぎて見にくいのでぜひ変更したいのでがカスタマイズしたことないのでやり方わかる人教えてください!!お願いします!!

2009-10-30 16:30の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2009-10-30 18:12:11ベスト
いま使用しているデザインはモブログ(ナイトスカイ)をカスタマイズしたもののようですが、モブログのシリーズは3カラムはないと思います。

また、別のデザインを選択するか、自分でカスタマイズを行い3カラムにするかしかありません。自分でカスタマイズをする場合はざっくりいうと現状は下記のようになっていると思います。
<div id="content_articles">~</div>
<div id="link">
 <$PluginList_A$>
 <$PluginList_B$>
</div>
これを下記のような枠組みに変えます。
<div id="content_outer">
 <div id="content_articles">~</div>
 <div id="extra_links">
   <$PluginList_A$>
 </div>
</div>
<div id="links">
 <$PluginList_B$>
</div>
で、あとはCSSで下記のように変更します。
#content_article {
 float:right; -> left;
 width:610px; -> 380px;
}
それとCSSに新たに下記を追加します。
#content_outer {
 float: right;
 width: 610px
}
#extra_links {
 float: left;
width:227px;
}
こんな具体で大丈夫だと思いますpaddingとかmarginを調整して、それに合わせて各々のwidthなどの調整を各々行ってください。

なんとか3カラムになりました。プラグインの左右反対表示は直りませんでしたが…なんとか形になりました!!ありがとうございました。

1.

2009-10-30 17:50:49ベター
簡単ですよ。
3カラムのデザインに変更するだけですよ。

旧管理画面から
カスタマイズ/管理
デザインの選択
「3」となっているのが3カラムですので
お好きなデザインへ変更してください。
回答レベル : アドバイス

アドバイスありがとうございます。このままのデザインで3カラムが良くて「デザインの選択」の中にはなかったので質問しました。「デザインの選択」の中にあればいいのに…

Ads By Google

コメント(5)

#1.  futsalshop
2009-10-31 11:29:11

>>2
「<div id="content_articles">~</div>」のタグが見つからず、「<div id="content_outer">」を入れる場所がわからないです。
「content_articles」って個別の記事を表すタグですか?ないわわけないですよね?
特殊なレイアウトみたいなので違う形で書かれているのでしょうか?

2009-10-31 14:18:10

デザインのカスタマイズで個別記事のテンプレートを見てますか?
TOPページ/月別アーカイブ/カテゴリーアーカイブであれば

<div id="content">~</div>
の部分が該当する部分になります。

#3.  futsalshop
2009-11-01 12:38:21

>>2
<div id="extra_links">
<div id="banner">
<div id="bannertop"></div>
<div id="bannerbody">
<h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>
<div class="description"><$BlogDescription$></div></div>
<div id="bannerbottom"></div></div>
<div id="linkstop"></div>
<div id="linksbody">
<$PluginList_A$></div></div>
<div id="links">
<$PluginList_B$></div>
<div class="elsehead"></div>
<div class="elsebody"><$LDServices$></div>
<div class="elsebottom"></div></div>
<div id="linksbottom"></div></div><!-- End of links -->
と変更してみましたがやはりだめでした下のほうに表示されてしまいます。ページの幅とかの問題ですか?それとも他の理由ですかね?

#4.  futsalshop
2009-11-02 00:18:06

>>2
たびたびすみません!!
なんとか3カラムにできました!!自分でどうやったか覚えてませんが…ただプラグインの左右が反対に表示されてしまうのですが、どうしてかわかったら教えてほしいのですが、お願いします。

2009-11-02 12:18:56

左右反対になるのであれば、

<$PluginList_A$>
<$PluginList_B$>
を入れ替えれば左右反対になることは直ります。もしくはCSSでfloat:のrightとleftを入れ替えることでも直しますが、それは面倒だと思うので、タグの入れ替えのほうが楽じゃないでしょうか。

トラックバック

トラックバックURL: