たゆまかニュース　WordPressのTips帳　と　日常のメモ帳

• tweet

はてなブックマークの「○○users」があった方が良いかなと思って付けることにした。

実装方法を調べてみる

公式ではWordPressの実装方法が紹介されてなかった。

　はてなブックマークのヘルプページには紹介が多くのブログページに「○○users」の画像を実装する方法が紹介されているが、WordPressの方法は紹介されていなかった。

　自分のブログに「○○users」を表示する – はてなブックマークヘルプ

紹介されている方法を試してみた。

　「○○users」を導入する方法を紹介してくれているブログを見つけた。

　WordPressの記事内リンクに自動ではてブユーザー数を表示してみる | たったのセブンクレジット

　footer.phpのwp_footer();よりも前に下記のコードを入れることで記事内のリンクに「○○users」を付けることができる（ブログにjQueryを読み込んでいることが前提）。そのまま利用させてもらうと、リンクに「○○users」を付けることができたが、このブログの場合、以下のように必要ないところにも「○○users」がついてしまう。

　私の場合、pタグ内のaタグだけで良いかなと思ったので以下のようにした。

<script type="text/javascript">
jQuery(function() {
  var $ = $ || jQuery;
  $('div.post p a').each(function() {
    var url = $(this).attr('href');
    var hateb_api = 'http://b.hatena.ne.jp/entry/';
    var hateb_icon = $('<img />', { src: hateb_api+'image/'+url });
    var hateb = $('<a/>', { href: hateb_api+url, target: '_blank' }).append(hateb_icon);
    $(this).after(hateb);
  });
});
</script>

　これでとりあえず、pタグに含まれるリンクは「○○users」が付くようになった。他のリンクは付かないが、それは必要になったら作り直すことにする。

　以上です。

• tweet

Sponsored link