FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？

トップページのみ３カラム、他の個別記事ページ等を２カラムにする。

トップページのみ３カラム、他の個別記事ページ等を２カラムにするカスタマイズを紹介します。
このカスタマイズはテンプレートstandardが対象です。

【左カラムを消して２カラムにする】

HTMLを編集します。下記箇所に赤い部分の記述を加えてください。

<td class="left_outline" valign="top">






～






</td>

これでトップ以外の個別記事ページ等では左カラム(プラグイン１)が消えます。

消えた左カラム(プラグイン１)を右カラム(プラグイン２)の下に表示させたい場合は、さらに下記箇所に赤い部分の記述を加えます。

<div class="menu_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></div>
<table width="100%"><tr><td class="menu_cont">
<div style="margin: 10px 0; text-align:<%plugin_first_ialign>">
<%plugin_first_description></div>
<div style="margin: 10px 0; text-align:<%plugin_first_align>">
<%plugin_first_content>
</div>
<div style="margin: 10px 0; text-align:<%plugin_first_ialign>">
<%plugin_first_description2></div>
</td></tr></table>
<hr class="left_width" />






</td>

これでトップ以外の個別記事ページ等では、左カラムにあったものが右カラムの下に移動します。

【右カラムを消して２カラムにする】

HTMLを編集します。下記箇所に赤い部分の記述を加えてください。

<td class="right_outline" valign="top">






～






</td>

これでトップ以外の個別記事ページ等では右カラム(プラグイン２)が消えます。

消えた右カラム(プラグイン２)を左カラム(プラグイン１)の下に表示させたい場合は、さらに下記箇所に赤い部分の記述を加えます。

<div class="menu_title" style="text-align:<%plugin_second_talign>"><%plugin_second_title></div>
<table width="100%"><tr><td class="menu_cont">
<div style="margin: 10px 0; text-align:<%plugin_second_ialign>">
<%plugin_second_description></div>
<div style="margin: 10px 0; text-align:<%plugin_second_align>">
<%plugin_second_content>
</div>
<div style="margin: 10px 0; text-align:<%plugin_second_ialign>">
<%plugin_second_description2></div>
</td></tr></table>
<hr class="right_width" />






</td>

これでトップ以外の個別記事ページ等では、右カラムにあったものが左カラムの下に移動します。

関連記事

プラグインの下を伸ばす (standardシリーズ) (2009/05/15)
『最新の記事』の便利ナビを設置する (standard) (2007/05/05)
standardシリーズのコメント欄を一つずつ枠で囲み分ける (2007/03/16)
トップページのみ３カラム、他の個別記事ページ等を２カラムにする。 (2006/12/23)
便利ナビの背景を画像にする (2006/12/11)
プラグインカテゴリ３のデザインを変える (2006/09/10)
追記【続きを読む】を同一ページに表示させる (2006/09/09)

[ 2006/12/23 17:50 ] カスタマイズ standard 専用 | TB(0) | CM(26)

≪ カテゴリーのツリー化 | HOME | 続きを読むを個別記事ページに遷移させる ≫

[ 1250 ] Topページの表示について

右カラムを消して２カラムにする方法を試させていただきました。しかしTopページの表示で右カラムに
<%plugin_second_title>
<%plugin_second_description>
<%plugin_second_content>
<%plugin_second_description2>
と表示されるのですが、解決策はあるのでしょうか？

[ 2007/02/20 16:32 ] [ 編集 ]

[ 1980 ] いろいろ参考にさせていただいてます!

この記事に限らず、チョコチョコといろんな記事を参考に作らせてもらってます。

これからも、いろいろ参考にさせていただきます。
よろしくお願いします。

[ 2007/05/25 15:28 ] [ 編集 ]

[ 2006 ] > Hintiさん

私の記事でよければいくらでも参考にしてくださいね＾＾

[ 2007/05/27 16:51 ] [ 編集 ]

[ 2570 ] 初心者のブログアフィリエイト

ワクワクしました。　今テンプレートを色々とDLしてブログを作っていますが、独自のテンプレートを作ろうと悪銭苦闘中です。まだ、サイトを立ち上げてから１０日しか立たない全くの素人で解らない事ばかりですが、とても詳しくて色々と参考にさせて下さい。構想は出来て来ていますが、なかなか編集が出来ません。今後もこちらで修行しますので、応援して下さい。よろしくお願いします。。。

[ 2007/07/28 16:37 ] [ 編集 ]

