ホーム > タグ > dreamweaver
dreamweaver
dreamweaverテンプレートでTOPと下層ページのh1タグを受けわたせる変数
Topページと下層ページでサイトID(ロゴ)のマークアップを変えたいのだけれど、dreamweaverテンプレートを使うとタグの変更ができません。かといってここを編集可能領域にすると、更新するときに検索→置換をせねばならず、やっかいになります。
そこでテンプレート変数を使います。テンプレート変数とは簡単にいうと編集可能領域の外にあるものを変更できるものです。今回は変数のtype="text"、つまり文字列の操作をします。
テンプレート変数の定義
以下をdwtファイルの/head直前に記述します。
<!-- TemplateParam name="tagName" type="text" value="p" -->
テンプレート変数のnameがtagName、typeがtextでvalueがpという意味です。nameはhtmlタグのnameやid属性と同じ意味です。name、valueともに任意の値を取れます。
変数を編集可能領域の外に仕込む
変数の適用先は編集可能領域の外側でしか使えません。領域外のサイトIDの部分に以下のように設定します。
<@@(tagName)@@ id="siteID"><a href="../index.html">サイトID</a></@@(tagName)@@>
このdwtを使用し、新しくページを作ってみましょう。@@(tagName)@@の部分が変数の値であるpに変更されます。つまり<p>サイトid</p>となります。
h1にしたいとき
このdwtが適用されているページを開き「修正」メニュー→「テンプレート」→「テンプレートプロパティ」を開いてください。tagNameという項目があるので、ここにh1と入れてください。これでタグがpからh1に変更されます。
このようにしてうまく使えば一つのdwtでいくつものバリエーションを作ることができます。
- Comments: 0
- Trackbacks: 0
Home > Tags > dreamweaver
- Search
- Feeds
- Meta