はてブのカウントとリンクを貼ってみる このエントリをはてなブックマークに>追加

最近、Blogにはてブのカウントとリンクを貼っているところが多いので試しにWordpressでもやってみることにした。はてブへのリンクが簡単なのは想像に難くない。面倒と言えばhatena.gifを用意してやんないといけないくらいか。

<a href="http://b.hatena.ne.jp/append?<?php echo urlencode(get_permalink()) ?>"><img src="hatena.gif"/></a>

やっぱ簡単だった。ちゃんと属性とかつけてやるとこんな感じになるかな。

<a href="http://b.hatena.ne.jp/append?<?php echo urlencode(get_permalink()) ?>"><img src="hatena.gif" alt="このエントリをはてなブックマークに追加" title="このエントリーをブックマークに追加" width="16" height="12"/></a>

しかしユーザー数の方は面倒だろうなあ・・・きっとAPI叩いてカウント数を取得して……と思ったら、なんとユーザー数のカウントは画像で提供してるらしい。やるなはてな。

<img src="http://b.hatena.ne.jp/entry/image/<?php the_permalink() ?>"/>

簡単だ……簡単すぎる。これもはてブみたいにリンクを張りたいので、以下のように修正。

<a href="http://b.hatena.ne.jp/entry/<?php the_permalink() ?>"><img src="http://b.hatena.ne.jp/entry/image/<?php the_permalink() ?>" border=0/></a>

これでユーザー数をクリックしたらはてなのエントリページに飛んでくれる。

WP_ROOT/wp-content/themes/ご使用のテーマ/{index.php|single.php}を編集して、それらしき場所(<?php the_title(); ?>がある行。themeがjapanだと12〜13行目、</h2>の直前)に上記2つのコードを書いたらできあがり。なんか、やけにはてなに迎合してるようなデザインになってしまった。やっぱりうまく踊らされてる?

コメントをどうぞ。

使用できる XHTML タグ : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>