[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のボタンと似てるけど、デザインも良くて
最近のソーシャルボタンっぽくていい感じですね!

“[WordPress]新しくなった「はてブボタン」をワードプレスに設置してみた” への1件の返信

  1. My wife and i were quite thrilled when Peter could do his research with the precious recommendations he came across from your blog. It’s not at all simplistic to just be making a gift of tricks that some other people have been selling. Therefore we grasp we now have the website owner to be grateful to for that. All of the illustrations you made, the easy site menu, the friendships you will assist to engender – it’s all awesome, and it’s aiding our son and the family feel that the subject is satisfying, and that is truly pressing. Thanks for all the pieces!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です