아티클에 웹 사이트나 다른 아티클 등으로 이동하는 하이퍼링크를 만들 수 있습니다. HTML 기반 아티클에서 하이퍼링크를 만들거나 InDesign 기반 아티클에서 하이퍼링크 패널 또는 버튼 패널을 사용할 수 있습니다.

InDesign 아티클의 경우 일부 InDesign 버튼 동작과 하이퍼링크 유형이 지원되지 않습니다. 하이퍼링크 오버레이는 스크롤 가능 프레임 및 슬라이드 쇼에서 지원되지만 다른 오버레이에서는 지원되지 않습니다.

아티클 링크 연결

“navto” 형식을 사용하여 다른 아티클 또는 컬렉션에 연결할 수 있습니다.

버튼 또는 하이퍼링크를 만들 때 [URL] 필드에서 “http://”를 “navto://”로 바꿀 수 있습니다. 제목 값이 아닌 메타데이터에 나타나는 값으로 아티클 이름 또는 컬렉션 이름 값을 사용합니다.

다음의 navto 형식이 유효합니다.

navto://[아티클 이름]
navto://[아티클 이름]#n
navto://article/[아티클 이름]

#n을 추가하면 페이지 번호가 지정됩니다. 문서의 첫 페이지는 0이므로 #2를 지정하면 3페이지로 이동합니다.

컬렉션 링크 연결

navto://collection/[컬렉션 이름]
navto://collection/collectionname?openTo=browsePage
navto://collection/collectionname?openTo=contentView

컬렉션 열기 기본값 설정을 덮어쓰기하여 “openTo” 매개 변수로 대상 컬렉션을 검색 페이지로 열지 아니면 콘텐츠 보기(컬렉션의 첫 번째 항목)로 열지를 결정합니다.

navto://collection/topLevelTabletContent (최상위 수준의 태블릿 컬렉션으로 이동)
navto://collection/topLevelPhoneContent (최상위 수준의 휴대폰 컬렉션으로 이동)
navto://collection/topLevelContent (최상위 수준의 컬렉션으로 이동)
goto://ApplicationViewState/library (최초 실행 컬렉션으로 이동)

컬렉션의 컨텍스트에서 아티클로 링크 연결

navto://collection/[컬렉션 이름]/article/[아티클 이름]

navto://collection/[컬렉션 이름]/article/[아티클 이름]을 사용하면 사용자가 가로로 스와이프하여 해당 컬렉션 내의 다른 아티클을 볼 수 있습니다. 간단히 navto://[아티클 이름]만 사용하면 아티클이 컬렉션의 컨텍스트에 표시되지 않으며, 사용자는 해당 컬렉션에서 스와이프를 통해 다른 아티클을 볼 수 없습니다.

추가 정보

  • Navto 링크는 대/소문자를 구분합니다.
  • InDesign 소스 파일의 경우 InDesign 파일에 대한 경로를 지정하는 모든 링크는 앱에서 볼 때 끊어져 있습니다. navto 형식을 사용하여 아티클을 서로 연결하십시오.

InDesign의 navto 예 (하이퍼링크 패널 또는 버튼 패널)

navto://biking

navto://biking#2 (biking 아티클의 3페이지로 이동)

다른 아티클의 3페이지로 이동
다른 아티클의 3페이지로 이동

URL 기반 하이퍼링크 또는 버튼을 만들 때 “navto://” URL을 사용하여 다른 아티클로 이동할 수 있습니다.  

HTML 소스 아티클의 다른 아티클로 이동

navto 형식에 폴더 이름을 사용하여 한 HTML 아티클에서 다른 HTML 아티클로 이동할 수 있습니다. 예:

<a href="navto://newsArticle01">새 아티클 보기</a>

문서 이름 뒤에 페이지 번호를 추가하여 InDesign 아티클 내의 특정 페이지로 이동할 수도 있습니다. 문서의 첫 페이지는 0, 두 번째 페이지는 1인 순서를 따릅니다. 예:

<a href="navto://Cycling#3">Cycling 아티클의 4페이지로 이동>

기본적으로 URL 하이퍼링크는 iOS 디바이스의 인앱 브라우저 내에서 열립니다. 앱 외부에서 열리는 HTML 아티클에서 하이퍼링크를 만들려면 다음 섹션에서 설명하는 goto://DeviceBrowser?url= 형식을 사용하십시오.

HTML 아티클의 앵커로 이동

