投稿にアイコン表示

投稿記事毎にカテゴリーアイコンを表示する方法。


 まず、数字でできたカテゴリーIDを調べておきます。データベースにアクセスできるならばそれで調べてください。ちなみに僕はカテゴリー名に日本語を使っているのでファイル名が意味不明のアルファベットに置き換わらないようにカテゴリーアーカイブ・ファイルのテンプレートに”category<$MTCategoryID$>.html”と追加記述しています。カテゴリーのID番号がカテゴリー・アーカイブのhtmlに割り振られるようにするためです。同じようにしている人はそのhtmlファイルからID番号を確認します。
 次に各カテゴリーのアイコンを描きます。僕のページでは、通常アイコンは32x32pxですがそれだと隙間が開きすぎるように感じるので22x22pxで作成しました。アイコンを描いたら先に調べたカテゴリーIDでファイル名をつけます。参考までに僕の例では「三日坊主日記」 22.gif、「携帯から」 23.gif・・・のようにしています。(三日坊主日記のカテゴリーIDが 22という訳です)
 準備のできたアイコンをFTPなどでサーバーにアップロードします。(僕は後で追加するときに MovableTypeのファイルアップロード機能を使って簡単に画像をアップできるように”archives”フォルダの中の”category”フォルダにアップロードしています。)
 あとは MainIndexを開いてアイコンを表示したい場所に以下のタグを加えます。
<MTEntryCategories glue=”, “><img src=”archives/category/<$MTCategoryID$>.gif” width=”22″ height=”22″ border=”0″></MTEntryCategories>
□少し補足説明をしておきます。
・width=”22″ height=”22″の部分は自分のアイコンのサイズに置き換えてください。よくわからない場合はこの部分は削除してかまいません。ちなみにwidthは画像の横幅、heightは画像の縦幅を指定しています。
・<img src=以下は自分のアイコンファイルまでのパスに正確に置き換えてください。
・画像ファイル名は投稿のカテゴリーに応じて <$MTCategoryID$>.gif の<$MTCategoryID$>の部分がカテゴリーIDに置き換わることで該当アイコンが表示されるようになります。