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

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 用ですが、色々と変えれば、他でも使えると思います。

コメントを残す

メールアドレスが公開されることはありません。