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

ネストされたテンプレートは、デザインおよび編集可能領域が別のテンプレートを基に作成されているテンプレートです。ネストされたテンプレートは、サイト内の複数ページで多数のデザインエレメントが共有されているがページ間の違いが少ない場合に、コンテンツを制御するために便利です。例えば、基本テンプレートでは、デザイン領域を広く定義し、サイトにコンテンツを提供する多数の製作者が利用できるようにします。一方、ネストされたテンプレートでは、サイト内の特定の部分用に編集可能領域をさらに定義します。

基本テンプレート内の編集可能領域はネストされたテンプレートに継承されます。それらの領域に新しいテンプレート領域が挿入されない限り、ネストされたテンプレートから作成されるページでも、編集可能なまま保持されます。

基本テンプレートに変更を加えると、基本テンプレートから作成されたテンプレートに自動的に反映されます。さらに、基本テンプレートとネストされたテンプレートから作成されたすべてのドキュメントに自動的に反映されます。

以下の例では、テンプレート trioHome に 3 つの編集可能領域があり、それぞれに Body、Nav Bar、Footer という名前が付けられています。

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

ネストされたテンプレートに継承された編集可能領域に新しい編集可能領域を追加すると、編集可能領域のハイライト表示がオレンジ色に変わります。editableColumn のグラフィックなど、編集可能領域の外側に追加したコンテンツは、ネストされたテンプレートから作成されたドキュメントでは編集できなくなります。青でハイライト表示されている編集可能領域は、ネストされたテンプレートで追加された場合も、基本テンプレートから継承された場合も、ネストされたテンプレートから作成されたドキュメントで編集可能なまま維持されます。編集可能領域を挿入しなかったテンプレート領域は、テンプレートベースのドキュメントに編集可能領域として継承されます。

ネストされたテンプレートは、基本テンプレートのバリエーションです。複数のテンプレートをネストすれば、次々と特定のレイアウトを定義することができます。

初期設定では、基本テンプレートの編集可能なテンプレート領域はすべてネストされたテンプレートに継承され、さらにネストされたテンプレートを基に作成されるドキュメントに継承されます。つまり、基本テンプレートに編集可能領域を作成し、その後でネストされたテンプレートを作成すると、ネストされたテンプレートの編集可能領域に新しいテンプレート領域を挿入しない限り、その編集可能領域はネストされたテンプレートから作成されるドキュメントに表示されます。

ネストされたテンプレートへの編集可能領域継承の防止

ネストされたテンプレートでは、継承される編集可能領域は、青のボーダーで表示されます。編集可能領域内にテンプレートマークアップを挿入し、ネストされたテンプレートから作成されるドキュメントに編集可能領域として継承されないようにすることができます。このような領域は、青のボーダーの代わりにオレンジ色のボーダーで表示されます。