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

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

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

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

<!--▼▼▼ 左側ブロック ▼▼▼-->
<td class="left_outline" valign="top">

<!--index_area-->
<!--▼▼ プラグイン カテゴリー１ ▼▼-->
<!--plugin-->
<!--plugin_first-->

〜

<!--/plugin_first-->
<!--/plugin-->
<!--▲▲ プラグイン カテゴリー１ ▲▲-->
<!--/index_area-->

</td>
<!--▲▲▲ 左側ブロック ▲▲▲-->

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

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

<!--/plugin_second-->
<!--/plugin-->
<!--▲▲ プラグイン カテゴリー２ ▲▲-->

<!--not_index_area-->
<!--▼▼ プラグイン カテゴリー１ ▼▼-->
<!--plugin-->
<!--plugin_first-->

<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><!--/menu_cont-->
<hr class="left_width" />

<!--/plugin_first-->
<!--/plugin-->
<!--▲▲ プラグイン カテゴリー１ ▲▲-->
<!--/not_index_area-->

</td>
<!--▲▲▲ 右側ブロック ▲▲▲-->

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


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

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

<!--▼▼▼ 右側ブロック ▼▼▼-->
<td class="right_outline" valign="top">

<!--index_area-->
<!--▼▼ プラグイン カテゴリー２ ▼▼-->
<!--plugin-->
<!--plugin_second-->

〜

<!--/plugin_second-->
<!--/plugin-->
<!--▲▲ プラグイン カテゴリー２ ▲▲-->
<!--/index_area-->

</td>
<!--▲▲▲ 右側ブロック ▲▲▲-->

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

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

<!--/plugin_first-->
<!--/plugin-->
<!--▲▲ プラグイン カテゴリー１ ▲▲-->

<!--not_index_area-->
<!--▼▼ プラグイン カテゴリー２ ▼▼-->
<!--plugin-->
<!--plugin_second-->

<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><!--/menu_cont-->
<hr class="right_width" />

<!--/plugin_second-->
<!--/plugin-->
<!--▲▲ プラグイン カテゴリー２ ▲▲-->
<!--/not_index_area-->

</td>
<!--▲▲▲ 左側ブロック ▲▲▲-->

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