Movable Typeのインストール方法、Movable Type用のプラグイン、Ajaxを使ったカスタマイズ例などをご紹介しています。「あんなことできないかなぁ」、「こんなことできたらいいなぁ」を形にしていきたいですの。

Movable Type 備忘録

ゼロパディングでリスト表示

こんばんわ^^

わたしのサイトのリンク集では、リスト表示にゼロパディング（ゼロ詰め）した表示にしてます。
以前にも訪問者さんから質問されたのですが、ゼロパディング（ゼロ詰め）の方法についてお問い合わせ頂いたので、何度も同じこと言うのもなんだしこの場でご紹介しておきます。

ゼロパディングのリスト表示の仕方

実際には大したことしてないんですよ (;￣∇￣A

Movable Type 4 から __counter__ という変数が利用可能になりました。
__counter__ というのは、たとえば、MTEntry ブロックタグ内で使用するなど、ループのカウンタとして利用することができます。

<dl>
<MTEntries>
<dt><mt:SetVar name="cnt" value="$__counter__">
<$mt:GetVar name="cnt"$>. <a href="<$MTEntryPermaLink$>"><$MTEntryTitle$></a></dt>
</MTEntries>
</dl>

上記は以下のように出力されます。

こんなかんじでループカウンタとして利用可能な __counter__ と zero_pad モディファイアを組み合わせてゼロパディングのリスト表示を実現してます。

<dl>
<MTEntries>
<dt><mt:SetVar name="cnt" value="$__counter__">
<$mt:GetVar name="cnt" zero_pad="2"$>. <a href="<$MTEntryPermaLink$>"><$MTEntryTitle$></a></dt>
</MTEntries>
</dl>

赤字の部分に zero_pad モディファイアを使用してます。
そうすると以下のように表示されます。