全記事リストのページに、ユーザータグ一覧を表示する;FC2ブログ・プチカスタマイズ   

全記事リストのページに、ユーザータグ一覧を表示する|FC2ブログ・プチカスタマイズ

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

 


 
 
Top Page > ・FC2ブログのテンプレートカスタマイズ > ユーザータグのカスタマイズ > 全記事リストのページに、ユーザータグ一覧を表示する


 全記事リストのページに、ユーザータグ一覧を表示してみよう。

 位置は、プラグイン2の位置。

 ついでに、プラグイン2は全記事一覧のページには表示しないようにする。


ユーザータグ一覧のプラグインをダウンロードする

1、プラグイン2の位置にユーザータグ一覧を入れ込むためには、公式プラグインでは都合が悪いので、共有プラグインの中から縦長のユーザータグ一覧のプラグインをダウンロードする。

2、プラグインの管理から、ダウンロードしたプラグインをクリック⇒『HTML』をクリック。

3、プラグインのHTMLが開くので、右クリック⇒すべて選択⇒コピー。


ダウンロードしたユーザータグ一覧のHTMLをテンプレートのプラグイン2の位置に挿入する。

 ダウンロードしたユーザータグ一覧のHTMLを<!--titlelist_area-->~ <!--/titlelist_area-->で囲って、<!--menu_right--><div id="menu2Block">の後ろ、<!--plugin--><!--plugin_second-->の前に、貼り付ける。

*このブログでは、共有プラグインの『ユーザータグのリスト表示』というプラグインを使ってある。

*テンプレートによっては、、<!--menu_right--><div id="menu2Block">の記述がない場合もある。

*できれば、スタイルシートで、表示を整えたい。

 ご参考までに、このブログでは、元のプラグインのスタイルシートを利用+文字配置の位置を新たに指定している

例)

<!--titlelist_area-->
<div class="menu2BlockHead" >
<div class="menuTitle">ユーザータグリスト&ブログ内リンク
</div>
<div class="menu2BlockBody">
<div class="menuText">

<div style="Z-INDEX: 0; TEXT-ALIGN: left; FONT-WEIGHT: normal">
 <ul class="tag_list">
<!--rtag-->
    <li><a href="<%rtag_url>"><%rtag_name>(<%rtag_count>)</a></li>
<!--/rtag-->
</ul>

</div>
</div>
</div>
</div>

<!--/titlelist_area-->
 

 赤い文字の部分が元のスタイルシート部分。

 青い色の部分は、ユーザータグリストのHTML。


プラグイン2を全記事リストページで表示されないようにする

1、<!--plugin--><!--plugin_second-->の前に、<!--not_titlelist_area-->を挿入。

2、<!--/plugin_second--><!--/plugin-->の後に<!--/not_titlelist_area--> を挿入。

3、更新ボタンをクリック。

 これで、全記事リストにユーザータグ一覧が表示され、かつ、プラグイン2が表示されなくなった。

 実物は、全記事リスト|FC2ブログ・プチカスタマイズを見てね。



サイト内の同タグへのリンク: 全記事リスト  ユーザータグ  一覧  テンプレート  タイトルリスト  HTML  FC2  ブログ 
他のサイトへのタグリンク : 全記事リスト ユーザータグ 一覧 テンプレート タイトルリスト HTML FC2 ブログ

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[ユーザータグのカスタマイズ]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/58-d05f2366
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック