[WordPress]新しくなった「はてブボタン」をワードプレスに設置してみた

新しくなった「はてブボタン」をワードプレスに設置してみました。使いやすくっておっしゃれー。

新しくなった、「はてブボタン」をこのブログにさっそく設置してみました。
ワードプレスを使ってる人は是非コピペしてご利用下さいー。

使いやすくなりました! はてなブックマークボタン

新しいデザインになってイイ感じの新しくなった「はてブボタン」を設置してみました。
ワードプレスを利用している方は使ってみてはどうでしょう？

※表示させたい、single.phpやindex.php、category.phpなんかの表示したい任意の箇所に貼り付けてください。

表示方法はいたって簡単。
表示せさたい箇所に以下のコードを記述。
まずは当ブログでも設置しているスタンダードタイプ。

<a href="http://b.hatena.ne.jp/entry/<?php the_permalink() ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title() ?>" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

続いて大きめのサイズのバーティカルタイプ。

<a href="http://b.hatena.ne.jp/entry/<?php the_permalink() ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title() ?>" data-hatena-bookmark-layout="vertical" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

最後に一番小さくてシンプルなB!のみ（ブックマーク数は表示されません）

<a href="http://b.hatena.ne.jp/entry/<?php the_permalink() ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title() ?>" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

以上です。とても簡単ですねー。
ちょっとtwittwerのボタンと似てるけど、デザインも良くて
最近のソーシャルボタンっぽくていい感じですね！