MT　最新記事一覧で画像を表示する

このサイトのTOPに、「news」として最新記事を７件表示しています。
UPした日付やエントリ記事のタイトル・要約以外に、記事と一緒にUPした画像も表示しました。

今回は、そのやり方をまとめました。

【エントリ記事一覧に関連する画像も一緒に表示する】
※MT4以降に新しく追加されたタグを使用しているようです。
※使っているバージョン：MT4.24-ja（このバージョンで動作確認）
ビジネスサイト用のMTを使っていますので、「blog記事」と「ウェブサイト」記事を使い分けることができます。

詳細は以下より。

【エントリ記事一覧に関連する画像も一緒に表示する】
使い方、基本のコードは下のサイトを参考にさせて頂きました。

SKYARC System
MTAssetsタグを利用した画像の自動表示
http://www.skyarc.co.jp/engineerblog/entry/3536.html

このサイトでは、関連する画像が無い場合に「no image」という画像が表示されるように、<img src=””>タグに修正しています。
「no image」用の画像をUPします。
あとは、日付やら表示する内容やらタグで指定します。（ここは、何かのテンプレートモジュール？でも使うと楽かもしれないですね。）
cssでカタチを整えておしまいです。

また、タグについての詳細は、SixApart社さんにて確認、とのこと。

SixApart社
アイテム管理機能で追加された Movable Type テンプレートタグ

以下は、メモ。
<MTAssets>タグ：
ブログのアイテム一覧のためのブロックタグ。
属性指定で、特定のアイテムを抜き出す。ブロックタグ <MTENtries></MTENtries> が、ブログ記事の一覧を表示するのと同じような役割を持っている。

使い方：
エントリ記事と同じキーワードを持つアイテムを表示するコードなので、まず、キーワードを決めます。
画像をUPするときに、「タグ」欄にそのキーワードを入力します。
そして、エントリ記事を書きます。「キーワード」欄に画像をUPしたときと同じキーワードを入力。
TOPページを確認してみてください。写真と記事が一緒に表示されます！

＜こちらの記事もどうぞ！＞

コメントを残す