概要
リンクにはてブ数を表示します。
このサイトの「最近の投稿」などでも使用しています。最初は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