Movable Type(MT)での表:テーブル(table)表示

| | カテゴリ : Movable Type , サイト制作 | コメント(0) | トラックバック(0)
このエントリーをはてなブックマークに追加  

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>


以下が実行結果です。

みんなで分け合えば、できること。・・・賛同LYNX 3D SH-03CでスマホデビューGLOW読み始めました。

トラックバック(0)

このブログ記事を参照しているブログ一覧: Movable Type(MT)での表:テーブル(table)表示

このブログ記事に対するトラックバックURL: http://takot.sakura.ne.jp/mt/mt-tb.cgi/1273

コメントする

Insert Emoddy tag

画像の中に見える文字を入力してください。

プロフィール

Kamitani79
ニックネーム : Kamitani79
映画鑑賞、音楽、写真、ゲーム。地元・横浜をこよなく愛する( `・∀・´)ノヨロシク
自己紹介 :
このエントリーをはてなブックマークに追加

携帯サイト

つながり

  • ブロガー(ブログ)交流空間 エディタコミュニティ
  • あわせて読みたいブログパーツ
  • フィードメーター - Kamitani79-メロンとバナナとブログ
  • SEO
    loading
Creative Commons License
このブログのライセンスは クリエイティブ・コモンズライセンス.
Powered by Movable Type 6.2.4

最近のアクション

人気のエントリー

最近の写真・画像

空の写真

www.flickr.com
This is a Flickr badge showing public photos and videos from Kamitani79. Make your own badge here.

このブログ記事について

このページは、Kamitani79が2010年2月11日 21:35に書いたブログ記事です。

ひとつ前のブログ記事は「今日の空[2010/02/06]」です。

次のブログ記事は「Google Analytics、携帯サイト向けのアクセス解析が正式対応に。」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。