概要

リンクにはてブ数を表示します。

このサイトの「最近の投稿」などでも使用しています。最初はWordPressのコードを書き換えていたのですが、こちらの方が簡単です。

ダウンロード

基本的な使い方

リンクに対して.gpHatebuCounter()を実行するだけです。

$(elem).gpHatebuCounter();

またWordPressの「最近の投稿」(.widget_recent_entries)に特化したjQuery.gpHatebuCounter for WordPressも用意しました。一緒にスクリプトを読み込んでおくだけで、スクリプトを書かなくても自動で「最近の投稿」に適用します。

<script src="jquery-0.0.0.min.js"></script>
<script src="jquery.gphatebucounter-0.0.js"></script>
<script src="jquery.gphatebucounter.wp.js"></script>

デモ

デモ1 : 基本的なもの

Demo 1

  • 各リンクにはてブ数を表示させます。
  • WordPress用のモジュールを読み込んでいるので、「最近の投稿」には自動的に表示されます。

リファレンス

.gpHatebuCounter([settings])

  • settings … {Object} 設定。以下のキーと値を持てる:
    • before … {Boolean} trueにするとリンクの前にファビコンを表示する。初期値はfalse。
    • inside … {Boolean} trueのとき、リンク要素の子としてファビコンを追加する。一方falseのときは、リンク要素の前後ファビコンを追加する。初期値はtrue。
    • link … {Boolean} trueのとき、はてなブックマークのページへリンクする。またその場合、強制的にinsideがfalseになる。初期値はfalse。
    • size … {String} "large"、"small"を指定して、画像のサイズを大、小にできる。省略時は中で表示される。

gphatebucounter-ignore

このクラスが設定されているリンクは、jQuery.gpHatebuCounterの対象外になる。

<a class="gphatebucounter-ignore" href="http://example.com">Not Count</a>

その他

はてなブックマークについて

詳細は公式の文書をご確認ください。

ライセンス

  • MIT License
    • 無償で利用できます。商用利用も可能です。
    • 転載や改造、再配布が可能です。
    • コード内に記載の著作権表示は変更できません。
    • どのような問題が発生しても、一切の保証はありません。

利用時に連絡は不要ですが、もしご連絡頂ければ、利用実績として掲載させて頂くかもしれません。

対応ブラウザー

  • IE 6以上
  • Firefox
  • Chrome
  • Safari
  • Opera

リポジトリ

更新履歴

2011/10/23 – 1.0
  • 公開