RyoSugimoto
1/6/2015 - 10:34 AM

Dreamweaverのテンプレート制御タグ。

Dreamweaverのテンプレート制御タグ。

Dreamweaver テンプレート制御タグ

変数の宣言

<!-- TemplateParam name="文字列型の変数名" type="text" value="文字列の初期値" -->
<!-- TemplateParam name="真偽値型の変数名" type="boolean" value="真偽の初期値" -->
<!-- TemplateParam name="URL型の変数名" type="URL" value="URLの初期値" -->
<!-- TemplateParam name="数値型の変数名" type="number" value="数値の初期値" -->
<!-- TemplateParam name="色型の変数名" type="color" value="カラーコードの初期値" -->
  • 変数の宣言は、head要素の内側で行なう。
  • 値の変更は、「修正>テンプレートプロパティ」で行なう。
  • 変数は、宣言より前でも使用することができる。

ネストされたテンプレートによる制御を許可する場合

<!-- InstanceParam name="変数名" type="text" value="初期値" passthrough="true" -->
  • passthrough属性をtrueにする。
  • 許可の設定は、「修正>テンプレートプロパティ」からも行なえる。

変数の使用

@@(変数名)@@
  • 条件式など、制御タグの属性として使用する場合は、@@()@@で囲まない。

ドキュメント(グローバルオブジェクト)のプロパティとして使用する場合

<div class="@@(_document['変数名'])@@">
<div class="@@(_document.変数名)@@">

条件分岐

<!-- TemplateBeginIf cond="条件式" -->
内容
<!-- TemplateEndIf -->
  • 条件式はJavaScriptのように書くことができる。

スイッチ

<!-- TemplateBeginMultipleIf -->
  <!-- TemplateBeginIfClause cond="条件式1" -->
    条件式1がマッチしたときの内容
  <!-- TemplateEndIfClause -->
  <!-- TemplateBeginIfClause cond="条件式2" -->
    条件式2がマッチしたときの内容
  <!-- TemplateEndIfClause -->
  <!-- TemplateBeginIfClause cond="true" -->
    どれにも当てはまらなかったときの内容
  <!-- TemplateEndIfClause -->
<!-- TemplateEndMultipleIf -->

編集可能領域

<!-- TemplateBeginEditable name="領域名" -->
内容
<!-- TemplateEndEditable -->

ネストのロック

<!-- TemplateBeginEditable name="親領域" -->
@@("")@@
子テンプレートでは編集不可能
    <!-- TemplateBeginEditable name="子領域" -->
    子テンプレートで編集可能
    <!-- TemplateEndEditable -->
子テンプレートでは編集不可能
<!-- TemplateEndEditable -->

JavaScriptのメソッドが使える

テンプレートパラメータpageidcontactという文字列があれば表示

<!-- TemplateBeginIf cond="pageid.match(/contact/)" -->内容<!-- TemplateEndIf -->

パラメータpagetitleの文字列からひらがなを取り除く

@@(pagetitle.replace(/[あ-ん]/g,''))@@

ライブラリ

<!-- #BeginLibraryItem "/Library/ライブラリ名.lbi" -->
ライブラリの中身
<!-- #EndLibraryItem -->

参考