rakuishi.com

[WP Plugins] 「Recent Posts Plus」で、サイドバーの最新の記事に「はてなブックマーク数」を表示する

WordPress は、標準で「最新の記事」を表示してません(テーマによっては対応しているようです)。

最近の記事は、いつもトップに表示してあるから別にいいやと思っていたのですが、「ブログは線でなく点で読まれる」という格言を聞いてから、急いで「最新の記事」をサイドバーに用意しました。

今回は、ちょこっと手を加えて、はてなブックマーク数を表示させる方法を忘備録がてら、ご紹介します。

完成予想図はこんな感じになります。青のリンクに赤のはてブが映える!

「Recent Posts Plus」設定手順

最近の記事をサイドバーに表示する「Recent Posts Plus」というプラグインを導入します。

http://wordpress.org/extend/plugins/recent-posts-plus/

WordPress 公式サイトから zip ファイルをダウンロードして展開後、FTP アプリで「/wp-content/plugins/」にアップロードし、「WordPress 管理画面」→「プラグイン」→「インストール済みプラグイン」で「有効化」する。

もしくは、「WordPress 管理画面」→「プラグイン」→「新規追加」で「Recent Posts Plus」を検索し、「いますぐインストール」→「プラグインを有効化」する。

有効化した後、「WordPress 管理画面」→「外観」→「ウィジェット」に移動します。

「利用できるウィジェット」に「Recent Posts Plus」というのがあるので、それをドラッグアンドドロップでサイドバーに追加します。

一番下にある「Show expert options」にチェックして、拡張機能を展開します。

「Widget Output Template」には、最初このように記述されています。

<li>
  {THUMBNAIL}
  <a title="{TITLE_RAW}" href="{PERMALINK}"> {TITLE} </a>
  {EXCERPT}
</li>

今回は、記事タイトルの最後に「はてなブックマーク数」を表示するので、「Widget Output Template」を次のように変更します。

<li>
  <a title="{TITLE_RAW}" href="{PERMALINK}">{TITLE}</a>
  <a href="http://b.hatena.ne.jp/entry/{PERMALINK}" target="_blank">
    <img border="0" src="http://b.hatena.ne.jp/entry/image/{PERMALINK}" />
  </a>
</li>

「保存」をクリックして、完成です。

ブログを確認してみましょう。