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

| | カテゴリ : Movable Type , サイト制作 | コメント(18) | トラックバック(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

コメント(18)

My family always say that I am killing my time here at net, but I know I
am getting experience everyday by reading such good posts.

Pretty section of content. I just stumbled upon your website and in accession capital to assert that I acquire actually enjoyed account your
blog posts. Anyway I will be subscribing to your feeds and
even I achievement you access consistently quickly.

Hi to all, how is everything, I think every one is getting more from this website, and your views are fastidious
for new viewers.

Write more, thats all I have to say. Literally, it seems as though you relied on the video
to make your point. You obviously know what youre talking about, why waste your intelligence on just posting videos to your site when you could be giving us something
informative to read?

Excellent post. I was checking constantly this weblog and I am
inspired! Very helpful info specifically the final phase :
) I take care of such info a lot. I was seeking this particular info for a very long time.

Thank you and best of luck.

Keep on working, great job!

I am curious to find out what blog system you happen to be working with?
I'm experiencing some small security problems with my latest website and I'd like to find something more
risk-free. Do you have any recommendations?

Link exchange is nothing else except it is just placing the other person's website link on your page
at proper place and other person will also do same in support of you.

I'm really loving the theme/design of your website.
Do you ever run into any internet browser compatibility issues?
A few of my blog visitors have complained about my site not working correctly
in Explorer but looks great in Chrome. Do you have
any recommendations to help fix this issue?

What's up to every one, the contents present at this web page are actually remarkable for
people knowledge, well, keep up the good work fellows.

I think this is among the most important information for me.
And i am glad reading your article. But want to remark on few general things,
The website style is wonderful, the articles is really excellent :
D. Good job, cheers

I don't know whether it's just me or if perhaps everybody else encountering problems with
your site. It appears like some of the text within your content are running off the screen. Can someone else please provide feedback and let me
know if this is happening to them too? This could be a problem with my browser because I've had this happen previously.
Appreciate it

I used to be suggested this web site via my cousin. I am no longer
positive whether or not this publish is written by way
of him as no one else recognize such distinctive about my difficulty.
You are amazing! Thank you!

I like the helpful information you provide in your articles.
I'll bookmark your weblog and check again here frequently.
I'm quite sure I'll learn many new stuff right here!
Best of luck for the next!

Howdy I am so thrilled I found your weblog, I really found you by mistake, while I was searching on Askjeeve for something else,
Regardless I am here now and would just like to say many thanks for a marvelous post and a all round enjoyable blog
(I also love the theme/design), I don’t have time to browse it all at the minute but I have saved it and also included your RSS feeds, so when I have time I will be back to read much more, Please do keep up the superb b.

You are so cool! I don't believe I've read through anything like this before.
So nice to discover somebody with a few genuine thoughts on this
topic. Really.. many thanks for starting this up.
This website is one thing that is required on the internet, someone with some originality!

I will right away snatch your rss as I can't find
your email subscription link or newsletter service. Do you have
any? Kindly permit me understand in order that I may subscribe.
Thanks.

Hey there! Do you use Twitter? I'd like to follow you if that would be ok.
I'm undoubtedly enjoying your blog and look forward to new posts.

コメントする

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、携帯サイト向けのアクセス解析が正式対応に。」です。

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