2010年10月アーカイブ

「条件分岐するコンテンツを作る」


●MTタグで条件分岐

-----------------------ソースここから-----------------------------
<MTEntryIfExtended>
<a href="<$MTEntryLink$>#<$MTEntryID$>">続きを読む</a>
<MTElse> 
この記事はここまで 
</MTElse> 
</MTEntryIfExtended>
-----------------------ソースここまで-----------------------------


●<MTIfNonEmpty> タグを使いこなす

<MTIfNonEmpty>タグは少し特殊な条件タグです。このタグには「tag」というアトリビュートが必須で、そこで指定された変数タグに一文字でもなにか値があるかどうかを判定します。実際の利用例は以下のようになります。

-----------------------ソースここから-----------------------------
<MTIfNonEmpty tag="値の有る無しを設定できる変数タグ">
tagアトリビュートで指定したタグに値がある時のみ表示するコンテンツ
<MTElse>tagアトリビュートで指定したタグに値が無い時のみ表示するコンテンツ</MTElse>
</MTIfNonEmpty>
-----------------------ソースここまで-----------------------------

○例1:カテゴリーが指定されている場合のみカテゴリー名を表示する

-----------------------ソースここから-----------------------------
<MTEntries>
<MTIfNonEmpty tag="MTEntryCategory">
<$MTEntryCategory$>
<MTElse>カテゴリーなし</MTElse>
</MTIfNonEmpty>
</MTEntries> 
-----------------------ソースここまで-----------------------------

○例2:最新10件のエントリーの中で、任意のエントリーにだけ new マークをつける

-----------------------ソースここから-----------------------------
<ul><MTEntries lastn="10">
<MTIfNonEmpty tag="MTEntryKeywords">
<li class="new">
  <MTElse>
<li class="normal">
</MTElse>
 </MTIfNonEmpty>
 <a href="<$MTEntryPermalink$>" title="<$MTEntryTitle$>"><$MTEntryTitle$></a>
 </li>
</MTEntries></ul>
-----------------------ソースここまで-----------------------------


-----------------------ソースここから-----------------------------
li.new {
padding-left: 20px; /* 画像の幅と少しの余白分 */
background: transparent url(new-icon.gif) no-repeat left center; /* 背景画像で new マークを表示 */
}

li.normal {
padding-left: 20px; /* 画像の幅と少しの余白分 */
}
-----------------------ソースここまで----------------------------- 

このアーカイブについて

このページには、2010年10月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2010年3月です。

次のアーカイブは2010年11月です。

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