トップページのサムネイル画像

MovableTypeのトップページにあるサムネイルを指定する方法。

トップページは、記事のリストにサムネイルをつけて、概略のみを表示させています。記事中に画像が使われていれば、その画像のサムネイルを表示させていましたが、画像がなければサイトの画像のサムネイルを表示させようと思いました。

今までは、

<mt:EntryAssets type="image" limit="1">
  <figure>
    <img src="<$mt:AssetThumbnailURL square="1" width="140" height="140"$>" class="thumb" title="<$mt:EntryTitle encode_html="1"$>">
  </figure>
</mt:EntryAssets>
としていましたが、

<mt:EntryAssets type="image" limit="1" tags="@EntryThumbnail">
  <figure>
    <img src="<$mt:AssetThumbnailURL square="1" width="140" height="140"$>" class="thumb" title="<$mt:EntryTitle encode_html="1"$>">
  </figure>
<mt:Else>
<mt:EntryAssets type="image" limit="1">
  <figure>
    <img src="<$mt:AssetThumbnailURL square="1" width="140" height="140"$>" class="thumb" title="<$mt:EntryTitle encode_html="1"$>">
  </figure>
</mt:EntryAssets>
</mt:EntryAssets>

として、@EntryThumbnailというタグがついた画像があれば、トップページのサムネイル画像とするようにしました。

【関連サイト】
Movable Type サムネイル画像, アイキャッチ画像の指定方法 - PS Work

リンクソース

  • 記事用リンクソース:
  • Wiki用リンクソース(PukiWiki):
  • Wiki用リンクソース(MediaWiki):
  • SNS投稿用: