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

テンプレートから作成されたドキュメントで、指定したタグの属性をテンプレートユーザーが編集できるようにできます。

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

また、ページに複数の編集可能な属性を設定して、テンプレートユーザーがテンプレートから作成されたドキュメントで属性を修正できるようにすることもできます。サポートされているデータタイプは、テキスト、Boolean(true/false)、色、および URL です。

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

注意:

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

  1. ドキュメントウィンドウで、編集可能なタグ属性を設定するアイテムを選択します。
  2. ツール/テンプレート/属性を編集可能にするを選択します。

    属性を編集可能にする
    属性を編集可能にする

  3. 「編集可能なタグ属性」ボックスで次のいずれかの操作をして、「属性」テキストボックスに属性の名前を入力するか属性を選択します。
    • 編集可能にする属性が属性ポップアップメニューにある場合は、それを選択します。

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

  4. 「属性を編集可能にする」オプションが選択されていることを確認します。
  5. 「ラベル」ボックスに、属性の一意の名前を入力します。

    注意:

    編集可能なタグ属性を後から簡単に識別できるようにするには、エレメントと属性を識別するラベルを使用します。例えば、ソースを編集できるイメージには、logoSrc というラベルを付けたり、body タグ内の編集可能な背景色には bodyBgcolor というラベルを付けたりします。

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

    • テキスト:この属性にテキスト値を入力できるようにするには、このオプションを選択します。例えば、align 属性にテキストを使用すると、ユーザーはこの属性の値を、「左」、「右」、または「中央」に設定することができます。

    • URL:イメージのファイルパスなど、エレメントにリンクを挿入するには、このオプションを選択します。このオプションを使用すると、リンクに使用されているパスが自動的に更新されます。ユーザーがイメージを新しいフォルダーに移動すると、リンクの更新ダイアログボックスが表示されます。

    • カラー:値を選択する際にカラーピッカーを使用できるようにするには、このオプションを選択します。

    • 真/偽:ページ上で真/偽の値の選択肢をユーザーに提供するには、このオプションを選択します。

    • 数字:イメージの高さや幅を変更する場合など、ユーザーが数値を入力して属性を更新できるようにするには、このオプションを選択します。

  7. 「初期設定値」ボックスに、選択したテンプレートのタグ属性値が表示されます。このボックスに新しい値を入力し、テンプレートから作成されたドキュメント内のパラメーターに別の初期値を設定します。
  8. (オプション)選択したタグの別の属性を変更するには、属性を選択し、その属性のオプションを設定します。
  9. 「OK」をクリックします。

編集可能なタグ属性を編集不能にする

編集可能として指定されていたタグを、編集不能にマークすることができます。

  1. テンプレートドキュメントで、編集可能な属性に対応するエレメントをクリックするか、タグセレクターを使用してタグを選択します。
  2. ツール/テンプレート/属性を編集可能にするを選択します。

  3. 属性ポップアップメニューで、変更する属性を選択します。
  4. 「属性を編集可能にする」をオフにし、「OK」をクリックします。
  5. テンプレートから作成されたドキュメントを更新します。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

リーガルノーティス   |   プライバシーポリシー