画像サムネイル並べとりあえず完了

|
結局インデックスだけなんですけども。

どういうわけか個別エントリー、カテゴリアーカイブなどにはサムネイルが出てこないんです。イージーミスかもしれませんけど。
が、TOPページだけキービジュアル的にやるのもありかなと思い、結果オーライということにしました。
以下、Movable Type的なお話です。

まずは
サイドバーにサムネイルを表示する
ここのスクリプトをベースに、
[category="カテゴリ名称"] [tags="Photo"]
この記述を省き、カテゴリや画像につけたタグの縛りなく最新の何件かを表示するようにしました。

しかし、1個のエントリーの中に複数の写真が並んでいると、似たような写真ばっかりがずらっと並んでしまうので、各エントリーが1枚ずつ並ぶようにしたいと思っていた矢先、ojikiさんが教えてくれた、
サムネイル画像エントリリストの改造(OK版)
このエントリーの中にあったリンク、
サムネイルリストからブログ記事(エントリー)にリンクを張る (MT4用)
を見て、MTEntryAssetsにlastn="1"という記述をつければよい事を知る。

が、そうすると写真のないエントリーがあるとその数がカウントされてしまう。
24個並べたいのにその中に写真のないエントリーが4個あると20枚しか写真が並ばない。
で、それを解決する方法があった。
サムネイルリストからブログ記事(エントリー)にリンクを張る(2) MT4.1完成版
ここに書いてある、「opモディファイア」なるものを書き加えて見事に解決。

また、現状だと各エントリーの最後の写真を表示してしまうという問題もある。
タグを書き加えた画像を表示させる設定にもできるが、
ブログ運営の鉄則「なるべく自動化する」
という点は不精な自分にはとても重要なのでそれは避けたい。
どちらかというと最初の写真のほうが出るようにしたい。

と思っていたらさっきの記事に載っていた。
MTEntryAssetsに
sort_order="ascend"
と書き加えると1枚目が表示されるようになった。

あと、すばらしい設定、
MTAssetsを使って簡単なギャラリーを作る
この記事を見て、
MTAssetThumbnailURLに
square="1"
って書き加えると、書き出されるサムネイルがすべて真四角になる。
これできれいに並べられた!

このサムネイルを書き出してくれる機能は、ImageMagickってのがサーバーにインストールされないといけないらしい。我らがロリポはいけました。

ということで実現したことは、
「画像つきのエントリーの中から1枚目の写真の四角いサムネイルを書き出して、エントリーへのリンクを張ってインデックスページに最大24枚並べる。」
ということです。

<ソース>
<MTIfNonZero tag="AssetCount">
<div id="thumb">
<ul class="thumb_list">
<MTSetvar name="imgcount" value="0">
<MTEntries lastn="0">
<MTEntryAssets type="image" lastn="1" sort_order="ascend">
<MTSetVar name="imgcount" op="++">
<MTIf name="imgcount" le="36">
<li>
<a href="<$MTEntryPermalink$>" title="<$MTEntryTitle$>">
<img src="<$MTAssetThumbnailURL height="60" square="1"$>" title="<$MTEntryTitle$>" alt="<$MTEntryTitle$>" /></a></li>
</MTIf>
</MTEntryAssets>
</MTEntries>
</ul>
</div>
</MTIfNonZero>

何でこんな細かく書いたかというと、あとから自分でいじるときの備忘録になるからです。

ありがとうMT。これからもよろしく。

追記:って今このエントリーを書き出したら、個別エントリーページにもサムネイルが出てるジャマイカ!!

うわ、カテゴリーアーカイブにはそのカテゴリーの写真だけ出てる!!
こことか、こことか、いい感じですわよ奥さん!!

うんうん。結果オーライ。

関連記事

月別アーカイブ