プラグイン3を位置変更してページ別に表示されるようにしてみた;FC2ブログ・プチカスタマイズ   

プラグイン3を位置変更してページ別に表示されるようにしてみた|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・FC2ブログのテンプレートカスタマイズ | プラグインをカスタマイズ| プラグイン3を位置変更してページ別に表示されるようにしてみた に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 
Top Page > スポンサー広告 > プラグイン3を位置変更してページ別に表示されるようにしてみた・FC2ブログのテンプレートカスタマイズ > プラグインをカスタマイズ > プラグイン3を位置変更してページ別に表示されるようにしてみた


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 HTMLのプラグイン3を利用して、トップページ・個別記事のページのサイドカラムの表示と他のエリアの表示を別にしてみた。

 もともと、この96_seo_pink-3caというテンプレート、プラグイン3はプラグイン2のHTML下に表示されるものだった。

 一回、メインカラムの上にプラグイン3を表示するようにしてみたのだが、あまり使い道がない。

 ということで、プラグイン3はプラグイン1のしたに配置して、Indexページと個別の記事ページだけに表示。

 プラグイン1を他のページに表示するようにしてみた。

 

 それぞれのカスタマイズをちょっとご説明したい。

 

プラグイン3をメインカラムの上に配置

1、もともとプラグイン3は<!--/plugin_second-->~<!--/menu_right-->の間に配置されていた。

プラグイン2の下にあったプラグイン3のHTMLは下

<!--plugin_third-->
<div class="menu2BlockHead" style="text-align:<%plugin_third_talign>">
<div class="menuTitle"><%plugin_third_title></div>
</div>
<div class="menu2BlockBase">
<div class="menu2BlockBody">
<div class="menuText">
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description>
</p>
<%plugin_third_content>
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2>
</p>
</div></div>
</div>
<!--/plugin_third-->
<!--/plugin-->
</div>

2、メインカラムの上に配置するために、メインカラムに合わせて、HTMLをちょっと変えて<!--topentry-->の上に配置した。

 メインカラムの上に配置したプラグイン3は下のHTML

<!--plugin-->
   <!--plugin_third-->
      <div class="section" id="<%plugin_third_tag>"><!-- plug-in-section -->
    <div class="sidehead">
   <h3><p style="FONT-SIZE: 14px;PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px;BACKGROUND-COLOR: #ffc4e1"><%plugin_third_title></p></h3> 
<div class="description"> <!-- plug-in-align -->
     <%plugin_third_description>
    </div><!-- /plug-in-align -->
    <div class="sidebody">
     <%plugin_third_content>
    </div>   </div>
    <div class="description"><!-- plug-in-align -->
     <%plugin_third_description2>
    </div><!-- /plug-in-align -->
    <div class="sidebottom"></div>
   </div><!-- /plug-in-section -->
   <!--/plugin_third-->
 <!--/plugin-->

 スタイルシートの記述はちょっといい加減だが・・・。

 この状態でエリア変数で表示エリアの指定をすれば、メインカラムの上にページごとに表示・非表示を指定できる。

 

プラグイン3をプラグイン1の下に配置して、トップページと個別記事ページだけに表示

1、プラグイン3のHTMLを以下のように書き換えて、<!--/plugin_first-->の下に配置した。

<!--plugin_third--><!--not_date_area-->
<!--not_category_area-->
<!--not_search_area-->
<!--not_tag_area--><!--not_titlelist_area-->
<br><div class="menu1BlockHead" style="text-align:<%plugin_third_talign>">
<div class="menuTitle"><%plugin_third_title></div>
</div>
<div class="menu1BlockBase">
<div class="menu1BlockBody">
<div class="menuText">
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description>
</p>
<%plugin_third_content>
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2>
</p>
</div></div>
</div>  <!--/not_tag_area--> <!--/not_search_area--> <!--/not_category_area--> <!--/not_date_area--><!--/not_titlelist_area-->
<!--/plugin_third-->
<!--/plugin-->
</div>

 実際のはいちいちは、<!--plugin_first-->の前でも問題ないと思う。

 

2、プラグイン1のHTMLをエリア変数で囲む

<!--plugin_first--><!--not_index_area--><!--not_permanent_area-->
<div class="menu1BlockHead" style="text-align:<%plugin_first_talign>">
<div class="menuTitle"> <%plugin_first_title></div>
</div>
<div class="menu1BlockBase">
<div class="menu1BlockBody">
<div class="menuText">
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description>
</p>
<%plugin_first_content>
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description2>
</p>
</div></div>
</div><!--/not_permanent_area-->
<!--/not_index_area-->
<!--/plugin_first-->

 エリア変数は、plugin_firstに配置したエリア変数とplugin_thirdに配置したエリア変数が入れ替わってもOK。

 その場合はプラグイン1がトップページと個別記事のページに表示されて、プラグイン3はその他のページに表示される。

 

 この状態で、プラグイン2は全記事リストページ以外では同じものが表示される。

 全記事リストページのHTMLもいじって他のページとは違う表示になるようにしてみた。

 全記事リストページには、プラグイン2は表示されないで他のものが表示されるようにしてある。

 ただ、全記事リストのページのスタイルシートはいじっていないのでちょっと見苦しいかも。

カテゴリーページの表示を確認する

全記事リストページの表示を確認する

個別記事のページを確認する



サイト内の同タグへのリンク: HTML  テンプレート  プラグイン 
他のサイトへのタグリンク : HTML テンプレート プラグイン

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[プラグインをカスタマイズ]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/157-d605f669
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。