ハイパーリンクオーバーレイとボタンオーバーレイ

ハイパーリンクパネルまたはボタンパネルを使用して、Web サイトや他の記事などにジャンプするリンクを作成することができます。ボタンアクションまたはハイパーリンクのタイプによっては、Folio でサポートされていない場合があります。

ハイパーリンクオーバーレイはスクロール可能フレームおよびスライドショーでサポートされていますが、その他のオーバーレイはサポートされていません。

ビデオチュートリアル

Web サイトや別のページ、別の記事へのリンクを作成するには、ボタンパネルを使用します。

最良の結果を得るために、ハイパーリンクパネルの代わりにボタンパネルを使用してリンクを作成します。ボタンパネルの方が、柔軟性と安定性に優れています。

ハイパーリンクパネルでリンクを作成する

InDesign のハイパーリンクパネルを使用すると、ハイパーリンクを追加できます。ハイパーリンクは、特にテキストに適用するのが有効です。フレームをハイパーリンクにする必要が生じた場合は、ハイパーリンクパネルよりもボタンパネルを使用するとよい可能性があります。ボタンのほうが用途が広く、より安定しているからです。

ハイパーリンクの作成について詳しくは、InDesign CS5.5 のヘルプでハイパーリンクの作成を参照してください。

他の記事へのリンクを navto リンクの使用

Folio の記事はサーバー上に格納されているので、InDesign ファイルのパスを参照するリンクはプレビュー時に機能しません。他の記事にリンクするには navto 形式を使用します。

ボタンやハイパーリンクを作成するとき、URL フィールドの「http://」を「navto://」に置き換えます。続いて、Folio Builder パネルに表示されているターゲット記事名を指定します。「タイトル」ではなく「記事名」の値を使用することに注意してください。有効な navto 形式は、navto://[記事名] および navto://[記事名]#n です。「#n」を付加するとページ番号を指定できます。ドキュメントの先頭ページは 0 なので、#2 という指定は 3 ページへのジャンプを意味します。

navto の例：

navto://biking

navto://biking#2（biking 記事の 3 ページ目にジャンプ）

相対 navto ハイパーリンクを作成する

v30 リリースでは、記事とページのナビゲーションに新しく相対オプションが導入されました。相対 navto 形式がサポートされるのは v30 以降のアプリケーションだけですが、Folio 形式は任意のもの（v20 以降）が使用できます。相対 navto リンクは、iOS および Windows ストア Viewer でサポートされていますが、ネイティブ Desktop Viewer と Web Viewer ではまだサポートされていません。

各種の navto://relative 形式を使用して、次、前、最初、または最後の記事に移動することや Folio をリセットすることができます。例えば、navto://relative/first アクションを持つボタンは、Folio 内の最初の記事に移動します。有効な形式としては、first、last、next、previous、current、およびresetがあります。また、5 番目の記事など、位置を指定して Folio 内の特定の記事に移動できます。

例：navto://relative/last（Folio 内の最後の記事に移動）

例：navto://relative/last#last（Folio 内の最後の記事の最後のページに移動）

例：navto://relative/4（Folio 内の 5 番目の記事に移動）

例：navto://relative/4#2（Folio 内の 5 番目の記事の 3 ページ目に移動）

特にページのナビゲーションには、「current」形式が便利です。#previous、#next、#first、#last が使用できます。また、特定のページに移動するには、例えば #3 で記事の 4 ページ目に移動します。

例：navto://relative/current#previous（記事の前のページに移動）

例：navto://relative/current#last（記事の最後のページに移動）

例：navto://relative/current#3（記事の 4 ページ目に移動）

navto 形式を使用して Folio をリセットするボタンを作成できます。

例：navto://relative/reset（最初の記事に移動し、読んでいた記事の位置をすべて消去）

スムーズスクロール記事では、小数またはパーセンテージを使用して、特定の位置に移動できます。

例：navto://myarticle#3.3（スムーズスクロール記事で、4 ページ目の下部と 5 ページ目の上部が表示される位置に移動）

例：navto://myarticle#50%（スムーズスクロール記事の中央部に移動）

