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

Nov 25, 2010

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

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

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

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

[php]
このエントリーをはてなブックマークに追加
[/php]

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

ここに現在のページのURL

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

ここにページのタイトル

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

タイプを3種類から選択

[スタンダード(B!+ブックマーク数を表示)]
新はてブボタンをWordPressに設置する方法
の場合は
standard
と入力、

[バーティカル(大きめのサイズでB!+ブックマーク数を表示)]
新はてブボタンをWordPressに設置する方法
の場合は
vertical
と入力、

[シンプル(B!のみ、ブックマーク数は表示されません)]
新はてブボタンをWordPressに設置する方法
の場合は
simple
と入力すればOK!

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

[php][/php]

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

おまけ

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

白坂翔
白坂翔

東京のWEB制作会社の代表をしています。デザイナー兼ディレクター。
JELLY JELLY CAFEというお店のオーナーでもあります。MORE

LINE@やってます

'stats.label.addfriend' (MISSING TRANSLATION)

あわせてどうぞ

株式会社人狼を設立しました。