画像マップを追加 adding-image-maps

CAUTION
AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

画像アセットにハイパーリンクされた画像マップを追加する方法を説明します。

画像マップを使用すると、ハイパーリンクが指定された 1 つ以上の領域を追加できます。この領域は、他のハイパーリンクと同様に機能します。

  1. 次のいずれかの操作をおこなって、インプレース画像エディター ​を開きます。

    • クイックアクションを使用して、 編集 アイコン カード 表示 リスト表示で、アセットを選択し、 編集 アイコンをクリックします。

      note note
      NOTE
      注意:リスト ​表示ではクイックアクションを使用できません。
    • カード または リスト を表示し、アセットを選択して、 編集 アイコンをクリックします。

    • 次をタップします。 編集 アセットページのアイコン

      chlimage_1-420

  2. 画像マップを挿入するには、 起動マップ アイコンをクリックします。

    chlimage_1-421

  3. 画像マップの形状を選択します。 選択したシェイプのホットスポットが画像上に配置されます。

    chlimage_1-422

  4. ホットスポットをタップし、「 URL 」と「 Alt 」のテキストを入力します。 「ターゲット」リストから、画像マップを表示する場所(例:同じタブ、新しいタブ、iFrame など)を指定します。例えば、画像マップを新しいタブで開くには、URLとして「https://www.adobe.com」と入力し、代替テキストとして「Adobe website」と入力し、「ターゲット」リストで「新しいタブ」を指定します。

    chlimage_1-423

  5. 次をタップします。 確認 アイコンをクリックし、 完了 アイコンをクリックして、変更を保存します。

    chlimage_1-424

    画像マップを削除するには、ホットスポットをタップし、 削除 アイコン

    chlimage_1-425

  6. 画像マップを表示するには、アセットの詳細ページに移動し、画像の上にカーソルを置きます。

    chlimage_1-426

    「 Dynamic Media 」オプションが有効な場合は、アセットエディターに移動し、 マップ アイコンをクリックし、適用されたすべての画像マップを表示します。

recommendation-more-help
4452738f-2bdf-4cd4-9b45-905a69d607ad