タグクラウドを作ってみた
少し慣れてきたので、タグクラウドを作ってみました。
まぁ、作っている途中で共有プラグインにあるのを、見つけてしまったわけですが・・・w
ついでなので、そのまま最後まで作ってみました。
特徴
1.使用頻度上位20位までを表示(20は変更可能)
2.一番頻度の高いタグをランク10として、10段階で相対表示
3.・・・他に特徴らしいものはないかも?
(ちょっと重いかもしれません)
カスタマイズは・・・ 1.最大表示数の変更
標準ではベスト20までを表示します。
この数値を変更したい場合は、2行目の
var tg = 20; /* 表示タグ数 */
を変更してください。
2.文字サイズの変更
使用中のテンプレートによっては、タグの文字サイズが周囲と合わない場合があると思います。
その場合は、6行目の
font-size : x-small; /* 基準フォントのサイズを下記に変更可能 */
を変更してください。
簡単なのは、キーワード形式(xx-small, x-small, medium, large , x-large, xx-large)
ですが、その他指定もできると思います。
3.行間の変更
2で文字サイズを変更した場合には、見栄えが悪くなる場合があります。
その場合は、8行目の
line-height:140%; /* フォントサイズを変えた場合に、行間を調整 */
で調整してください。
4.もっと細かいカスタマイズは、ご自由にどうぞw
ランクの数(10)を変更したい場合は、
var rm = 10; // ランキングの段階
でどうぞ。
特にランクを増やす場合には、その下の「ランク別のフォントサイズ」の追加を忘れないでください。
個別にランク毎の文字サイズを修正したい場合も、同様です。
ま、FC2始めて一週間記念ってことで・・・w
注)
$stag_url を $stag_portalurlに変更するとFC2全体のタグにアクセスできるハズなのですが、現在はうまくいきません。
私の場合だと、blog114.fc2.com/tag/タグ名になるのですが、正しくは
blog.fc2.com/tag/タグ名のようです。
(サーバが新しくって環境が×なだけかも知れませんが・・・)
ま、直ったら試してみてくださいw
まぁ、作っている途中で共有プラグインにあるのを、見つけてしまったわけですが・・・w
ついでなので、そのまま最後まで作ってみました。
特徴
1.使用頻度上位20位までを表示(20は変更可能)
2.一番頻度の高いタグをランク10として、10段階で相対表示
3.・・・他に特徴らしいものはないかも?
(ちょっと重いかもしれません)
カスタマイズは・・・ 1.最大表示数の変更
標準ではベスト20までを表示します。
この数値を変更したい場合は、2行目の
var tg = 20; /* 表示タグ数 */
を変更してください。
2.文字サイズの変更
使用中のテンプレートによっては、タグの文字サイズが周囲と合わない場合があると思います。
その場合は、6行目の
font-size : x-small; /* 基準フォントのサイズを下記に変更可能 */
を変更してください。
簡単なのは、キーワード形式(xx-small, x-small, medium, large , x-large, xx-large)
ですが、その他指定もできると思います。
3.行間の変更
2で文字サイズを変更した場合には、見栄えが悪くなる場合があります。
その場合は、8行目の
line-height:140%; /* フォントサイズを変えた場合に、行間を調整 */
で調整してください。
4.もっと細かいカスタマイズは、ご自由にどうぞw
ランクの数(10)を変更したい場合は、
var rm = 10; // ランキングの段階
でどうぞ。
特にランクを増やす場合には、その下の「ランク別のフォントサイズ」の追加を忘れないでください。
個別にランク毎の文字サイズを修正したい場合も、同様です。
ま、FC2始めて一週間記念ってことで・・・w
注)
$stag_url を $stag_portalurlに変更するとFC2全体のタグにアクセスできるハズなのですが、現在はうまくいきません。
私の場合だと、blog114.fc2.com/tag/タグ名になるのですが、正しくは
blog.fc2.com/tag/タグ名のようです。
(サーバが新しくって環境が×なだけかも知れませんが・・・)
ま、直ったら試してみてくださいw
コメント
ありがとうございます
プラグインの再利用の件
下記のURLに従う場合に、再利用可能です。
http://creativecommons.org/licenses/by-nc-sa/2.1/jp/
これは改造母体の残り具合には無関係なので、「原型を殆ど留めていない」場合にも適用されます。
この条件の適用を避けたい場合には、
1から自分で作り上げる (完全オリジナル)
必要があります。
HPにコメントとして書こうと思ったのですが、エラーになって書き込めなかったので、こちらに書きました・・・
見てくれてるかしら? (´;ω;`)
http://creativecommons.org/licenses/by-nc-sa/2.1/jp/
これは改造母体の残り具合には無関係なので、「原型を殆ど留めていない」場合にも適用されます。
この条件の適用を避けたい場合には、
1から自分で作り上げる (完全オリジナル)
必要があります。
HPにコメントとして書こうと思ったのですが、エラーになって書き込めなかったので、こちらに書きました・・・
見てくれてるかしら? (´;ω;`)
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
コメントの投稿
トラックバック
http://dummytop.blog114.fc2.com/tb.php/8-074651fd

コメント拝見しました。
非公開コメントはブログ上に表示されないようにしておりました。内容はちゃんと見れております。
再利用の件、了解しました。
ほんとにありがとうございました(^_^)