« Windowsサーバーでの環境設定(2) | メイン

リストの縞模様表示

エントリのタイトル一覧やカテゴリ一覧を出す時に、数が少なければいいのですが、数十個になると見づらくなります。
そんな時、MTの管理画面のように交互に縞模様で表示するとわかりやすくなります。
「コミックホームズ」では、エントリ一覧で作品リストを作っていますが、こんな風に縞模様で表示しています。
(例 http://comich.net/mg/hanayume/2006/hanayume200601.html
手順は以下の通りです。

---------------
●1.VarHandlerプラグインを入れる

http://www.h-fj.com/blog/archives/2005/12/27-130612.php
藤本壱さんが作られたプラグイン。
MTタグで変数の四則演算や条件分岐ができます。

●2.テンプレートを作る

以下のようにtableで作っています。
tableが嫌でしたら、ブロックのスタイル指定でも行けると思います。

<table border="0" cellspacing="0">

 <!-- フラグ変数の初期値を0に -->
 <MTSetVar name="lineflag" value="0">

 <!-- エントリでループ -->
 <MTEntries>

  <!-- エントリタイトル表示 -->
  <tr class="line<$MTGetVar name="lineflag"$>">
   <td><MTEntryTitle></td>
  </tr>

  <!-- フラグを0←→1に交互に切り替え -->
  <MTIfNumVar name="lineflag" value="0">
   <MTSetVar name="lineflag" value="1">
  <MTElse>
   <MTSetVar name="lineflag" value="0">
  </MTElse>
  </MTIfNumVar>

 </MTEntries>

</table>

※行頭のインデントを全角スペースで入れてあります。タグの「<」「>」は全角で書いてあります。もしコピー&ペーストする場合は半角に直してください。


●3.スタイルシートを作る

tr line0
tr line1
の2つのスタイルに、好みのカラーを指定してください。
---------------

このVarHandlerプラグインを応用すると、カテゴリリストやエントリリストの段組表示もできます。

トラックバック

このエントリーのトラックバックURL:
http://comich.net/cgi-bin/mtsuruniwa/mt-tb.cgi/11

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)