Follow Us.RSS

2010年7月14日(水)値のあるなしで表示を変える方法

  • 「CMONOS.JP」のテンプレートは、フィールドヘッダとフィールドフッタを設定することができます。これらはフィールドに値があるときのみ表示されます。さらに今回、より詳細に表示をコントロールできる if タグが追加されました。

  • (2010年7月14日(水) 午前9時23分28秒 更新)
  • このエントリーをはてなブックマークに追加TweetBuzzurlにブックマークBuzzurlにブックマーク

フィールドヘッダとフィールドフッタ

これまでも、CMONOS.JP ではフィールドヘッダとフィールドフッタを使うことで、フィールドに値があるときのみ表示する内容を設定することが出来ました。たとえば、定義リストを使ってフィールドを表示する場合、次のように書くことができます。

<dl>

<!--field id="1"-->
<!--head--><dt><!--name--><!--/name--></dt>
<dd><!--/head-->
<!--foot--></dd>
<!--/foot-->
<!--/field-->

<!--field id="2"-->
<!--head--><dt><!--name--><!--/name--></dt>
<dd><!--/head-->
<!--foot--></dd>
<!--/foot-->
<!--/field-->

<!--field id="3"-->
<!--head--><dt><!--name--><!--/name--></dt>
<dd><!--/head-->
<!--foot--></dd>
<!--/foot-->
<!--/field-->

</dl>

このとき、もし フィールド-2 に値がなければ次のように表示されます。

<dl>
<dt>フィールド-1 のフィールド名</dt>
<dd>フィールド-1 の値</dd>
<dt>フィールド-3 のフィールド名</dt>
<dd>フィールド-3 の値</dd>
</dl>

ただ、フィールドヘッダとフィールドフッタだけでは表示のコントロールに限界があり、フィールド-1、フィールド-2、フィールド-3 のすべてに値がない場合でも、「<dl></dl>」が表示されてしまいました。

<!--if--><!--/if--> タグの使い方

そこで最新版では「<!--if--><!--/if-->」タグが追加されました。使い方は下記のようになります。

<!--if id="入力フィールドID"-->
id に指定した入力フィールドに値があるとき表示する内容
<!--else-->
id に指定した入力フィールドに値がないとき表示する内容
<!--/if-->
<!--unless id="入力フィールドID"-->
id に指定した入力フィールドに値がないとき表示する内容
<!--else-->
id に指定した入力フィールドに値があるとき表示する内容
<!--/unless-->

フィールドIDの指定には下記を使用できます。


[&&]
かつ

[ and ]
かつ

[||]
または

[ or ]
または

[, (カンマ区切り)]
または

[1-5]
フィールドID:1 から フィールドID:5 までのいずれか

[3...9]
フィールドID:3 から フィールドID:9 までのいずれか

[((3-9) && 1) || 12]
フィールドID:3 から フィールドID:9 までのいずれかに値があり、かつ、フィールドID:1 に値がある場合、もしくは、フィールド:12 に値がある場合

この「<!--if--><!--/if-->」タグを使って最初のテンプレートを書き換えると次のようになります。

<!--if id="1-3"--><dl>
<!--/if-->

<!--field id="1"-->
<!--head--><dt><!--name--><!--/name--></dt>
<dd><!--/head-->
<!--foot--></dd>
<!--/foot-->
<!--/field-->

<!--field id="2"-->
<!--head--><dt><!--name--><!--/name--></dt>
<dd><!--/head-->
<!--foot--></dd>
<!--/foot-->
<!--/field-->

<!--field id="3"-->
<!--head--><dt><!--name--><!--/name--></dt>
<dd><!--/head-->
<!--foot--></dd>
<!--/foot-->
<!--/field-->

<!--if id="1-3"--></dl>
<!--else-->値がありません。<!--/if-->

これでもう「<dl></dl>」が表示されることはありません!

コメント

トラックバック

関連記事

[画像]

CMONOS.JP | 開発者ブログ | デフォルトのテンプレートを一新!

