견본 집합을 웹 페이지에 연결

견본 집합을 게시한 후 웹 사이트 또는 애플리케이션에서 해당 URL 또는 임베드 코드를 사용할 수 있습니다. 필요한 경우 URL 또는 임베드 코드를 배포하여 사용자가 웹 사이트 또는 애플리케이션에서 견본 집합을 볼 수 있도록 합니다.

노트

자산을 게시하기 전에는 URL이 활성화되지 않습니다.

견본 집합 URL 복사

  1. [자산 찾아보기] 패널의 [표시] 드롭다운 목록에서 [견본 집합]​을 클릭합니다.

  2. 왼쪽의 [자산 라이브러리] 패널에서 임베드 코드를 복사하려는 견본 집합이 들어 있는 자산 폴더를 탐색합니다.

  3. [자산 찾아보기] 패널 위의 도구 모음 오른쪽에서 다음 중 하나를 수행합니다.

    • [그리드 보기]​를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 두 번 클릭하여 [세부 사항 보기]에서 엽니다. 오른쪽의 [URL 및 임베드 코드] 패널에서 원하는 뷰어의 오른쪽에 있는 [URL 복사]​를 클릭합니다.

    • [그리드 보기]​를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 아래에서 [미리 보기] > [뷰어 목록]​을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [URL 복사]​를 클릭합니다.

    • [목록 보기]​를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 오른쪽에서 [미리 보기] > [뷰어 목록]​을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [URL 복사]​를 클릭합니다.

    • [그리드 보기], [목록 보기] 또는 [세부 사항 보기]​를 클릭합니다. 동일한 도구 모음에서 [미리 보기] > [뷰어 목록]​을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [URL 복사]​를 클릭합니다.

웹 페이지에 견본 집합 URL 추가

견본 집합을 배포하는 가장 일반적인 방법은 탐색 아이콘을 통해 웹 페이지에 링크를 배치하는 것입니다. 링크를 클릭하면 팝업 확대/축소 창에서 견본 집합을 표시하는 동적 페이지(ASP 또는 JSP)가 시작됩니다. 확대/축소 링크는 실제 확대/축소 기능이 포함된 팝업 창을 엽니다.

자세한 내용 및 코드 샘플은 Adobe 뷰어 참조 안내서](/docs/dynamic-media-developer-resources/library/viewers-aem-assets-dmc/zoom/c-html5-20-zoom-viewer-about.html?lang=ko#section-e1c3106f5b3e445d9b95be337c2f94e2)에서 [HTML5 확대/축소 뷰어 포함을 참조하십시오.

견본 집합 뷰어의 임베드 코드 복사

임베드 코드 기능을 사용하면 선택한 견본 집합의 뷰어 코드를 검토할 수 있습니다. 또한 뷰어 배포를 위해 코드를 클립보드로 복사하여 웹 페이지에 붙여넣을 수도 있습니다. 코드 편집은 [임베드 코드] 대화 상자에서 허용되지 않습니다.

견본 집합 뷰어의 임베드 코드를 복사하려면

  1. [자산 찾아보기] 패널의 [표시] 드롭다운 목록에서 [견본 집합]​을 클릭합니다.

  2. 왼쪽의 [자산 라이브러리] 패널에서 임베드 코드를 복사하려는 견본 집합이 들어 있는 자산 폴더를 탐색합니다.

  3. [자산 찾아보기] 패널 위의 도구 모음 오른쪽에서 다음 중 하나를 수행합니다.

    • [그리드 보기]​를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 두 번 클릭하여 [세부 사항 보기]에서 엽니다. 오른쪽의 [URL 및 임베드 코드] 패널에서 원하는 뷰어의 오른쪽에 있는 [임베드 코드]​를 클릭합니다.

    • [그리드 보기]​를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 아래에서 [미리 보기] > [뷰어 목록]​을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [임베드 코드]​를 클릭합니다.

    • [목록 보기]​를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 오른쪽에서 [미리 보기] > [뷰어 목록]​을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [임베드 코드]​를 클릭합니다.

    • [그리드 보기], [목록 보기] 또는 [세부 사항 보기]​를 클릭합니다. 동일한 도구 모음에서 [미리 보기] > [뷰어 목록]​을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [임베드 코드]​를 클릭합니다.

  4. [임베드 코드] 대화 상자에서 [클립보드에 복사]​를 클릭합니다.

    코드 편집은 [임베드 코드] 대화 상자에서 허용되지 않습니다.

  5. [닫기]​를 클릭합니다.

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now