ゆっくり…して…イってネ！

はてなブックマークのコメントを表示するブログパーツをリリースしました – はてなブックマーク日記 – 機能変更、お知らせなどより。

はてブのコメントをブログに貼り付けれるようになったとのことでしたので、早速ポックンの WordPress にインスコしてみますた。

最初プラグインにしようかと思ったのですが、プラグインではブログのコメントの後にはてブを入れるようなことができなかったので、テーマを直接編集してます。それとはてブはアーカイブとページのみで表示されるようにしてます。

以下具体的なやり方です。

1. ヘッダー (header.php) を編集する

   外観→編集から、ヘッダー (header.php) の編集を選択し、以下のスニペットを </head> の手前に入れます。

   <?php if (is_singular() && !(is_preview() || is_feed() || is_404() || is_robots() || is_comments_popup())) : ?>
   <script type="text/javascript" charset="utf-8" src="http://b.hatena.ne.jp/js/bookmark_blogparts.js"></script>
   <script type="text/javascript">
   HBBlogParts.commentInsertSelector = [ 'div.hatena-bookmark-marker', 'div.article-body-inner', 'div.blogbody div.mainmore', 'div.blogbody div.main', 'div.entry-body-main'];
   HBBlogParts.insertPosition = 'after';
   HBBlogParts.permalinkSelector = [ 'div.hatena-bookmark-marker a', 'div h3 a', 'h2.title a', 'h2.entry-title a', '.posted a' ];
   HBBlogParts.permalinkPathRegexp = /<?php echo preg_quote(get_permalink(), '/') ?>/;
   HBBlogParts.permalinkAttribute = 'href';
   </script>
   <?php endif ?>

   get_permalink じゃなくて the_permalink の方が良いかもしれませんが、その場合 JavaScript で正規表現をエスケープする必要があります。ちと面倒っぽかったので手抜きしました。

2. コメント (comments.php) を編集する

   同じく外観→編集からコメント (comments.php) の編集を選択します。

   <?php if (is_singular() && !(is_preview() || is_feed() || is_404() || is_robots() || is_comments_popup())) : ?>
   <div class="hatena-bookmark-marker"><a style="display:none;" href="<?php echo get_permalink() ?>"></a></div>
   <?php endif ?>

   上のスニペットはコメント (comment.php) ではなく、メインインデックスのテンプレート (index.php) の適当な場所に入れてもおkです。

   あとヘッダーと同じく get_permalink は the_permalink の方が良さげですが、直す場合は両方直してください。

デザインの変更ははてなブックマークコメント表示ブログパーツ・デザイン設定とは – はてなキーワードを参考にしてください。ブログパーツ自体のカスタマイズについてははてなブックマークコメント表示ブログパーツとは – はてなキーワードをどうぞ。

ところではてブなんか自分のブログに置いて何がうれしいのかしら？

叩かれてるのをアピールするとか、過疎ってるのをアピールするとか？www