2010年3月15日 ... CMONOS.JP の最大の特長といえば、「カスタムフィールド」。CMONOS.JP では「 フィールド」が「プラグイン」に似た働きをします。最新版では、ユニークなフィールドタイプ をより手軽に活用できるよう、いくつかの「共有設定」が追加されました。
https://cmonos.jp/blog/2010031500/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 小さな会社にぴったりのサイトテンプレート

2008年9月8日 ... 小さな会社のサイトを構築するとき便利な Vicuna CMS ベースのサイトテンプレート「 Small Company」を公開しました。
https://cmonos.jp/blog/2008090800/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 地図で物件検索!「不動産サイト」

2010年3月15日 ... JP 専用サイトテンプレート「不動産サイト」は、不動産サイトのために作成されました。 Google マップを利用した物件検索や会社概要 ... もちろん、CMONOS.JP ならではの カスタムフィールドで自由自在に項目を組み合わせることができます。
https://cmonos.jp/blog/2010031502/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 「styleNaturalWood」登場!

2011年5月21日 ... 新しいサイトテンプレート「styleNaturalWood」、できました。木目を基調としたデザイン なので、エコや自然を重視したサイトやレストランなどに使いやすいサイトテンプレート です。
https://cmonos.jp/blog/2011052100/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 新しい「Small Company 2」

2010年3月15日 ... CMONOS.JP 専用サイトテンプレート「Small Company 2」は、小さな会社のウェブ サイトを構築する際使い勝手のよいサイトテンプレートです。
https://cmonos.jp/blog/2010031503/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 超!カスタムフィールドカレンダー

2008年10月3日 ... CMONOS.JP のカレンダーは入力項目を自由に組み合わせることができるカスタムフィールド機能を搭載。コメントやアンケート、GoogleMaps 埋め込みにも対応してい ます。
https://cmonos.jp/blog/2008100300/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 「コミック・サークル」で漫画を公開!

2010年3月15日 ... CMONOS.JP 専用サイトテンプレート「コミック・サークル」は、同人サークルのために 作成されました。マンガの公開に適した設定や、同人誌の通販のためのショッピング カートがあらかじめ組み込まれています。サンプルはこちら。
https://cmonos.jp/blog/2010031501/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | おいしそうな "ショコラ" ができました。

2009年6月9日 ... Vicuna CMS の "style-vega" スキンをベースに色合いをチョコレートっぽく。ちょっと おいしそうなサイトテンプレート「ショコラ」ができました。
https://cmonos.jp/blog/2009060900/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | バックアップは万全ですか?

2012年6月29日 ... セットアップアシスタント」の「サイトテンプレート作成」を開き、「サイトテンプレートに記事 およびデータを含む」を有効にして「現在のディレクトリを元にサイトテンプレートを作成 する」を実行すると、サイト全体がサイトテンプレート化されサーバ上に ...
https://cmonos.jp/blog/2012062900/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 採点フィールドと連動するコメント欄

2014年5月2日 ... 弊社で配布している日本語版は、弊社製カスタムフィールドCMS「CMONOS. ... JP で 構築され、変更する可能性のある部分はすべてカスタムフィールド化されているとのこと でした。 ... JP | 開発者ブログ | デフォルトのテンプレートを一新!
https://cmonos.jp/blog/2014050201/1.shtml

更新情報

最近の記事

RSS

カレンダー



[日]
[月]
[火]
[水]
[木] 1
[金] 2
[土] 3

[日] 4
[月] 5
[火] 6
[水] 7
[木] 8
[金] 9
[土] 10

[日] 11
[月] 12
[火] 13
[水] 14
[木] 15
[金] 16
[土] 17

[日] 18
[月] 19
[火] 20
[水] 21
[木] 22
[金] 23
[土] 24

[日] 25
[月] 26
[火] 27
[水] 28
[木] 29
[金] 30
[土] 31

最近のコメント

RSS

最近のトラックバック

RSS

このページのトップへ

© CMONOS Co. Ltd.


PC 向けページに移動する