[ 2693 ] スタンダードセピア　プラグイン１の長さ

初めまして。こちらのスタンダードセピアを使用させていただいております。
一つ教えていただきたいのですが、プラグイン１の縦の長さ（外枠だけ）が、記事と一緒にどんどん下に伸びてしまいます。
これを解消する方法はありますか？
現在、プラグイン２は消して２カラムになっていてスタイルシートもちょこっといじりました。
ご教授宜しくお願いします。

[ 2007/08/31 13:34 ] [ 編集 ]

[ 2969 ] 要望

はじめまして、ゆうきちといいます。
現在lightframeを使用してますが
とても気にってます。

この「トップページのみ3、他2カラム」ですが、

是非、lightframeでもできる様にして欲しいです。

どうぞよろしくお願いします。

[ 2007/11/25 00:38 ] [ 編集 ]

[ 4788 ] fullmoon_howlingとwhite_eagleについて

こんにちわ。
standardシリーズを複数愛用しています。
こちらのテンプレートはカラム落ちしないうえ、ウェブサイト風にできるところが特に気に入っています。

ところでfullmoon_howlingを“トップページのみ３カラム”にしたあと“トップでは記事を表示させない”にして。
さらにプラグイン３を使って挨拶や注意事項を入れて使っていたのですが。
IE7で表示したところ、トップページのデザインが崩れるようになりました。右カラムとプラグイン３の境界が重なるのです。IE6やOPERAで見ると全く正常なのですが。
white_eagleでも同様の現象が起こります。
白背景が使いたい場合はstandard_monotoneで代用できるのですが。standardを黒に直す自信がありません。
もし、よろしければstandard_monotoneの黒バージョン的なものを作っていただけないでしょうか。

[ 2009/07/03 22:55 ] [ 編集 ]

[ 4790 ] > 黒猫の黒豆肉球さん

カスタマイズをしていない新たなテンプレートをダウンロードしても崩れますか？崩れないなら今までのカスタマイズが原因です。

また、最新記事等、公式プラグインをプラグイン３に設定しても崩れますか？崩れないなら今までのプラグイン３が原因です。

こちらにも原因追及手順があるので参考にしてください。
http://10plate.blog44.fc2.com/blog-entry-165.html

fullmoon_howlingから画像を外すだけでstandardの黒背景になります。元々standardに画像を付けただけですので。

外し方が難しければ記事にしましょうか？

[ 2009/07/04 00:12 ] [ 編集 ]

[ 4808 ] fullmoon_howlingとwhite_eagleについて　補足

実は新しくダウンロードしなおしたもので崩れるかどうかを試したこともあるのですが。

カスタマイズをしていない新たなテンプレートをダウンロードして、カスタマイズしたら崩れます

そのあとで公式プラグインをプラグイン３に設定しても崩れます

あとダウンロードした３カラムの状態で全期時表示をすると、そのページが崩れる寸前というか、右カラムに接触します。

IE7で表示さえしなければ崩れないので
IE7が原因じゃないかと思うのですが。

http://10plate.blog44.fc2.com/blog-entry-165.html
こちらも確認してみます。

[ 2009/07/04 20:21 ] [ 編集 ]

[ 4811 ] > 黒猫の黒豆肉球さん

新たなテンプレートをダウンロードしたあと、何もカスタマイズしない状態だとどうですか？

何もカスタマイズしていないテンプレートかつ公式プラグインのみでも崩れるなら、記事内にタグ切れ等の文法違反がある可能性があります。

[ 2009/07/04 21:06 ] [ 編集 ]

[ 4815 ] fullmoon_howlingとwhite_eagleについて　補足2

新たなテンプレートをダウンロードしたあと、何もカスタマイズしない状態だと、特になにも起こりません。

記事を投稿していない状態のブログを作ってやってみました。
ちなみにプラグインは１に最新記事、２に全記事表示のみを表示。
記事は未分類にテストとしてひとつだけ。
カテゴリは未分類のみ
記事の内容は本文追記ともにあいうえお
ブラウザから投稿

この状態ではなにもなし。

そのあとダウンロードし直したfullmoon_howlingに

左カラムを消して２カラムにする

だけカスタマイズして

