Adobe InDesignでハイパーリンクを貼る方法 (Tips & Guides)

  • これを共有
Cathy Daniels

ハイパーリンクは、コンピュータのファイルブラウザーからお気に入りのウェブサイト、電子ブックリーダー、さらにはInDesignに至るまで、あらゆるところに表示されるデジタル世界の基礎の1つです。 最近ではほとんどの人がリンクを略して呼んでいますが、技術的にはハイパーリンクが正しい正式な呼び方です。

InDesignは印刷物のデザインプロジェクトでよく使われていますが、電子書籍やデジタル専用のPDFの作成にも使われています。 ハイパーリンクは、各章の見出しにリンクする目次や著者のウェブサイトへのハイパーリンクなど、これらの文書に多くの便利な機能を提供します。

InDesignでハイパーリンクの操作を始めるには、まず ハイパーリンク パネルを開いて利用することができます。

ハイパーリンクパネル

ワークスペースの設定によっては、すでに表示されている場合もありますが、表示されていない場合は、以下の手順で起動できます。 ウィンドウ メニューを選択し インタラクティブ サブメニューで ハイパーリンク .

このパネルには、文書内で現在アクティブになっている各ハイパーリンクが表示され、ハイパーリンクを含むページへのリンクと、リンク先に現在到達可能かどうかを示す成功/失敗のインジケータが表示されます。

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

InDesignでのハイパーリンクの作成は非常に簡単で、テキストベースのハイパーリンク、ボタンのハイパーリンク、その他のオブジェクトベースのハイパーリンクのいずれを作成する場合でも、プロセスは同じです。

ハイパーリンクとなるオブジェクトをハイパーリンク元、リンク先となる場所をハイパーリンク先と呼びます。 ハイパーリンク元は ハイパーリンク先は、インターネットのURL、ファイル、電子メール、現在のドキュメント内のページ、または共有の宛先とすることができます。 .

次のInDesignプロジェクトでハイパーリンクを使う方法をご紹介します。

ステップ1. リンク元にしたいオブジェクトやテキストを選択し、右クリックでコンテキストポップアップメニューを表示します。

ステップ2. を選択します。 ハイパーリンク サブメニューから 新しいハイパーリンク をクリックすることもできます。 新しいハイパーリンクを作成する の下にあるボタンをクリックします。 ハイパーリンク パネルに表示されます。

InDesignが開く 新しいハイパーリンク ダイアログウィンドウで、リンクタイプ、リンク先、外観をカスタマイズできます。 URLリンクタイプを選択すると、InDesignは自動的に選択したテキストをURLとして記入します。

URLがまだ新しかった昔は便利だったのかもしれませんが、今はリンク先のURLを全部綴るよりも、説明文をリンク元にした方がクリック率が上がることがわかっています。 だから、ハイパーリンクを編集することができるのです。

ステップ3. 正しいURLを入力し、必要に応じて文字スタイルを調整します。 PDFのアピアランス設定はデフォルトで問題ありませんが、エクスポート時にハイパーリンクをより見やすくするために PDF 外観 のセクションをご覧ください。

に切り替えることもできます。 アクセシビリティ タブで、リンク元の代替テキストを入力することができます。これは、スクリーン・リーダーなどのアクセシビリティの補助に便利です。

文字スタイルによるハイパーリンクのスタイル設定

デフォルトでは、文書内でテキストのハイパーリンクを作成すると、ハイパーリンクという名前の新しい文字スタイルも作成され、選択したテキストにそのスタイルが割り当てられます。

文字スタイルに馴染みのない方のために説明すると、文字スタイルではさまざまなテキストスタイルオプションを定義でき、それをテキストの一部に適用できます。 文字スタイルを更新すると、そのスタイルを適用したすべてのテキストも一致するように更新されます。

ハイパーリンクの文字スタイルを変更する場合は、以下の手順で行います。 キャラクタースタイル パネルに表示されていない場合は、次のようにします。 ウィンドウ メニューを選択します。 スタイル サブメニューで キャラクタースタイル .

というラベルの付いた項目をダブルクリックします。 ハイパーリンク であり、また キャラクタースタイルオプション ウィンドウの左側にあるタブで、フォントファミリからサイズ、色まで、タイポグラフィに必要なすべての機能を設定できます。

ドキュメント内のテキストアンカーへのリンク

文書内の特定の場所にリンクしたい場合は、「ハイパーリンク」パネルでリンク先となるテキストアンカーを先に作成する必要があります。

に切り替えてください。 タイプ ツールを使って、テキストアンカーを配置したい場所にテキストカーソルを合わせます。 次に ハイパーリンク パネルメニューから 新しいハイパーリンクの宛先 .

を確認してください。 タイプ のドロップダウンが設定されています。 テキストアンカー をクリックし、テキストアンカーに説明的な名前を入力します。

テキストアンカーを作成したら、そのテキストアンカーを指すハイパーリンクを作成します。 新しいハイパーリンク ダイアログウィンドウを開き リンク先 のドロップダウンメニューをクリックし テキストアンカー .

での 目的地 セクションで、文書内のすべてのテキストアンカーを選択できるようになりました。 テキストアンカー また、他の InDesign ドキュメントのテキストアンカーにリンクすることもできますが、それはそのドキュメントが現在 InDesign で開かれている場合のみです。

アクティブハイパーリンクを含むドキュメントをエクスポートする

エクスポート後もハイパーリンクを使用できるようにするには、ハイパーリンクをサポートするフォーマットでドキュメントをエクスポートする必要があります。 InDesignで作成できる文書フォーマットのうち、ハイパーリンク情報を格納できるのは、Adobe PDF、ePUB、HTMLだけです。

特定の用途を想定していない限り、通常はAdobe PDFとしてドキュメントをエクスポートすることが、ファイルの互換性と可能な限り幅広いデバイスでの表示の一貫性を最大化するために最適です。

ドキュメントをAdobe PDFとしてエクスポートする場合、以下の2つのオプションがあります。 輸出 ダイアログウィンドウを表示します。 Adobe PDF (インタラクティブ) Adobe PDF(印刷用) .

どちらのバージョンもアクティブなハイパーリンクを含めることが可能ですが インタラクティブ バージョンではデフォルトで含まれていますが プリント バージョンは特別な設定を有効にする必要があります。

を選択した場合 プリント で明示的にハイパーリンクを含める必要があります。 Adobe PDFの書き出し ウィンドウを表示します。

ウィンドウの下部にある「含める」セクションを探し、「ハイパーリンク」というラベルの付いたボックスをチェックします。 ハイパーリンクとして使用したオブジェクトによっては、「含める」セクションを変更する必要があります。 インタラクティブ要素 充てがう 外観を含む .

しかし、インタラクティブなドキュメントで最高のユーザーエクスペリエンスを得るには、通常は Adobe PDF (インタラクティブ) のフォーマットで表示されます。

最後に

InDesignでのハイパーリンクの方法について知っておくべきことは、これでほぼすべてです!ハイパーリンクはデジタル文書の非常に便利な側面であり、InDesign文書で適切に適用することでユーザー体験を大幅に豊かにし、向上させることができます。

ハイパーリンクをお楽しみください。

Adobe Illustrator のエキスパート、Cathy Daniels です。私はこのソフトウェアをバージョン 2.0 から使用しており、2003 年からチュートリアルを作成しています。私のブログは、Illustrator を学びたい人にとって Web 上で最も人気のある場所の 1 つです。ブロガーとしての仕事に加えて、私は作家およびグラフィック デザイナーでもあります。