- 2008年12月19日 金
- MovableType
少しでもブログを華やかにしようと思って、サイドバーにサムネイルを設置することにしました。もうずい分前になりますが。
で。
もちろんこれも、すんなり適用、とはいきません。
まず、テンプレートのどの部分がサムネイルの機能を持っていて、それをどのモジュールにどのように入れればいいのか調べるところから始まります。
使っているmt.Vicunaのテンプレートでは、『ユーティリティ』というモジュールがサイドバーを構築していますので、そこを見てみます。
各部品が<$MTInclude widget="xxx"$>のように並んでいます。となると、ウィジェットを探せばいいのですね。
ちなみに僕の場合、『モジュール』と『ウィジェット』の違いが良く分かっていません。どちらも「部品」であって、テンプレートに組み込んで使うものですよねえ?
さてさて、ウィジェットの一覧を見てみると「アイテム画像サムネイル」というのがありました。これですね。
ここでの問題は、記事中に画像を使った時だけサムネイルをリストアップさせる、ということでした。だって僕のブログ、毎日画像を貼っているワケじゃないですから。
色々と調べた結果、opモディファイアを使えばいいことが分かりました・・・が、実際はどこかのサイトさんに書かれてあるコードをほぼそのまま使わせていただきました。
一応、参考として僕のサイトで使っているコードを書いておきます。
<MTIf name="archive_class" eq="entry-archive"><MTElse>
<MTIfNonZero tag="AssetCount">
<dt>Photos</dt>
<dd class="recentAssets">
<ul class="thumb">
<MTSetvar name="imgcount" value="0">
<MTEntries lastn="0">
<MTEntryAssets type="image" lastn="1">
<MTSetVar name="imgcount" op="++">
<MTIf name="imgcount" le="16">
<MTSetVarBlock name="imgw"><$MTAssetProperty property="image_width"$></MTSetVarBlock>
<MTSetVarBlock name="imgh"><$MTAssetProperty property="image_height"$></MTSetVarBlock>
<li>
<a href="<$MTEntryPermalink$>" title="<$MTEntryTitle$>">
<MTIf name="imgw" gt="$imgh">
<img src="<$MTAssetThumbnailURL height="70"$>" alt="<$MTEntryTitle$>" title="<$MTEntryTitle$>" />
<MTElse>
<img src="<$MTAssetThumbnailURL width="70"$>" alt="<$MTEntryTitle$>" title="<$MTEntryTitle$>" />
</MTElse>
</MTIf>
</a>
</li>
</MTIf>
</MTEntryAssets>
</MTEntries>
</ul>
</dd>
</MTIfNonZero>
</MTIf>
- Newer: ただいま。
- Older: 外的SEO:その3(ソーシャルブックマーク)