note から WordPress に出戻りました!😭

WordPress に [ はてなブックマークボタン ] を設置する方法

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です!
ご訪問ありがとうございます。ゆっくりしていってね。(本ページは広告を含みます。)

2011年6月22日、WP Social Bookmarking Light プラグインを使えば簡単に設置できそうですが、あえて手作業で設置してみるシリーズ第三弾。

この記事の目次 非表示

設置公式ページ

設置コード

次のタグを body 終了タグの直前に貼り付けます。

<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(); ?> | <?php bloginfo('name'); ?>" 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>

設置コードは WordPress 用ですが、色々と変えれば、他でも使えると思います。

現場からは以上です。それでは、またッ!!!