「はてなブックマークボタン」をWordPressの個別記事に設置する方法

「はてなブックマークボタン」をWordPressに設置する場合、公式ページで生成したコードをそのまま貼ると個別記事に対応できないという問題が発生します(サイトのトップページのブックマークになってしまいます)。

はてなブックマーク

今回は「はてブボタン」をWordPressの個別記事にブックマークできるようにする方法を解説します。

はてなブックマークボタンとは

はてなブックマークボタンは、はてなブックマークのコメントが読めたり、その場でブックマークを追加できたりする、ウェブページ用のボタン(ガジェット、ブログパーツ)です。

このボタンをあなたのWebサイトに設置すると、何人にブックマークされているかが一目で分かったり、ユーザーがあなたのサイトを離れることなくブックマークする機能を提供できます。ブックマーク時のタグや外部連携機能はもちろんのこと、ユーザーのお気に入りのブックマーク状況や新着ブックマークコメントを読むこともできます。

はてなブックマークボタンの作り方

まずは下記ページより自分のサイトのコードを生成します。
保存するURLはとりあえず自分のサイトのURLを入力すればOKです。

LINK:はてなブックマークボタンの作成・設置について

そして、自動生生成されたコードの2ヶ所をWordPress用に書き換えます。

1.保存するURLを

<?php the_permalink() ?>

に変更。

2.「data-hatena-bookmark-title=”タイトル”」を

<?php the_title(); ?>

に変更(現在生成されるコードではこの修正は不要になっているようです)。これで完成!

<img src~>の部分を修正すれば、画像の変更も可能です。