「ブログにはてブのコメントを表示」をWordPressで導入


さっそくやってみた! これ前からやりたかったの!

masuidrive on rails – ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js
http://blog.masuidrive.jp/index.php/2008/04/17/released-hatena-bookmark-anywhere/

導入の仕方はかなり簡単で、JavaScriptファイルをダウンロードして自分のブログにアップロードし、あとはHTML追記するだけですが一応こまかいところ補足。

まずはコピペ部分ですが、手動の修正箇所が1カ所だけあります。よく読めば当然ですが、以下の赤字の部分ね。

<script type= “text/javascript”>/*<![CDATA[*/
// var hatena_bookmark_anywhere_limit = 10; // 表示する件数
// var hatena_bookmark_anywhere_style = true; // trueでデフォルトスタイル falseを設定するとCSSでスタイルの指定が可能
// var hatena_bookmark_anywhere_collapse; // trueにすると、コメントの書いてないブクマを表示しない。指定しない場合は、表示件数を超えた場合のみコメントを表示しない
// var hatena_bookmark_anywhere_url; // 表示するURL 未指定の場合、現在のページ
/*]]>*/</script>
<script src=”[設置パス]hatena-bookmark-anywhere.js” type=”text/javascript” charset=”utf-8″></script>
<div id=”hatena_bookmark_anywhere”></div>

ここはダウンロードしてファイル名を「hatena-bookmark-anywhere.js」に変更したJavaScriptファイルの置き場所を指定。うちは https://bloggingfrom.tv/wp/ の直下においたので、ここの表記は http://bloggingg.from.tv/wp/hatena-bookmark-anywhere.js になります。

張る場所ですが、<div>要素は別にできるそうなので、最後の1行のみを<body>内に、その前の<script>部分を<head>内に記述します。

WordPressの管理画面から「表示」「テーマエディタ」を選択。ちなみにうちのWordPressのバージョンは「ME2.2.3」ね。

<head>はその名の通り「ヘッダー」にあるので、</head>直前とかに以下の部分を置きます。要は最後の一行以外ね。日本語も単なるコメントなのでそのまま張っちゃってOK。

<script type= “text/javascript”>/*<![CDATA[*/
// var hatena_bookmark_anywhere_limit = 10; // 表示する件数
// var hatena_bookmark_anywhere_style = true; // trueでデフォルトスタイル falseを設定するとCSSでスタイルの指定が可能
// var hatena_bookmark_anywhere_collapse; // trueにすると、コメントの書いてないブクマを表示しない。指定しない場合は、表示件数を超えた場合のみコメントを表示しない
// var hatena_bookmark_anywhere_url; // 表示するURL 未指定の場合、現在のページ
/*]]>*/</script>
<script src=”[設置パス]hatena-bookmark-anywhere.js” type=”text/javascript” charset=”utf-8″></script>

続いてはてなぶックマークのコメントを表示したいところに最後の一行を張る。うちはブログのコメント前に置きたかったのでこんなかんじ。表示場所は好きに選ぶとよいかと。

<?php the_content(‘<p class=”serif”>Read the rest of this entry ?</p>’); ?>

<div id=”hatena_bookmark_anywhere”></div>

<?php wp_link_pages(array(‘before’ => ‘<p><strong>Pages:</strong> ‘, ‘after’ => ‘</p>’, ‘next_or_number’ => ‘number’)); ?>

これで見事はてなブックマークのコメントが表示されましたよ! パチパチパチ。

はてなブックマークのコメントをブログに表示機能というのは以前から欲しかったんだけど、前にそういうのが作られたとき転載云々の問題でなくなった、みたいな話を聞いたことがあった(聞いただけなので真実かどうかはしらない)。でもはてなブックマークのotsuneさんのコメント見ると大丈夫っぽい?

otsune いわゆる d:id:suVene のアレ機能。ちなみにはてな規約的にはブックマークコメントのマッシュアップは許諾Okと明記してるはず

はてなブックマーク – masuidrive on rails – ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js
http://b.hatena.ne.jp/entry/http://blog.masuidrive.jp/index.php/2008/04/17/released-hatena-bookmark-anywhere/

ちょっと表示がもたつくけど、はてなブックマークのほうが気軽にコメントできるし、自分でコントロールできるからいい、という人もいるので、はてなブックマークでついたコメントをブログでも表示できるのはかなり嬉しい。この機能作ってくれた作者さんに今一度感謝であります。


コメントを残す

This site uses Akismet to reduce spam. Learn how your comment data is processed.