新はてブボタンをWordPressに設置する方法

はてブボタンの新デザインが発表されましたね！

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

やけにコギレイになってしまって、今までのはてブらしさは皆無ですね。
賛否両論あると思いますが、早速WordPressで設置してみました。

ソースはこんなかんじで構成されています。

[php]
[/php]

このソースの中で、計3箇所を埋めていけばいいわけです。
では、順にみていきましょう。

ここに現在のページのURL

現在のページのURLを取得するには、
[php][/php]
を使います。

ここにページのタイトル

ページタイトルの取得は、
[php][/php]
を使います。

タイプを3種類から選択

[スタンダード(B!＋ブックマーク数を表示)]

の場合は
standard
と入力、

[バーティカル(大きめのサイズでB!＋ブックマーク数を表示)]

の場合は
vertical
と入力、

[シンプル（B!のみ、ブックマーク数は表示されません）]

の場合は
simple
と入力すればOK！

この3つを全て埋めると、
以下のようなコードになります。

[php][/php]

このコードをコピペするだけで、
WordPressに新はてブボタンを設置することが出来ます。
ぜひ、試してみてください！

おまけ

実際吐き出されるソースは、iframeで構成されています。
[html][/html]
もし、スタイルシートでレイアウト調整する場合は、
「hatena-bookmark-button-frame」をいじくればOKです！