« 「月別アーカイブ(ドロップダウン)」ウィジェットに件数表示追加 | Movable Type | ブログ記事のキーワードと説明文のMETA要素追加 »

「TagSupplementals」プラグインで関連記事を表示

Nakamura's Weblogで導入した「TagSupplementals」プラグインによる関連記事の表示を追加しました。

【表示例】
Ci090501182455.jpg

【設置方法】
(1)「関連記事」と言う名前でテンプレートモジュールを新規に作成し、以下のコードを記述します。タグ付けされている場合は、同じタグを持つ記事から最大10件が表示されます。タグ付けされていない場合は、同じカテゴリの新しい記事から最大10件が表示されます。
<MTEntryIfTagged>
<!-- 関連記事 TagSupplementals -->
<div class="relatedentries">
<h2 class="relatedentries-header">関連記事</h2>
<ul>
<MTRelatedEntries lastn="10" weight="idf">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTRelatedEntries>
</ul>
</div>
<!--/ 関連記事 TagSupplementals -->
<MTElse>
<div class="relatedentries">
<MTSetVarBlock name="ecat"><MTEntryCategories glue=" OR "><$MTCategoryLabel$></MTEntryCategories></MTSetVarBlock>
<h2 class="relatedentries-header">関連記事</h2>
<ul>
<MTEntries lastn="10" category="$ecat">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
</div>
</MTEntryIfTagged>
(2)「ブログ記事」テンプレートにモジュールを組み込みます。私はトラックバックの上に追加しました。
<$mt:Include module="関連記事"$>
(3)スタイルシートに以下を追加しました。とりあえず、ヘッダ文字サイズがトラックバックと同じになる様にしました。
/* 2009/05/01 関連記事追加 */
.relatedentries-header {
margin: 0;
padding: 5px 0;
font-size: 18px;
font-weight: bold;
}

【2009年8月30日追記】
関連記事のタイトルの前に投稿日を表示する様にしました。以下の太字部分を追加しました。

  • [<$MTEntryDate format="%x"$>]<$MTEntryTitle$>
  • アーカイブ

    Powered by Movable Type 7.9.6

    2022年11月

        1 2 3 4 5
    6 7 8 9 10 11 12
    13 14 15 16 17 18 19
    20 21 22 23 24 25 26
    27 28 29 30      

    作者のサイト

    作者プロフィール