Dreamweaver でネストされたテンプレートを作成する方法

ネストされたテンプレートとは、デザインと編集可能領域が別のテンプレートに基づいているテンプレートです。 ネストされたテンプレートは、多くのデザイン要素を共有しているが、ページ間でいくつかのバリエーションがあるサイトのページでコンテンツを管理するのに便利です。例えば、ベーステンプレートには広範囲のデザイン領域が含まれ、サイトの多くのコンテンツ共同制作者が使用できる一方、ネストされたテンプレートでは、サイトの特定のセクションのページで編集可能領域をより具体的に定義する場合があります。

ベーステンプレートの編集可能領域は、ネストされたテンプレートに引き継がれ、これらの領域に新しいテンプレート領域が挿入されない限り、ネストされたテンプレートから作成されたページで引き続き編集可能です。

ベーステンプレートへの変更は、ベーステンプレートに基づくテンプレートと、メインテンプレートおよびネストされたテンプレートに基づくすべてのテンプレートベースのドキュメントで自動的に更新されます。

次の例では、テンプレートtrioHomeに、Body、NavBar、Footerという名前の3つの編集可能領域が含まれています：

ネストされたテンプレートを作成するには、テンプレートに基づく新しいドキュメントを作成してから、テンプレートとして保存し、TrioNestedという名前を付けます。 ネストされたテンプレートでは、Bodyという名前の編集可能領域に2つの編集可能領域が追加されています。

ネストされたテンプレートに渡された編集可能領域内に新しい編集可能領域を追加すると、編集可能領域のハイライト色がオレンジに変わります。editableColumn内のグラフィックなど、編集可能領域の外に追加するコンテンツは、ネストされたテンプレートに基づくドキュメントでは編集できなくなります。ネストされたテンプレートで追加されたものか、ベーステンプレートから通過されたものかにかかわらず、青色でハイライトされた編集可能領域は、ネストされたテンプレートに基づくドキュメントで引き続き編集可能です。編集可能領域を含まないテンプレート領域は、編集可能領域としてテンプレートベースドキュメントに通過されます。

ネストされたテンプレートの作成

ネストされたテンプレートを使用すると、ベーステンプレートのバリエーションを作成できます。複数のテンプレートをネストして、より具体的なレイアウトを定義できます。

デフォルトでは、ベーステンプレートのすべての編集可能テンプレート領域が、ネストされたテンプレートを通過して、ネストされたテンプレートに基づくドキュメントに渡されます。つまり、ベーステンプレートで編集可能領域を作成してからネストされたテンプレートを作成すると、編集可能領域がネストされたテンプレートに基づくドキュメントに表示されます（ネストされたテンプレートでその領域に新しいテンプレート領域を挿入していない場合）。

編集可能領域がネストされたテンプレートに引き継がれないようにする

ネストされたテンプレートでは、通過編集可能領域は青いボーダーで表示されます。編集可能領域内にテンプレートマークアップを挿入して、ネストされたテンプレートに基づくドキュメントで編集可能領域として通過されないようにできます。このような領域は、青いボーダーではなくオレンジ色のボーダーで表示されます。

その他の関連ヘルプ

• テンプレートのサーバースクリプトおよびテンプレートから作成されたドキュメント