ムーバブルタイプで関連記事一覧を表示する方法

  • 投稿
  • 編集

ムーバブルタイプで関連記事一覧を表示する方法

TagSupplementalsというプラグインを使って関連記事リストを表示する方法を書き留めておきます。このプラグインはOgawa::Memorandaが提供していて、タグに関連する記事を表示することが可能です。

TagSupplementalsmt/pluginsにアップロードするだけで準備は完了です。

そして、以下のコードで「関連記事」というテンプレートモジュールを作成。ちなみにlastn="5"は5件の表示を指定しているところ。

<div class="widget">
<h2 class="widget-header">関連記事</h2>
<ul class="widget-list">
<MTRelatedEntries lastn="5">
<li class="widget-list-item">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>
</li>
</MTRelatedEntries>
</ul>
</div>

あとはテンプレート内で表示したい箇所に以下のMTタグを記載すればOK。

<$mt:Include module="関連記事"$>

 

参考にサムネイル画像付きのリストにしたい場合はこんな感じ。

<div class="widget">
<h2 class="widget-header">関連記事</h2>
<ul class="widget-list">
<MTRelatedEntries lastn="5">
<li class="widget-list-item">
<a href="<$MTEntryPermalink$>">
<img src="<mt:EntryAssets type="image" limit="1">
<$mt:AssetThumbnailURL height="60" square="1" encode_html="1"$>
<mt:Else>
<mt:Assets type="image" tag="@SITE_ICON" limit="1">
<$mt:AssetThumbnailURL height="60" square="1" encode_html="1"$>
<mt:Else>
<$mt:SupportDirectoryURL with_domain="1" encode_html="1"$>theme_static/rainier/img/siteicon-sample.png
</mt:Assets>
</mt:EntryAssets>
" width="60" height="60" alt="<$MTEntryTitle$>" />
</a>
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>
</li>
</MTRelatedEntries>
</ul>
</div>