tf_display.php に「はてなブックマークボタン」のコードを入れる
「はてなブックマークボタン」に必用な情報は「ページのURL」と「ページのタイトル」。
で、tf_display.php の中でこの2つは以下の変数に入ってる。
- $post_link ページの URL
- $post_title ページのタイトル
というわけで、さっきの「はてなブックマークボタン」のコードを tf_display.php の中に入れるにはこんな感じにすれば良い。
$output .= ' <div class="buttons"> <a href="http://b.hatena.ne.jp/entry/' . $post_link . '" class="hatena-bookmark-button" data-hatena-bookmark-title="' . $post_title .'" 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> <script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> </div>'; $output .= ' </div><div style="clear:both"></div><div style="padding-bottom:4px;"></div>'; return $output; } } ?>
自分は「はてなブックマークボタン」は一番右側に出す事にしたので、Google+1 のコードの下にこのコードを入れた。(場所をわかり易くする為に tf_display.php の最後まで載せてます。)
あと、ボタンの横幅も、125px だとちょっと大きいかな?と思ったので 115px に変更しておいた。
これで、Facebook の「いいね」、Twitter の retweet、Google+1 に「はてなブックマークボタン」を1つのプラグインで出せる様になった!