新はてなブックマークボタンに対応しました
新しい「はてなブックマークボタン」がリリースされたようなので、さっそくウチのブログでも対応してみました。
遠慮なくお試してくださって結構ですので、光の速さで「はてブ」すると良いよ。
設置方法メモ
新はてなブックマークボタンの設置方法をメモっておきます。
詳細な使い方は「使いやすくなりました! はてなブックマークボタン」を参照して貰うとして、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 |
ディスカッション
コメント一覧
まだ、コメントがありません