新はてなブックマークボタンをWordPressに設置する方法。

はてなブックマークボタンがリニューアルされたらしく…。

別のページを開く事無く、最新のはてブコメントを読む事が出来たり、ブックマークを登録出来たり、と良い事づくしなので、入れ替えてみた。

新ボタンは使いやすくなりました! はてなブックマークボタン で作成する事が出来るが、Wordpressで記事単位でブクマボタンを生成するためには、記事URLと記事タイトルを動的に取得する必要がある。

というわけで、WordPressで「新はてなブックマーク」を使う方法。
「単体記事」のテンプレートに以下のタグを埋め込むだけ。

<a href="http://b.hatena.ne.jp/entry/<?php the_permalink();?>" class="hatena-bookmark-button" data-hatena-bookmark-layout="standard" title="<?php the_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>

どういうボタンが設置出来るかはこの記事をブックマークに追加してみればわかると思う。(ていうか、むしろお願いしますm(_ _)m)

一応書いておくと、このボタンを入れた後、ちょっと記事の読み込みが遅くなった気がする。
リスク回避のためにも、記事の上部では無く、下部に設置した方が良いかもしれない。(はてなのサーバが落ちてても記事下部なら記事読み込みには問題無いし。)
とかいいながら、自分のブログでは上部と下部につけてみたけど。

2010年12月11日  タグ:,

Leave a Reply