about

sogo  
fukidasi

  social

Count per Day

  • 785現在の記事:
  • 438今日の閲覧数:
  • 5現在オンライン中の人数:

WordPressで「はてなブックマークコメント」をプラグインを使わずにphp直接記述で表示させる方法

ブログ運営者にとって、読者により記事を「はてなブックマーク」に登録される事はアクセスやSEO的にもかなり有効であることはおわかりかと思います。




Wordpressでも「はてなブックマークコメント」を表示させる為のプラグインが数種あります。
Hatena bookmark anywhere とか
Hatena Bookmark Comment 等々です。

しかし、私の環境ではどちらのプラグインも表示がいまいちだったり、INDEXページに表示されるも個別ページにが表示されない等の不具合がみられ使えませんでした。

そこで、プラグインを使わずにphpに直接記述してしまいましょうというのが今回の記事です。
わかりやすく言いますと、「はてなブックマーク」から配信しているコメント用ブログパーツをWordpressでも使えるようにphpを編集すると言ったほうが正しいかもしれません。

私の場合、表示させたい場所は既存コメントフォームの直下ですので、編集記述するのは、(header.php) と (comments.php) となりますが、コメント以外の部分に表示させたいのであれば、(comments.php)ではなく(index.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 ?>
 

続いて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 ?>

以上の簡単な作業で「はてなブックマークコメント」フォームが表示されるようになりますが、カラー等は、はてなブックマークのデフォルトの状態で表示されますので、自分なりにコードを編集しカスタマイズしてみるのもありかなと思います。
(ちなみに私はデフォルト色が好きです)

今回の方法以外にもさまざまな表示方法があるようですが、私がやってみて一番簡単と思う方法を記事にしてみました。
(あくまで参考程度に留めておいて頂けると幸いです・・・・・)


Pocket

  • test

Trackback URL


この記事を共有していただければ嬉しく思います。コメントもお待ちしておりますのでお気軽にどうぞ!
※ドメインを移行しましたら共有数が0にリセットされてしまいましたので、ご協力お願い致します。