写真アルバムを表示する

先日、使っているパソコンが壊れてしまいました。
そこには、一部バックアップしていなかったリフォームの写真が
保存されていたのです。

ハードディスクがダメっぽい、ということで半分あきらめていたのですが、
修理に出してみると、ハードディスクではなく、想像外の
システムボード（マザーボード）が壊れているとのこと、
良かったのか、悪かったのか、なんともいえませんが、
なんと修理代に5万5千円もボッタくられて（いえ、正当な料金なんでしょうけど）
しまいました、イタタ。。。

最近、調子が悪かったのもそのせいだったのかナ、この際、腹いせに
OSも再インストールをかけてやりましたぞ。

 ということで、現在はそのノートに復帰しての作業ですが、
保存していた写真、つまり資産はすべて生きていました、とりあえず、ヨカッタ。

 たくさん撮った写真の中には、載せるタイミングがなかった写真もたくさんあります。
ハードディスクが大丈夫だったので、最初から予定していたリフォームのアルバムが
作れることになりました。

写真アルバムを表示するにはさまざまの方法が選べます。
Movable Type 4にも写真用のアルバムウェジットが
用意はされていますが、それ以外を探してみます。　

さあ、どういう方法にするか、迷うところです。

私的には、まず最初はページごとにその内容に関連した写真のサムネイルが
記事の最後に表示されるようにしてみようかな、と思います。

で、そのように表示するための作業です。

記事を書くときの編集ページの最下部に「キーワード」の記入欄があります。

記事を書くときにキーワードを指定すると、
キーワードと同じタグがつけられた画像を選んで表示されるようになります。
工事の進行具合に合わせて写真のタグを解体1、解体2、・・・のようにつけておくと、
記事のキーワードを進行に合わせて追加していけば、
工事にあわせた写真が表示されます。

つぎはテンプレートの変更です。
「アーカイブテンプレート」－「個別記事」－「ブログ記事の詳細」の
テンプレート内には次の記述を挿入しました。

<!--photo album -->
<div align="center">
<center>
<MTIfNonEmpty tag="EntryKeywords">
<MTSetVarBlock name="entry_keywords">
<$MTEntryKeywords$>
</MTSetVarBlock>
<MTAssets type="image" tag="$entry_keywords">
<a href="<$MTAssetURL$>">
<img src="<$MTAssetThumbnailURL height="70">" alt="<$MTAssetLabel$>"
 title="<$MTAssetLabel$>"></a>
</MTAssets>
<MTElse>
（写真がないときのコメント）
</MTElse>
</MTIfNonEmpty>
</div>
<!--/photo album -->

 <MTAssets type="image" tag="$entry_keywords"　lastn="10">
のようにMTAssetsタグに モデファイアのlastn,limit,sort byを使って
表示数を限定することもできますし、

<$MTAssetThumbnailURL height="70">
のheightを変更することで表示されるサムネイルの大きさを調整することもできます。

気づかれた方は少ないと思いますが、すでに少しずつページには表示され始めています。

たとえば「浴室のリフォーム業者の選択」の例だとこんな感じです。

もちろん、クリックすると元画像が表示されるのはお約束ですが、
画像をどんどんUPしなければいけないわけで、Movable Type で1個ずつ
アップロードしていくのはちょっと、かったるいものがあります。

そんなときのプラグインがありました。
つぎはそれを使って一括でUPします。

さらにさらに、そのつぎは、ブログパーツと組み合わせして、
元画像の表示方法をダイナミックにしてみます。