HSタグクラウド V1.00について
タグクラウドを表示するプラグインです。
先日できあがったタグクラウドですが、せっかくなので共有プラグインに登録してみることにしました。
以下のような特徴があります。
- ランダムに20件だけを表示しますが、「+more」ボタン(?)を押すとすべてのタグを表示することができます。
- 最も出現数の多いタグをランク10として10段階で相対表示します。
すべてのタグを表示したいけど、一度にたくさん表示させたくない場合に便利だと思います。
以下、カスタマイズ方法について。
最初に表示するタグの数を変更する
「+more」を押す前に表示しておくタグの数を変更するには以下の★印の部分の数字を変更します。
var views = 20; // ★初期表示するタグ数
文字サイズを変更する
文字サイズを変更するには以下の部分の数字を変更します。
fsizeとstypeの組み合わせで大きさを指定しますが、初期状態では"%"指定になっており、例えば一番大きな文字は170%になります。stypeには"px"などが指定できます。
また、fsizeはカンマで区切って指定しますが、数字の指定数がランクの段階になっています。ランクの段階を変更したい場合は、例えば5段階にしたいときは数字を5個に、20段階にしたいときは数字を20個指定してください。
var fsize = new Array(90,100,109,117,125,134,142,150,159,170);
var stype = "%"
moreボタンのスタイルを変更する
moreボタンの変更はスタイルシートで行ってください。
テンプレートのスタイルシート編集画面で例えば下の方に以下の内容を追加してください。
#tag_cloud_switch { text-align: right; font-size: 90%; }
#tag_cloud_switch a { color: #e09000; }
#tag_cloud_switch a:hover { color: #ff0000; }
例えば、2行目の"#e09000"を変更すると"+more"の色を変更することができます。
JavaScriptを利用しています
JavaScriptのみでリンクを作成しているため、JavaScriptが動作していないブラウザではタグクラウドを表示できません。初期状態では注意文が表示されるだけですが、タグのリストを表示したい場合は、下の方にある <noscript>〜</noscript> の部分を修正してください。
<noscript><!--stag-->
<a href="<%stag_url>" title="<%stag_name> (<%stag_count>件)"><%stag_name> </a>
<!--/stag--></noscript>
その他
このプラグインを利用することによって何か不具合などがあった場合でも保証はできませんのであらかじめご了承ください。ご質問についてはできる限りお答えしたいと思います。
このプラグインは作成元のプラグインのライセンスを引き継いでおります。本プラグインの改変は自由ですが、頒布される場合はご注意ください。
最新記事のRSS
COMMENT
これ、よさげですね。
はじめまして。足跡から来ました。
以前は別のタグクラウド（同じライセンス表示がありますので、多分これの元となったプラグインだと思います）を利用していたのですが、全件出力してから不要なものをjavascriptで編集する仕様だったので、検索エンジンで変な拾われ方をして悩みの種でした。
これはそういう心配が無さそうです。
気がついた点としては、
当方IE6ですが、ページを完全に読み込まない状態で"+more"のボタンを押すと「インターネットサイト・・を開けません。操作は中断されました」表示が出ます。
より後方に重いフラッシュやjavascriptが配置されている場合等、操作に気を使うかもしれません。
共有に登録されるのを楽しみにしていますね。
現職公務員SE URL | 2008-02-11 07:48 EDIT
★現職公務員SEさんへ
はじめまして。コメントありがとうございます。
確かに検索エンジンに対しては見えないリンクがあると問題があるかもしれませんね。ただ、私が作ったプラグインの場合はすべてJavaScriptで出力するので検索エンジンから見えるリンクが1つもない状態になりますが(^_^;
あと、不具合のご指摘ありがとうございました。
確認できました。
Slimboxという画像を表示するスクリプトを組み込んでいたんですが、これが他のスクリプトと干渉するようで、はずしてみたところエラーが表示されなくなりました。
共有プラグインに登録するのが初めてなので、ちょっとドキドキしてます。皆さんのブログでもちゃんと動いてくれると嬉しいのですが。
おさる URL | 2008-02-12 00:44 EDIT
タグクラウドありがとうございます
はじめてコメントいたします。
タグクラウドを導入させていただきまして、平和に動作しております。FC2ブログではタグクラウドいらないかなぁと諦めていたのですが、導入できて嬉しいです。
ちなみに、タグに選ばれた数に比例してフォントが大きくなるかと思いますが、この選択数を変更することは可能なのでしょうか。
今後ともよろしくお願いします。
お互い更新頑張っていきましょう^^
TomomiX URL | 2008-04-15 19:08 EDIT
★TomomiXさんへ
はじめまして。コメントありがとうございます。
問題なく動作しているようで良かったです(^_^)
選択数（タグの出現数？）の変更ですが、固定数を指定したいようでしたら、少し修正量が多くなります。ご希望でしたら試してみたいと思いますので、またご連絡いただければと思います。
現状は一番出現したタグの数を最大数として単純に10等分しているだけになります。例えば一番多いタグが100件の場合、50件のタグはfsizeの5番目のフォントが使用されます。
タグの出現数が偏っている場合などはfsizeでのフォントサイズ指定を比例するような感じではなく、例えば下位5個のサイズの差を大きくして、上位5個のサイズの差を小さくしてあげるなど、調整してみると良いかもしれません。
ではでは、こちらこそよろしくお願い致します。
おさる URL | 2008-04-16 01:29 EDIT
ご連絡ありがとうございます。
よくよく考えてみましたら、今後も記事（タグ）が増えていきますので、現行の設定でも良いかなとも思いました。
ちょっと疑問程度でしたので、このまま使用させていただきます。
どうもありがとうございました。
TomomiX URL | 2008-04-21 09:14 EDIT
★TomomiXさんへ
了解しました！
また何かありましたら、コメントいただければと思います。
今後ともどうぞよろしくお願い致します。
おさる URL | 2008-04-27 01:11 EDIT