テンプレートの任意の領域の使用

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

ドキュメントにコンテンツを表示するための条件を設定する場合、Dreamweaver のオプション領域を使用します。

オプション領域は、ユーザーがテンプレートベースのドキュメントで表示または非表示に設定できるテンプレート内の領域です。ドキュメント内のコンテンツを表示するための条件を設定したい場合は、オプション領域を使用します。

オプション領域を挿入する際、テンプレートパラメーターに特定の値を設定するか、テンプレート領域に条件文（If...else文）を定義することができます。単純なtrue/false操作を使用するか、より複雑な条件文と式を定義することができます。オプション領域は、必要に応じて後で修正できます。定義した条件に基づいて、テンプレートユーザーは作成したテンプレートベースのドキュメント内でパラメータを編集し、オプション領域を表示するかどうかを制御できます。

複数のオプション領域を 1 つの指定パラメーターにリンクさせることができます。テンプレートベースのドキュメントでは、両方の領域が一体として表示または非表示になります。例えば、セール商品の「クローズアウト」画像と販売価格のテキスト領域を表示できます。

オプション領域の挿入

テンプレートベースのドキュメントで表示される場合とされない場合があるコンテンツを制御するためにオプション領域を使用します。オプション領域には、次の 2 つのタイプがあります。

編集不可のオプション領域：テンプレートユーザーが特別にマークされた領域を表示・非表示にできますが、コンテンツの編集はできません。
オプション領域のテンプレートタブの前にはifという単語が付きます。テンプレートで設定された条件に基づいて、テンプレートユーザーは作成するページで領域を表示するかどうかを定義できます。
編集可能なオプション領域：テンプレートユーザーが領域の表示・非表示を設定でき、さらに領域内のコンテンツを編集できます。
例えば、オプション領域に画像やテキストが含まれている場合、テンプレートユーザーはコンテンツを表示するかどうかを設定し、必要に応じてコンテンツを編集することもできます。編集可能領域は条件文によって制御されます。

編集不可のオプション領域を挿入

ドキュメントウィンドウで、オプション領域として設定したい要素を選択します。

次のいずれかの操作を実行します。

挿入／テンプレート／オプション領域を選択します。
挿入パネルの「一般」カテゴリーで、ドロップダウンリストからテンプレートを選択した後、「オプション領域」を選択します。

オプション領域の名前を入力し、オプション領域の値を設定したい場合は詳細タブをクリックし、OKをクリックします。

編集可能オプション領域の挿入

ドキュメントウィンドウで、オプション領域を挿入したい場所に挿入ポイントを配置します。

メモ

選択範囲を囲んで編集可能なオプション領域を作成することはできません。領域を挿入してから、領域内にコンテンツを挿入します。

次のいずれかの操作を実行します。

挿入／テンプレート／編集可能オプション領域を選択します。
挿入パネルの「テンプレート」カテゴリーで、「編集可能リピート領域」を選択します。

オプション領域の名前を入力し、オプション領域の値を設定したい場合は詳細タブをクリックし、OKをクリックします。

オプション領域の値の設定

テンプレートに領域を挿入した後で、オプション領域の設定を編集できます。例えば、コンテンツのデフォルト設定を表示するかどうかを変更したり、既存のオプション領域にパラメーターをリンクしたり、テンプレート式を変更したりできます。

テンプレートパラメータを作成し、テンプレート領域の条件文（If...else文）を定義します。単純なtrue/false演算を使用するか、より複雑な条件文と式を定義できます。

「詳細設定」タブで、複数のオプション領域を名前付きパラメーターにリンクできます。テンプレートベースのドキュメントでは、両方の領域が一括で表示または非表示になります。たとえば、セール商品の「クローズアウト」画像とセール価格のテキストエリアを表示できます。

「詳細設定」タブを使用して、オプション領域の値を評価し、その値に基づいて表示または非表示にするテンプレート式を作成することもできます。

ドキュメントウィンドウで、次のいずれかの操作を行います。

デザインビューで、変更するオプション領域のテンプレートタブをクリックします。
デザインビューで、テンプレート領域に挿入ポイントを置き、ドキュメントウィンドウの下部にあるタグセレクターで、テンプレートタグ <mmtemplate:if> を選択します。
コードビューで、変更するテンプレート領域のコメントタグをクリックします。

プロパティインスペクター（ウィンドウ／プロパティ）で、「編集」をクリックします。

「基本」タブで、「名前」ボックスにパラメーターの名前を入力します。

「初期設定では表示」チェックボックスをオンにして、選択した領域がドキュメントで表示されるように設定します。このチェックボックスをオフにすると、初期設定値が false に設定されます。

メモ

パラメーターに別の値を設定するには、コードビューでドキュメントのセクション内でパラメーターを見つけて、値を編集します。

（オプション）「詳細設定」タブをクリックし、以下のオプションを設定します：

オプション領域のパラメーターをリンクする場合は、「詳細設定」タブをクリックして「パラメーターの使用」を選択し、ポップアップメニューから、選択したコンテンツのリンク先となる既存のパラメーターを選択します。
テンプレート式を記述してオプション領域の表示を制御する場合は、「詳細設定」タブをクリックして「式を入力」を選択し、ボックスに式を入力します。

メモ

入力したテキストの周囲に二重引用符が挿入されます。

「OK」をクリックします。

オプション領域テンプレートオブジェクトを使用すると、Dreamweaverはコード内にテンプレートコメントを挿入します。テンプレートパラメーターは次の例のように head セクションで定義されます：

オプション領域が挿入される場所では、以下のコードのようなコードが表示されます：

テンプレートベースのドキュメントでテンプレートパラメーターにアクセスして編集できます。