MTRecentImages

朝のひと仕事、MTRecentImages プラグインを導入して、トップページに最新画像をリストアップできるようにしてみた。

とはいっても、それは私のサイトのことではなくて、八木さんからのご要望。


 Version 2.01 supports Movable Type 3.3x

ということなので、迷わず2.01を使う。

必要なPerIモジュール

RecentImagesプラグインは、PerIモジュールの「HTMLITokeParser」を使用する。また、サムネイルの作成を行う場合、「Image::Magick」も必要となる。

私のように、サーバーを借りて使っている場合、モジュールがインストール済みかどうかなどは、サーバー管理者(ホスティング先)に問い合わせるしかないのだが、「Image::Magick」については、mt-check,cgiを実行することでインストールされているかどう かを確認することが可能。(ファーストサーバから借りているこのサーバーには「Image::Magick」はインストールされていない)。

テンプレート

<!-- 最新写真 -->
<div id="photos">
<h2>PHOTOS</h2>
<p>
<MTRecentImages num_images="6" thumbnail_dir="/home/web/blog/thumbs" th_width="120">
<a href="<$MTRecentImageEntryUrl$>">
<img src="<$MTRecentImageThumb$>" alt="<$MTRecentImageName$>"
width="<$MTRecentImageThumbW$>"
height="<$MTRecentImageThumbH$>" />
</a>
</MTRecentImages>
</p>
</div>

スタイルシート

/* 最新写真 */

#photos h2 {
 font-size: 0.75em;
 color: white;
 background-color: #4e87b9;
 background-image: url(bar.gif);
 padding: 5px 0 5px 15px;
 }

#photos img {
 border: solid 2px white;
 margin-bottom: 5px;
 }

#photos p {
 text-align: center;
 }