Movable Type(MT)での表:テーブル(table)表示の利用は結構あるかと思います。料金表や商品一覧など。
方法は色々あると思いますが
<mt:If>〜</mt:If> と <mt:for>〜<mt:for> で表示を可能とします。
以下が流れになります。
ブログ、ウェブページなど共通です。
1. 列数をセット
2. ブログやウェブページなど一覧のループ
3. ループに入ったら<table>を表示
4. 列数のはじめならば<tr>を表示
5. 表示したい値を<td>〜</td>の間で表示
6. 列数に達したら</tr>を表示
7. 4〜7まで繰り返し
8. ループの最後に、列数に達していない場合、列数があうように<td> </td>を繰り返し表示、そして</table>を表示
例としてブログ記事一覧で、最後の10件を4列で区切り、ブログ記事を表示する場合は以下になります。
<mt:Entries lastn="10">
<mt:EntriesHeader>
<mt:SetVar name="max" value="4">
<mt:SetVar name="no" value="1">
<table border="1" cellpadding="5" cellspacing="5" width="450">
</mt:EntriesHeader>
<mt:If name="no" eq="1"><tr></mt:If>
<td><$mt:EntryTitle$></td>
<mt:If name="max" eq="$no">
</tr>
<mt:SetVar name="no" value="1">
<mt:Else>
<mt:SetVar name="no" value="1" op="+">
</mt:Else>
</mt:If>
<mt:EntriesFooter>
<mt:If name="no" gt="1">
<mt:If name="max" ne="$no">
<mt:for from="$no" to="$max" increment="1">
<td> </td>
</mt:for>
</mt:If>
</mt:If>
</tr>
</table>
</mt:EntriesFooter>
</mt:Entries>
以下が実行結果です。
Nickelback「When We Stand Together」が癖になる。 | Orkidea「Unity(Solarstone Pure Remix)(・∀・)イイ!!よ | スマートフォンオプション for Movable Typeの出荷を開始!! | 平均で考えられない過去の成功者たち。 |
待ってました。XBOX360「Child of Eden(チャイルド・オブ・エデン)」を購入。 | Fast Distance & Dimension「El Mar(Dimension Mix)」(・∀・)イイ!!よ | 過去の成功者が教えてくれたこと。 | 2011年の夏はモホンビ(MOHOMBI)で決まり。 |
Amorphis「Beginning Of Times」いいね。 | 過去の成功は本当に役に立たなかった。 |
もう1例としてブログ記事一覧で、最後の20件のブログ記事で、画像をアップロードした画像1枚を4列で区切り表示する場合は以下になります。
<mt:Entries lastn="20">
<mt:EntriesHeader>
<mt:SetVar name="max" value="4">
<mt:SetVar name="no" value="1">
<table border="1" cellpadding="5" cellspacing="5" width="450">
</mt:EntriesHeader>
<mt:If name="no" eq="1"><tr></mt:If>
<mt:EntryAssets lastn="1" type="image">
<td><img src="<$mt:AssetURL$>" alt="<$mt:EntryTitle$>" width="85" /></td>
<mt:If name="max" eq="$no">
</tr>
<mt:SetVar name="no" value="1">
<mt:Else>
<mt:SetVar name="no" value="1" op="+">
</mt:Else>
</mt:If>
</mt:EntryAssets>
<mt:EntriesFooter>
<mt:If name="no" gt="1">
<mt:If name="max" ne="$no">
<mt:for from="$no" to="$max" increment="1">
<td> </td>
</mt:for>
</mt:If>
</mt:If>
</tr>
</table>
</mt:EntriesFooter>
</mt:Entries>
以下が実行結果です。
![]() | ![]() | ![]() |