新はてなブックマークボタンに対応しました

Hinemosu,WordPress

できるポケット+ はてなブックマークで情報アンテナが10倍広がる本

新しい「はてなブックマークボタン」がリリースされたようなので、さっそくウチのブログでも対応してみました。

遠慮なくお試してくださって結構ですので、光の速さで「はてブ」すると良いよ。

設置方法メモ

新はてなブックマークボタンの設置方法をメモっておきます。

詳細な使い方は「使いやすくなりました! はてなブックマークボタン」を参照して貰うとして、WordPressの個別記事に貼り付けるなら、以下のようなコードを書けばいいと思います。

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

facebookやTwitterの公式コードと比べると、はてブボタンが一番「美しい」と思いました。こういうトコロはサスガだな~。

ボタン形状の変更

「data-hatena-bookmark-layout="standard"」の"standard"部分を書き換えると、ボタン形状を変更することが出来ます。

はてブボタン形状例
ボタンタイプ 表示例
standard このエントリーをはてなブックマークに追加
vertical このエントリーをはてなブックマークに追加
simple このエントリーをはてなブックマークに追加