全記事表示の他に公式プラグインをひとつだけ（とりあえず検索フォームやカテゴリ一覧でやってみました）置いて、全記事表示をすると、いきなり崩れます。全記事表示の上でも下でも崩れます。
全記事表示されたページがプラグイン２にはみ出します。
プラグインが全記事表示だけだと問題なしです。
またOPERAだと全くなにも起こりません。
またstandard（とりあえずstandard_skyblue）を新しくダウンロードして同じ条件にして同じカスタマイズをして全記事表示してみたら崩れはでませんでした。

white_eagleの場合は
ダウンロードしただけの状態でカスタマイズなしでも、プラグイン２に公式プラグインが全記事表示の他にひとつあるだけで、全記事表示するとはみ出します。

[ 2009/07/04 22:55 ] [ 編集 ]

[ 4817 ] > 黒猫の黒豆肉球さん

全記事表示で崩れるということは、サイトマップのカスタマイズを施したということでしょうか？でなければFC2のデフォルトデザインで表示されてしまいますので。

まとめると
fullmoon_howlingとwhite_eagleだけ、「左カラムを消して２カラムにする」カスタマイズを施したのち全記事表示するとIE7では崩れる。
ということでしょうか？

現状を確認するためにURLを教えてもらえますか？

[ 2009/07/04 23:25 ] [ 編集 ]

[ 4819 ] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

[ 2009/07/05 00:26 ] [ 編集 ]

[ 4820 ] > 黒猫の黒豆肉球さん

standardシリーズの黒と白を作ろうと思います＾＾；
もう少しお待ちください m(__)m

[ 2009/07/05 01:03 ] [ 編集 ]

[ 7073 ] ３カラムでメイン、サイトバー１・２の順にしたい

管理人様

いつもお世話になります。
３カラムで左から、メイン、サイトバー１・サイドバー２の順に表示したいのですが、どのようにすればよいでしょうか？

ちなみにこのサイトの構成は左から、サイドバー１、メイン、サイドバー２となっておりますね。

お手数ですがよろしくお願いいたします。

インス

[ 2009/11/21 12:47 ] [ 編集 ]

[ 7075 ] 解決いたしました。

こちらで解決いたしました。
http://10plate.blog44.fc2.com/blog-entry-110.html

ありがとうございます。

[ 2009/11/21 12:57 ] [ 編集 ]

[ 7082 ] > インスさん

自己解決されて良かったです＾＾

[ 2009/11/21 22:56 ] [ 編集 ]

[ 8737 ] 承認待ちコメント

このコメントは管理者の承認待ちです

[ 2010/09/18 03:18 ] [ 編集 ]

[ 8780 ] 承認待ちコメント

このコメントは管理者の承認待ちです

[ 2010/12/31 22:43 ] [ 編集 ]

[ 8931 ]

こちらのカスタマイズを試させて頂いたのですが、これで２カラムに
なった分、記事ともう一つのカラムの幅を広げることはできませんでしょうか？
よろしければ教えてください。

[ 2011/12/22 10:58 ] [ 編集 ]

[ 8932 ]

>>8931

http://10plate.blog44.fc2.com/blog-entry-78.html
この記事を参考にしてみては？
質問する前に一度今ある記事全て目を通した方がいいと思います
初歩的な物は全て親切に書いてありましたよ

[ 2011/12/22 12:21 ] [ 編集 ]

[ 8934 ] > 8931さん、8932さん

> 8931さん
standardシリーズであれば、消したカラムの幅のぶんだけ記事の幅が勝手に広がるはずです。テンプレートがstandardシリーズか確認してください。

> 8932さん
フォローありがとうございます＾＾

[ 2011/12/22 22:24 ] [ 編集 ]

[ 8935 ]

すみません。
lightframeシリーズを使っていました。
お手数をおかけして本当に申し訳ありません。
>8932さんもありがとうございました。

[ 2011/12/22 22:57 ] [ 編集 ]

[ 8937 ] > 8935さん

lightframeは構造上難しいと思っていたのですが、カスタマイズする方法を見つけたので記事にしました。こちらを参考にしてください。

トップページのみ３カラム、他を２カラムにする。(lightframe)
http://10plate.blog44.fc2.com/blog-entry-366.html

[ 2011/12/24 00:39 ] [ 編集 ]

[ 8941 ] 8935

お忙しい中本当にありがとうございます。
無事カスタマイズすることができました。
本当にありがとうございます！

[ 2011/12/25 16:27 ] [ 編集 ]

[ 8943 ] > 8935さん

カスタマイズできて良かったです＾＾

[ 2011/12/27 03:06 ] [ 編集 ]

コメントの投稿