カテゴリリストへ代表画像を付与する
カテゴリリストへエントリ中の画像のなかで一番古い画像を一枚、代表画像として表示するエントリリストのサンプルです。
以下のような仕様です。
- 最新画像を代表画像にしたければ、MTEntries のsort_orderモデファイアをascendに変える
- エントリに複数画像がある場合は、そのなかの先頭画像を採用する
- そのカテゴリのエントリ群に画像が一枚もついていない場合は、単にカテゴリのみ表示する
- 画像の幅は幅80pixel、高さ60pixel固定
- 画像をクリックするとオリジナル画像を開く
CSSのカスタマイズで見た目を調整するといいです。
コード
<MTTopLevelCategories>
<MTSubCatIsFirst>
<ul>
</MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<MTCategoryArchiveLink>"<MTIfNonEmpty tag="MTCategoryDescription"> title="<MTCategoryDescription>"</MTIfNonEmpty>><MTCategoryLabel> (<MTCategoryCount>)</a></li>
<MTSetVarBlock name="CurCat"><MTCategoryLabel></MTSetVarBlock>
<li><ul>
<MTEntries category="$CurCat">
<MTEntryAssets>
<MTAssetsFooter>
<li><a href="<MTAssetURL>"><img src="<MTAssetURL>" width="80" height="60" alt="<MTAssetProperty property="description">" title="<MTAssetProperty property="label">" /></a></li>
</MTAssetsFooter>
</MTEntryAssets>
<li><a href="<MTEntryLink>"><MTEntryTitle></a></li>
</MTEntries>
</ul></li>
<MTElse>
<li><MTCategoryLabel></li>
</MTIfNonZero>
<MTSubCatsRecurse>
<MTSubCatIsLast>
</ul>
</MTSubCatIsLast>
</MTTopLevelCategories>
- ページ先頭へ
- 前のエントリ: エントリリストへ代表画像を付与する
- カテゴリ:アイテム関連サンプル
アイテム関連サンプル
- アイテムを取得するリスト
- ブログのアイテム数を取得する
- イメージのみを取得する
- イメージの幅と高さを取得する
- アイテムへのファイルリンクを取得する(1)
- アイテムへのファイルリンクを取得する(2)
- アイテムの種類を調べる
- アイテムのファイル拡張子を調べる
- アイテムのファイルサイズを調べる
- アイテムのタグと説明を取得する
- アイテムの追加日時を調べる
- アイテムのIDを調べる
- アイテムの投稿者を調べる
- エントリのアイテムを調べる
- ウェブページのアイテムを調べる
- 1つのアイテムのIDを指定して情報を取得する
- 最新の画像を一枚取り出す
- 指定アイテムと同じタグを持つ他の画像を抜き出す
- 縦横比を保持して全ての画像の幅をそろえる
- サムネイル画像でエントリリスト
- エントリリストへ代表画像を付与する
- カテゴリリストへ代表画像を付与する