HTML 아티클 내의 특정 페이지로 이동할 수는 없지만 navto://[아티클 이름]#[앵커 이름]을 입력하여 앵커로 이동할 수는 있습니다.

예: navto://newsArticle01#part4

참고:

HTML 파일에서 앵커를 정의하려면 HTML 파일을 텍스트 편집기에서 엽니다. 앵커로 사용할 텍스트로 이동하여 앵커 태그로 텍스트를 묶습니다(예: <a name="part4"></a>).

아래의 goto 링크를 사용하여 앱 인터페이스에 있는 다양한 옵션의 비헤이비어를 모방할 수 있습니다.

앱의 실행 페이지로 이동:

goto://ApplicationViewState/library

뒤로가기 버튼과 동일한 비헤이비어:

goto://FolioNavigation/lastview

소셜 공유 버튼과 동일한 비헤이비어:

goto://ApplicationViewState/share

검색 옵션과 동일한 비헤이비어:

goto://ApplicationViewState/search

Android 또는 데스크탑 웹 뷰어 앱의 설정 옵션 선택과 동일한 비헤이비어:

goto://ApplicationViewState/settings

iOS용 인앱 브라우저를 사용하지 않고 모바일 브라우저 또는 관련 앱 열기:

goto://DeviceBrowser?url=

예: <a href="goto://DeviceBrowser?url=https://www.adobe.com">Adobe 웹 사이트</a>

InDesign 기반의 아티클에서 외부 앱을 여는 하이퍼링크를 만들려면 하이퍼링크 또는 버튼 오브젝트를 선택하고 Overlays 패널에서 “디바이스 브라우저에서 열기”를 선택합니다.

다양한 navto://relative 형식을 사용하여 컬렉션 내에서 다음, 이전, 처음 또는 마지막 아티클로 이동할 수 있습니다. 예를 들어 navto://relative/first 실행 버튼은 컬렉션의 첫 번째 아티클로 이동합니다. 유효한 형식으로는 first, last, next, previous, current가 있습니다. reset 형식은 AEM Mobile에서 사용할 수 없습니다. 컬렉션의 현재 위치를 기준으로 특정 아티클(예: 다섯 번째 아티클)로 이동할 수도 있습니다.

예: navto://relative/last (컬렉션 내 마지막 아티클로 이동)

예: navto://relative/last#last (컬렉션 내 마지막 아티클의 마지막 페이지로 이동)

예: navto://relative/4 (컬렉션 내 다섯 번째 아티클로 이동)

예: navto://relative/4#2 (컬렉션 내 다섯 번째 아티클의 세 번째 페이지로 이동)

“current” 형식은 페이지 탐색에 특히 유용하게 사용됩니다. #previous, #next, #first, #last를 사용할 수 있으며 특정 페이지로 이동할 수 있습니다(예: #3을 사용하여 아티클의 4페이지로 이동).

예: navto://relative/current#previous (아티클의 이전 페이지로 이동)

예: navto://relative/current#last (아티클의 마지막 페이지로 이동)

예: navto://relative/current#3 (현재 아티클의 네 번째 페이지로 이동)

부드러운 스크롤 아티클에서는 소수 또는 백분율을 사용하여 특정 위치로 이동할 수 있습니다.

예: navto://myarticle#3.3 (부드러운 스크롤 아티클에서 4페이지 아래쪽과 5페이지 위쪽을 표시하는 특정 위치로 이동)

예: navto://myarticle#50% (부드러운 스크롤 아티클의 가운데로 이동)

예: navto://relative/parent (현재 아티클의 상위 보기로 이동, 뒤로 버튼과 유사)

대부분의 경우 navto://relative/parent 버튼은 [뒤로] 버튼과 동일한 기능을 합니다. 소스 아티클과 동일한 컬렉션의 대상 아티클에 상위 버튼이 나타날 경우 상위 버튼을 탭하면 컬렉션으로 이동하고 뒤로 버튼을 탭하면 소스 아티클로 돌아갑니다. 다른 컬렉션의 아티클로 링크를 연결하면 상위 버튼은 뒤로 버튼과 동일하게 소스 아티클로 돌아갑니다.

참고:

지금은 Android 뷰어에서 navto://relative/lastnavto://relative/4(아티클 번호)가 지원되지 않습니다.

