템플릿의 옵션 영역 사용

마지막 업데이트 날짜 2021년 4월 27일

문서에서 내용을 표시하기 위한 조건을 설정할 때 Dreamweaver에서 템플릿의 옵션 영역을 사용합니다.

선택적 영역은 사용자가 템플릿 기반 문서에서 표시하거나 숨기도록 설정할 수 있는 템플릿의 영역입니다.문서에서 콘텐츠를 표시하는 조건을 설정하려는 경우 선택적 지역을 사용하십시오.

선택적 영역을 삽입할 때 템플릿 매개변수의 특정 값을 설정하거나 템플릿 영역에 대한 조건문(If...else 문)을 정의할 수 있습니다.간단한 참/거짓 연산을 사용하거나 더 복잡한 조건문과 식을 정의하십시오.필요한 경우 나중에 조건 영역을 수정할 수 있습니다. 정의한 조건에 따라 템플릿 사용자는 생성하는 템플릿 기반 문서에서 매개변수를 편집하고 선택적 지역이 표시되는지 여부를 제어할 수 있습니다.

여러 옵션 영역을 이름이 있는 매개 변수에 링크할 수 있습니다. 템플릿 기반 문서에서 두 지역 모두 하나의 단위로 표시되거나 숨겨집니다.예를 들어, 세일 상품에 대한 "closeout" 이미지와 판매 가격 텍스트 영역을 표시할 수 있습니다.

옵션 영역 삽입

템플릿 기반 문서에서 표시되거나 표시되지 않을 수 있는 콘텐츠를 제어하려면 선택적 지역을 사용하십시오.옵션 영역에는 다음과 같은 두 가지 유형이 있습니다.

  • 편집할 수 없는 선택적 영역으로, 템플릿 사용자가 콘텐츠 편집을 활성화하지 않고도 특별히 표시된 영역을 표시하거나 숨길 수 있습니다.

    선택적 지역의 템플릿 탭 앞에는 if라는 단어가 표시됩니다.템플릿에 설정된 조건에 따라 템플릿 사용자는 생성한 페이지에서 지역을 볼 수 있는지 여부를 정의할 수 있습니다.

  • 편집 가능한 선택적 지역은 템플릿 사용자가 지역을 표시하거나 숨길지 여부를 설정할 수 있도록 하며, 사용자가 지역의 콘텐츠를 편집할 수 있도록 합니다.

    예를 들어, 선택적 지역에 이미지나 텍스트가 포함된 경우 템플릿 사용자는 콘텐츠가 표시되는지 여부를 설정할 수 있을 뿐만 아니라 원하는 경우 콘텐츠를 편집할 수도 있습니다.편집 가능한 지역은 조건문으로 제어됩니다.

편집할 수 없는 선택적 지역 삽입

문서 창에서 선택적 영역으로 설정할 요소를 선택하십시오.
다음 중 하나를 수행하십시오.
  • [삽입] > [템플릿] > [옵션 영역]을 선택합니다.

  • [삽입] 패널 [일반] 범주의 드롭다운 목록에서 [템플릿]을 클릭한 후, [옵션 영역]을 선택합니다.

선택적 지역의 이름을 입력하고, 선택적 지역의 값을 설정하려면 [고급] 탭을 클릭한 다음 [확인]을 클릭하십시오.

편집 가능 옵션 영역 삽입

문서 창에서 선택적 지역을 삽입할 위치에 삽입점을 배치하십시오.
메모

선택 영역을 감싸서 편집 가능한 선택적 지역을 만들 수는 없습니다.지역을 삽입한 다음 지역에 콘텐츠를 삽입하십시오.

다음 중 하나를 수행하십시오.
  • [삽입] > [템플릿] > [편집 가능 옵션 영역]을 선택합니다.

  • [삽입] 패널의 [템플릿] 범주에서 [편집 가능 옵션 영역]을 선택합니다.

선택적 지역의 이름을 입력하고, 선택적 지역의 값을 설정하려면 [고급] 탭을 클릭한 후 [확인]을 클릭하십시오.

옵션 영역의 값 설정

템플릿에 지역을 삽입한 후 선택적 지역 설정을 편집할 수 있습니다.예를 들어, 콘텐츠의 기본 설정이 표시되는지 여부를 변경하거나, 매개변수를 기존 선택적 지역에 연결하거나, 템플릿 식을 수정할 수 있습니다.

템플릿 매개변수를 생성하고 템플릿 지역에 대한 조건문(If...else 문)을 정의하십시오.간단한 참/거짓 연산을 사용하거나 더 복잡한 조건문과 식을 정의할 수 있습니다.

[고급] 탭에서 여러 선택적 영역을 명명된 매개변수에 연결할 수 있습니다. 템플릿 기반 문서에서 두 영역이 모두 하나의 단위로 표시되거나 숨겨집니다. 예를 들어, 세일 항목에 대해 "마감" 이미지와 할인 가격 텍스트 영역을 표시할 수 있습니다.

[고급] 탭을 사용하여 선택적 영역의 값을 평가하고 해당 값에 따라 표시하거나 숨기는 템플릿 표현식을 작성할 수도 있습니다.

문서 창에서 다음 중 하나를 수행합니다.
  • 디자인 보기에서 수정하려는 선택적 영역의 템플릿 탭을 클릭합니다.

  • 디자인 보기에서 템플릿 영역에 삽입 포인트를 놓은 다음, 문서 창 하단의 태그 선택기에서 템플릿 태그 <mmtemplate:if>를 선택합니다.

  • 코드 보기에서 수정하려는 템플릿 영역의 댓글 태그를 클릭합니다.

속성 관리자([창] > [속성])에서 [편집]을 클릭합니다.
[기본] 탭에서 [이름] 상자에 매개변수의 이름을 입력합니다.

선택한 영역이 문서에 표시되도록 설정하려면 [기본으로 보기] 체크 상자를 선택합니다. 기본값을 false로 설정하려면 이 체크 상자의 선택을 취소합니다.

메모

매개변수에 다른 값을 설정하려면 코드 보기에서 문서의 섹션에 있는 매개변수를 찾아 값을 편집합니다.

(선택 사항) [고급] 탭을 클릭한 다음 다음 옵션을 설정합니다:
  • 옵션 영역 매개 변수에 링크를 만들려면 [고급] 탭을 클릭하고 [매개 변수 사용]을 선택한 다음, 팝업 메뉴에서 선택한 내용을 링크할 기존 매개 변수를 선택합니다.

  • 템플릿 표현식을 작성하여 옵션 영역의 표시를 제어하려면 [고급] 탭을 클릭하고 [표현식 입력]을 선택한 후, 상자에 표현식을 입력합니다.

메모

Dreamweaver에서는 사용자가 입력하는 텍스트 양쪽에 큰따옴표가 삽입됩니다.

[확인]을 클릭합니다.

선택적 지역 템플릿 오브젝트를 사용하면 Dreamweaver가 코드에 템플릿 주석을 삽입합니다.템플릿 매개변수는 다음 예와 같이 head 섹션에서 정의됩니다:<!-- TemplateParam name="departmentImage" type="boolean" value="true" -->

선택적 영역이 삽입되는 위치에 아래 코드와 유사한 코드가 나타납니다:

<!-- TemplateParam name="departmentImage" type="boolean" value="true" -->

<!-- TemplateBeginIf cond="departmentImage" -->

<p><img src="/images/airfare_on.gif" width="85" height="22"> </p>

<!-- TemplateEndIf -->

템플릿 기반 문서에서 템플릿 매개변수에 액세스하고 편집할 수 있습니다.