はてなブックマーク/del.icio.us/Livedoor clipの被ブックマーク数を表示するプラグイン(Movable Type 3.3用・その2)

「はてなブックマーク/del.icio.us/Livedoor clipの被ブックマーク数を表示するプラグイン」の第2回目として、エントリーアーカイブページに、被ブックマーク数を静的に表示する(テンプレートを再構築した時点で表示する)方法を解説します。

1.被ブックマーク数を表示するタグ

このプラグインをインストールすると多数のテンプレートタグが追加されます。
個々のエントリーの被ブックマーク数は、以下のテンプレートタグで表示することができます。

テンプレートタグ内容
MTEntryHatenaBookmarkCountはてなブックマークでの被ブックマーク数を表示します。
MTEntryDeliciousBookmarkCountdel.icio.usでの被ブックマーク数を表示します。
MTEntryLivedoorBookmarkCountLivedoor clipでの被ブックマーク数を表示します。

昨日のエントリーで、各エントリーの被ブックマーク数を一括取得する方法を解説しました。
その操作を行った後で、上記のタグを含むテンプレート(エントリー・アーカイブ・テンプレートなど)を再構築すれば、各エントリーに被ブックマーク数が表示されます。

2.各サービスへのリンクの出力

エントリーを各サービスでブックマークしてもらいやすくするために、以下のタグを使って、各サービスへのリンクを出力することができます。

テンプレートタグ内容
MTEntryHatenaBookmarkLinkはてなブックマークでエントリーをブックマークするページのURLを出力します。
MTEntryDeliciousBookmarkLinkdel.icio.usでエントリーをブックマークするページのURLを出力します。
MTEntryLivedoorBookmarkLinkLivedoor clipでエントリーをブックマークするページのURLを出力します。

また、各サービスには、個々のページの被ブックマーク状況を表示する機能がありますが、そのページへのリンクも以下のタグで出力することができます。

テンプレートタグ内容
MTEntryHatenaBookmarkInfoLinkはてなブックマークでの被ブックマーク状況のページのURLを出力します。
MTEntryDeliciousBookmarkInfoLinkdel.icio.usでの被ブックマーク状況のページのURLを出力します。
MTEntryLivedoorBookmarkInfoLinkLivedoor clipでの被ブックマーク状況のページのURLを出力します。

3.タグの組み合わせの例

例えば、以下のようにしたいとします。

  • 個々のエントリーのサイドバーに、サービスの名前と被ブックマーク数を表示
  • サービス名をクリックすると、そのサービスでブックマークするためのページに移動
  • 各サービスの被ブックマーク数をクリックすると、そのサービスの被ブックマーク状況のページに移動

Movable Typeの標準のテンプレートの場合、上記のようにするには、エントリー・アーカイブ・テンプレートのサイドバーの部分に以下のタグを入れます。

<div class="module-bookmark-count module">
   <h2 class="module-header">被ブックマーク数</h2>
   <div class="module-content">
      <ul class="module-list">
         <li class="module-list-item"><a href="<$MTEntryHatenaBookmarkLink$>" target="_blank">はてなブックマーク</a>:<a href="<$MTEntryHatenaBookmarkInfoLink$>" target="_blank"><$MTEntryHatenaBookmarkCount$></a></li>
         <li class="module-list-item"><a href="<$MTEntryDeliciousBookmarkLink$>" target="_blank">del.icio.us</a>:<a href="<$MTEntryDeliciousBookmarkInfoLink$>" target="_blank"><$MTEntryDeliciousBookmarkCount$></a></li>
         <li class="module-list-item"><a href="<$MTEntryLivedoorBookmarkLink$>" target="_blank">Livedoor clip</a>:<a href="<$MTEntryLivedoorBookmarkInfoLink$>" target="_blank"><$MTEntryLivedoorBookmarkCount$></a></li>
      </ul>
   </div>
</div>

また、小粋空間のテンプレートで同様の表示を行うには、エントリー・アーカイブ・テンプレートのサイドバーの部分に、以下のタグを入れます。

<!-- 被ブックマーク数開始 -->
<div class="sidetitle">
Bookmark Count
</div>
 
<div class="side">
<ul>
<li><a href="<$MTEntryHatenaBookmarkLink$>" target="_blank">はてなブックマーク</a>:<a href="<$MTEntryHatenaBookmarkInfoLink$>" target="_blank"><$MTEntryHatenaBookmarkCount$></a></li>
<li><a href="<$MTEntryDeliciousBookmarkLink$>" target="_blank">del.icio.us</a>:<a href="<$MTEntryDeliciousBookmarkInfoLink$>" target="_blank"><$MTEntryDeliciousBookmarkCount$></a></li>
<li><a href="<$MTEntryLivedoorBookmarkLink$>" target="_blank">Livedoor clip</a>:<a href="<$MTEntryLivedoorBookmarkInfoLink$>" target="_blank"><$MTEntryLivedoorBookmarkCount$></a></li>
</ul>
</div>
<!-- 被ブックマーク数終了 -->