2012年12月18日

2012 12.18 Tue


ユーザータグ一覧リストをカテゴリーのようにサイドバーのプラグインで表示すると、やたらめったらリンクの数が増えて、使いにくいです。SEO的にも良くありません。

表示数を制限する機能がFC2ブログ自体に備わっていないので、スクリプトで好きな数だけ表示できるように実現します。


・プラグイン→ユーザータグの編集(html)
<ul id="tag">
<!--ctag-->
<li><a href="<%ctag_url>"><%ctag_name></a>(<%ctag_count>)</li>
<!--/ctag-->
</ul>
...<a href="http://ほげほげ.blog.fc2.com/?template=tag_itiran&all">タグ一覧</a>
<script>
e=document.getElementById('tag').getElementsByTagName('li');
for (var i=100; i<e.length; i++) e[i].innerHTML='';
</script>

これで100まで表示されます。数字を任意に変更して使ってください。

ちなみに、左側の余白は、テンプレートのCSS編集に、
#tag,#tag li{margin:0;}
を追加すれば消せます。



続いて、隠してしまった部分のユーザータグを表示する方法として、
ユーザータグ一覧ページ」を作ります。
そのページでのみ、全てのユーザータグを見ることができるようにします。

・テンプレート編集にて、テンプレートを複製します。
名前を「tag」に変更。(任意)

<!--titlelist_area-->〜<!--/titlelist_area-->を探し、囲まれている部分を削除し、ユーザータグリストのHTMLを貼り付けて保存する。
(例:このソースでもOK)
<ul id="tag">
<!--ctag-->
<li><a href="<%ctag_url>"><%ctag_name></a>(<%ctag_count>)</li>
<!--/ctag-->
</ul>


ブログトップページのURLの後ろに「/?template=tag」を付けてアクセス。
そのページのURLをリンクして出来上がり。

お疲れさまでした。
参考になりましたらソーシャルメディアで共有してくださいませ。
posted by こさめ
edit  re

■ この記事へのトラックバック

Script リスト&amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;タグの数を制限する方法[jQuery]
Excerpt: jQueryでタグの繰り返す数を任意に指定します。 JavaScriptのみの方法はコチラ ・[FC2ブログ]ユーザータグ一覧リストの表示数を任意に制限する セレクタ     例        ..
Weblog: 勝手にブログカスタマイズ
Tracked: 2013-03-16 01:59
カテゴリ
インターネット>ブラウザ・WEBメール(24)
インターネット>Firefoxアドオン、設定(15)
インターネット>Proxomitronフィルター(32)
インターネット>ブログ、WEBサービス(53)
インターネット>アフィリエイト・ポイントサイト(27)
インターネット>楽天、ポイントあれこれ(5)
インターネット>Windows最適設定(32)
インターネット>インターネット設定(17)
インターネット>デスクトップ改造・拡張(7)
インターネット>セキュリティソフト(6)
ブログカスタマイズ>カテゴリー、記事一覧系(38)
ブログカスタマイズ>jQuery(Script)文字系(23)
ブログカスタマイズ>CSS(Script)デザイン(28)
ブログカスタマイズ>ブログパーツ(7)
ブログカスタマイズ>携帯モバイル系(3)
ブログカスタマイズ>SEO・アクセスアップ(31)
マルチメディア>Brackets(5)
マルチメディア>画像系ソフト(6)
マルチメディア>DVD・動画プレイヤー(15)
マルチメディア>動画編集ソフト(6)
マルチメディア>音楽再生プレイヤー(16)
マルチメディア>ネットラジオ配信・編集(3)
マルチメディア>P2Pテレビソフト(4)
マルチメディア>おもしろ動画・感動動画(25)
デザイン>フリー素材 画像(5)
デザイン>HP・ブログ フリー素材(6)
デザイン>イラスト(非素材)(8)
デザイン>作詞作曲編曲MP3(5)
雑記>PC部品・音楽機材(7)
雑記>映画・アニメ・漫画・芸能(14)
雑記>どうでもいい雑学知識(6)
雑記>ゲーム(6)
雑記>スマホ・携帯電話(6)
雑記>カーナビ・ETC(3)
雑記>ネット銀行とか(2)
雑記>18禁?ちょいエロネタ(3)

 (C) 2006 - kosame All rights.