新しくなったはてブ登録ボタンをWordPressのテンプレートに仕込んで共通で使用する方法

2010年11月25日

はてブの登録ボタンが新しくなったようです。どうやら画面遷移なしで登録できるようになったみたい。これは嬉しいですね。

ここで見たです

使いやすくなりました! はてなブックマークボタン

Wordperssのテンプレートを変更する際には下記を「single.php」とか「home.php」とか「inex.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>

シンプル

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

これだけ。

まだ試してないから動くかどうかは後で検証します。

また、上記ページではAppleTVがあたるキャンペーンもやってるようです。ブックマークするだけで良いそうなのでほしい方はお試しあれ。因みに僕はブックマークしますぞ、後で。AppleTVほしいし!

他にこんな事も書いてます

FBでコメント