以下の内容はhttp://10plate.blog44.fc2.com/blog-entry-115.htmlより取得しました。


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

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


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

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

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

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



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

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


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

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

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

<!--not_index_area-->
<!--▼▼ プラグイン カテゴリー1 ▼▼-->
<!--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-->
<!--▲▲ プラグイン カテゴリー1 ▲▲-->
<!--/not_index_area-->


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


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


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

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

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

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



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

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


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

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

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

<!--not_index_area-->
<!--▼▼ プラグイン カテゴリー2 ▼▼-->
<!--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-->
<!--▲▲ プラグイン カテゴリー2 ▲▲-->
<!--/not_index_area-->


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


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



以上の内容はhttp://10plate.blog44.fc2.com/blog-entry-115.htmlより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14