別冊webメモ

自分用リファレンス&アウトプット

Movable Typeでカテゴリーアイコンを画像で表示させる

MTのblog記事毎にカテゴリーのアイコンを画像で出したかったので、その方法です。
 

カテゴリーを設定する

記事>カテゴリから画像を出したいカテゴリーを予め登録しておきます。

f:id:aoicotori:20131202165822p:plain
カテゴリーを画像で表示させるには、
カテゴリー名の横の()内「出力ファイル名」を使用します。
こちらは任意のファイル名に変更も可能です。
 

命名規則に則って画像を用意する

イコン画像を用意します。

f:id:aoicotori:20131202165811p:plain
ファイル名は先ほど指定した、
カテゴリーの出力ファイル名を含む形にします。
 

画像ファイル名に<$MTCategoryBasename$>で、指定した画像を出す

カテゴリーアイコンを出したい場所にMTタグを含むimgを記述します。

<img src="<$mt:WebsiteURL$>img/ico_<$MTCategoryBasename$>.png"/> 

例えばこんなかんじ

<mt:If tag="EntryCategory">
<MTEntryCategory><p><a href="<$mt:CategoryArchiveLink$>"><img src="<$mt:WebsiteURL$>img/ico_<$MTCategoryBasename$>.png"/></a></p></MTEntryCategory>
</mt:If>

エントリーするときに、設定したカテゴリーを選択すれば画像が出ます。

広告を非表示にする