WordPressの記事一覧(ループ)ではてなブックマークのボタンをそれぞれのページのブックマークとして設置する方法

はてなブックマークのボタンがありますが
そのまま設置すれば、そのページのブックマークが出来ます
URLとタイトルを指定すれば、指定されたURLとタイトルでブックマークされます

これをWordPressで記事一覧のページで動的に処理をして
それぞれの記事へのURLとタイトルとなるようにしてはてなブックマークのボタンを設置する方法です

はてなブックマークをループで使うときの加工コード

<a href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>" class="hatena-bookmark-button" data-hatena-bookmark-layout="simple-balloon" title="" data-hatena-bookmark-title="<?php the_title("");?>"><img src="http://b.st-hatena.com/images/entry-button/button-only@2x.png" 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>

ボタン吹き出しのデザインは、 data-hatena-bookmark-layout = ここを変更してください

変更できる値は以下の5つです

standard-balloon 数を表示する

standard-noballoon 数を表示しない

vertical-balloon 上の方に数を表示する

simple 数を表示しないアイコンのみ

simple-balloon 数を表示するアイコンのみ

また、アイコンではない方では次のパラメータをaタグに加える必要があります

data-hatena-bookmark-lang=”ja”