Dreamweaver での編集可能なタグ属性の定義

最終更新日 : 2021年4月27日

Dreamweaver のテンプレートで編集可能なタグ属性を指定します。また、編集可能なタグを編集不能にする方法についても説明します。

テンプレートから作成されたドキュメントで、テンプレートユーザーが指定されたタグ属性を変更することを許可できます。

例えば、テンプレートドキュメントで背景色を設定する一方で、テンプレートユーザーが作成するページには異なる背景色を設定できるようにすることができます。ユーザーは編集可能として指定した属性のみを更新できます。

また、ページに複数の編集可能属性を設定して、テンプレートユーザーがテンプレートベースのドキュメントで属性を変更できるようにすることもできます。次のデータタイプがサポートされています：テキスト、ブーリアン（true/false）、カラー、URL。

編集可能なタグ属性を作成すると、コードにテンプレートパラメーターが挿入されます。属性の初期値はテンプレートドキュメントで設定され、テンプレートベースのドキュメントが作成されると、パラメーターを継承します。テンプレートユーザーは、テンプレートベースのドキュメントでパラメーターを編集できます。

メモ

スタイルシートへのリンクを編集可能属性にすると、スタイルシートの属性はテンプレートファイルでの表示や編集ができなくなります。

ドキュメントウィンドウで、編集可能なタグ属性を設定する項目を選択します。

ツール／テンプレート／属性を編集可能にするを選択します。

「属性」ボックスで、名前を入力するか、次のいずれかの方法で編集可能タグ属性ダイアログボックスで属性を選択します：

編集可能にする属性が「属性」ポップアップメニューにリストされている場合は、それを選択します。
編集可能にする属性が「属性」ポップアップメニューにリストされていない場合は、「追加」をクリックし、開いたダイアログボックスで追加する属性の名前を入力してから「OK」をクリックします。

「属性を編集可能にする」オプションが選択されていることを確認します。

「ラベル」ボックスに、属性の一意の名前を入力します。

メモ

特定の編集可能タグ属性を後で識別しやすくするために、要素と属性を識別するラベルを使用します。例えば、ソースが編集可能な画像にlogoSrcとラベルを付けたり、本文タグの編集可能な背景色にbodyBgcolorとラベルを付けたりします。

タイプメニューで、以下のいずれかのオプションを選択することで、この属性に許可する値のタイプを選択します。

テキスト：この属性にテキスト値を入力できるようにするには、このオプションを選択します。例えば、align 属性にテキストを使用すると、ユーザーはこの属性の値を、「左」、「右」、または「中央」に設定することができます。
URL：イメージのファイルパスなど、エレメントにリンクを挿入するには、このオプションを選択します。このオプションを使用すると、リンクに使用されているパスが自動的に更新されます。ユーザーがイメージを新しいフォルダーに移動すると、リンクの更新ダイアログボックスが表示されます。
カラー：値を選択する際にカラーピッカーを使用できるようにするには、このオプションを選択します。
真/偽：ページ上で真/偽の値の選択肢をユーザーに提供するには、このオプションを選択します。
数字：イメージの高さや幅を変更する場合など、ユーザーが数値を入力して属性を更新できるようにするには、このオプションを選択します。