이 고급 기술은 현재 지원되고 있으나 형식이 변경될 수 있습니다. 앱 외부에서 “딥 링크”를 만들려면 대상 아티클과 컬렉션을 게시해야 합니다. 딥 링크는 프리플라이트 앱에서는 작동하지 않습니다.

iOS 및 Android 앱에서만 이 딥 링크 기술을 사용할 수 있습니다.

 

앱으로의 링크 만들기

이 형식을 사용하여 앱 외부에서 AEM Mobile 앱으로의 링크를 만들 수 있습니다.

dps.<publicationID>://

예: dps.d14ddfea-7e7f-45ee-a2ef-cffc669627aa://

프로젝트에 대한 발행물 ID를 얻으려면 온디맨드 포털(https://aemmobile.adobe.com)의 콘텐츠 및 레이아웃 섹션으로 이동해 URL의 끝 부분에 있는 문자열을 복사합니다.

콘텐츠 대시보드에서 발행물 ID 복사
콘텐츠 대시보드에서 발행물 ID 복사

앱의 컬렉션으로의 딥 링크 만들기

이 형식을 사용하여 앱의 컬렉션으로의 링크를 만들 수 있습니다.

dps.<publicationID>://?viewRef=/publication/<publicationID>/view/<collectionName>

예: dps.d14ddfea-7e7f-45ee-a2ef-cffc669627aa://?viewRef=/publication/d14ddfea-7e7f-45ee-a2ef-cffc669627aa/view/collectionAudioVideo

컬렉션이 검색 페이지로 설정되었는지 또는 콘텐츠 보기로 설정되었는지에 따라 이 링크는 검색 페이지 또는 컬렉션의 첫 번째 항목으로 연결됩니다.

앱의 아티클로의 딥 링크 만들기

이 형식을 사용하여 컬렉션 컨텍스트 없이 앱 외부에서 앱의 아티클로 링크를 만들 수 있습니다.

dps.<publicationID>://?entityRef=/publication/<publicationID>/article/<articleName>

예: dps.d14ddfea-7e7f-45ee-a2ef-cffc669627aa://?entityRef=/publication/d14ddfea-7e7f-45ee-a2ef-cffc669627aa/article/audio_overlays

아티클 제목이 아닌 아티클 이름을 사용합니다.

컬렉션 컨텍스트의 아티클로의 딥 링크 만들기

이 형식을 사용하여 컬렉션의 컨텍스트 내에서 아티클로의 딥 링크를 만들 수 있습니다(2015.8 12월 릴리스 이후 빌드된 앱 필요).

dps.<publicationID>://?entityRef=/publication/<publicationId>/article/<articleName>&viewRef=/publication/<publicationId>/view/<collectionName>

예: dps.d14ddfea-7e7f-45ee-a2ef-cffc669627aa://?entityRef=/publication/d14ddfea-7e7f-45ee-a2ef-cffc669627aa/article/audio_overlays&viewRef=/publication/d14ddfea-7e7f-45ee-a2ef-cffc669627aa/view/collectionAudioVideo

버튼 패널을 사용하여 웹 사이트, 다른 페이지 또는 다른 아티클에 연결되는 링크를 만들 수 있습니다.

링크를 만드는 데 하이퍼링크 패널 대신에 버튼 패널을 사용하면 최상의 결과를 얻을 수 있습니다. 버튼 패널은 보다 유연하고 안정적입니다.

  1. InDesign에서 버튼으로 사용할 오브젝트를 만듭니다.

    예를 들어 웹 사이트로 이동하기 위한 버튼이 필요한 경우 텍스트 프레임을 만들거나 이미지를 배치합니다.

  2. 버튼 패널(윈도우 > 인터랙티브 > 버튼)을 열고 오브젝트를 선택한 다음 [오브젝트를 버튼으로 변환] 아이콘을 클릭합니다.

  3. 이벤트에 대해 [놓을 때]를 선택합니다.

    버튼 이벤트로 [놓을 때]만 지원됩니다.

  4. [동작] 옆의 플러스(+) 기호를 클릭하고 지원되는 동작을 선택합니다.

    지원되는 버튼 동작
    지원되는 버튼 동작

    A. 하이퍼링크 버튼에 지원되는 동작 B. 슬라이드쇼 버튼에 지원되는 동작 

    지원되는 하이퍼링크 동작은 첫 페이지로 이동, 마지막 페이지로 이동, 다음 페이지로 이동, 이전 페이지로 이동, URL로 이동, 사운드, 비디오 및 페이지로 이동입니다. 슬라이드쇼에는 다음 상태로 이동, 이전 상태로 이동 및 상태로 이동 동작이 지원됩니다.

    대상으로 이동 동작을 사용하여 다른 아티클로 이동하지 마십시오. 대신 URL 이동 실행을 “navto” 형식과 함께 사용하십시오. 이 문서 후반부의 관련 섹션을 참조하십시오.

  5. 필요한 경우 버튼 동작을 더 추가합니다.

    동작은 차례로 재생됩니다. 예를 들어 첫 번째 동작이 비디오를 재생하고 두 번째 동작이 다른 슬라이드를 표시하는 경우 비디오가 재생된 다음 슬라이드가 표시됩니다.

  6. 하이퍼링크 설정을 변경하려면 버튼 오브젝트를 선택한 다음 Overlays 패널에서 이러한 설정을 지정합니다.

    앱에서 열기

    뷰어 내의 웹 뷰에 콘텐츠를 표시합니다. mailto: 및 tel:과 같은 URL에 연결하는 경우 이 옵션을 선택 해제하십시오.

    디바이스 브라우저에서 열기

    뷰어 외부 콘텐츠를 모바일 디바이스 브라우저(예: iPad의 모바일 Safari)에 표시합니다. 사용자가 링크를 누를 때 알림이 표시되도록 하려면 [먼저 확인]을 선택합니다.

InDesign에서 하이퍼링크 패널을 사용하여 하이퍼링크를 추가할 수 있습니다. 하이퍼링크는 텍스트인 경우에 특히 유용합니다. 프레임을 하이퍼링크로 사용하려면 하이퍼링크 패널 대신 버튼 패널을 사용하는 것이 좋습니다. 버튼은 융통성이 뛰어나며 보다 안정적입니다.

  1. 하이퍼링크로 사용할 프레임 또는 텍스트를 선택합니다.

  2. 하이퍼링크 패널을 엽니다(윈도우 > 인터랙티브 > 하이퍼링크).

  3. 하이퍼링크 패널의 패널 메뉴에서 [새 하이퍼링크]를 선택합니다.

  4. [공유 대상]을 선택 해제합니다.

    [공유 대상]에서는 하이퍼링크 이름을 지정하고 재사용할 수 있지만 작업 과정에서는 이 옵션을 사용하지 않는 것이 좋습니다.

  5. 하이퍼링크 설정을 변경하려면 하이퍼링크 오브젝트를 선택한 다음 Overlays 패널에서 이러한 설정을 지정합니다.

    앱에서 열기

    앱 내의 웹 뷰에 콘텐츠를 표시합니다. mailto: 및 tel:과 같은 URL에 연결하는 경우 이 옵션을 선택 해제하여 사용자가 앱을 종료할 수 있도록 허용하십시오.

    디바이스 브라우저에서 열기

    뷰어 외부 콘텐츠를 모바일 디바이스 브라우저(예: iPad의 모바일 Safari)에 표시합니다. 사용자가 링크를 누를 때 알림이 표시되도록 하려면 [먼저 확인]을 선택합니다. 앱에서 열기를 선택한 경우 이 옵션을 사용할 수 없습니다.

    참고:

    텍스트 하이퍼링크에는 Overlays 패널 설정을 사용할 수 없습니다. 텍스트 하이퍼링크의 설정은 변경할 수 없으며 기본적으로 앱에서 열기로 설정됩니다. 단, 뷰어에는 itms://, tel: 및 mailto: 등 특정 프리픽스에 대한 기본 예외 사항이 포함되어 있습니다. 이 URL의 경우 외부 앱은 기본값으로 열립니다.

하이퍼링크를 만드는 방법에 대한 자세한 내용은 InDesign 도움말에서 하이퍼링크 만들기를 참조하십시오.

아티클에서 이메일(mailto:)과 문자 메시지(SMS)를 보내거나 전화(tel:)를 거는 링크를 만들 수 있습니다. YouTube 앱이나 iTunes 노래 또는 앨범을 여는 링크를 만들 수도 있습니다. iOS 디바이스에서 사용할 필수 형식에 대한 자세한 내용은 Apple URL 스키마 참조를 참고하십시오.

참고:

InDesign에서 외부 앱 또는 서비스에 연결되는 링크를 만들 때는 버튼을 선택하고 Overlays 패널에서 [디바이스 브라우저에서 열기] 옵션을 선택해야 합니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책