これらの相対 navto 機能を拡張するには、Web コンテンツオーバーレイまたは HTML 記事を作成して、Reading API にアクセスします。例えば、Folio 内の記事数や、1 つの記事のページ数などの情報を得ることができます。この情報は、表示したり、オーバーレイまたは HTML 記事内で別の方法で使用したりできます。詳しくは、DPS デベロッパーセンターの R30 の新しい API と機能（英語のみ）を参照してください。

HTML 記事の navto ハイパーリンクを作成する

URL ベースのハイパーリンクまたはボタンを作成するときに、「navto://」URL を使用して別の記事にジャンプできます。navto は HTML 記事にジャンプするときに特に便利です。 

「navto://」に続けて、HTML 記事名を入力します（記事のタイトルは使用できません）。

例：navto://newsarticle

HTML 記事内の特定のページにジャンプすることはできませんが、「navto://[記事名]#[アンカー名]」と入力してアンカーにジャンプすることができます。

例：navto://newsarticle#part4

HTML 記事から InDesign 記事へのハイパーリンクを作成するには、navto 形式を使用します。例：

<a href="navto://newsarticle">ニュース記事を参照してください</a>

ドキュメント名の後にページ番号を追加することによって、InDesign 記事内のページに移動することもできます。ドキュメントの先頭ページを示すには 0 を、2 ページ目を示すには 1 を指定します。例：

<a href="navto://Cycling#3">サイクリング記事の 4 ページ目に移動します</a>

HTML 記事から別の HTML 記事にジャンプするには、navto 形式でフォルダー名を指定します。例：

<a href="navto://newsarticle">ニュース記事を参照してください</a>

カスタムアイコンへの goto リンクを作成する

ライブラリ、セクションのリスト、または最後の表示に移動するためのボタンを作成できます（最後の表示の場合は「戻る」ボタン）。以下の goto:// 形式のどれかをボタンのアクションに使用します。

goto://ApplicationViewState/library

goto://ApplicationViewState/sections

goto://FolioNavigation/lastview

これらの goto:// 形式は、AIR ベースのレガシー Android Viewer ではサポートされません。ネイティブ Android Viewer では、現時点では「library」および「lastview」形式だけがサポートされます。

DPS の Enterprise アカウントをお持ちの場合は、goto 形式を使用して、記事から、カスタムアイコンに関連付けた HTML コンテンツへのリンクを作成できます。例えば、DPS App Builder を使用して、「ストア」、「ヘルプ」、「Terms」のカスタムアイコンを指定できます。これらのボタンは Viewer ライブラリ内に表示されます。これらのカスタムアイコンのいずれかに関連付けた HTML コンテンツを開くボタンを記事内に作成するには、次の形式を使用します。

goto://ApplicationViewState/[ラベル]

例えば、goto://ApplicationViewState/Store ボタンアクションでは、HTML ストアコンテンツが開きます。ちょうどライブラリ内でカスタム「ストア」アイコンをタップしたときと同じ動作になります。

DPS App Builder を使用して、カスタムアイコンを作成し、ラベルを指定します。ナビゲーションツールバー（Enterprise アカウントのみ）.

これらの goto 形式は、ライブラリからリンクする場合や、カスタムスロットから別のカスタムスロットにリンクする場合には機能しません。このような場合は、goToState API を使用します。ライブラリおよびストア SDK（英語のみ）を参照してください。

HTML リソースフォルダーのアセットへのリンクを作成する

Viewer のアプリ内ブラウザーでローカル HTML、画像または PDF ファイルを表示するハイパーリンクやボタンを作成できます。

外部のアプリケーションやサービスへのリンクを作成する

記事から電子メールメッセージ（mailto:）やテキストメッセージ（SMS）を送信したり、電話（tel:）したりするためのリンクを作成できます。また、YouTube アプリまたは iTunes の楽曲やアルバムを開くリンクを作成することもできます。iOS デバイスで使用するために必要な形式について詳しくは、Apple URL スキームリファレンス（英語のみ）を参照してください。

高度な電子メール（mailto:）リンクの作成について詳しくは、James Lockman 氏による DPS パブリケーションからの電子メールおよび添付ファイルの送信（英語のみ）の記事を参照してください。

DPS App Builder で iOS アプリケーションを作成中に URL スキーム（オプション）を指定すると、別のアプリケーションまたはモバイル Safari で表示されている Web ページから、作成中のアプリケーションにリンクすることができます。Viewer の詳細パネルを参照してください。