Web ページへのスウォッチセットのリンク

スウォッチセットの公開後、そのスウォッチセットの URL または埋め込みコードを Web サイトやアプリケーションで使用できます。次に、必要に応じてこの URL または埋め込みコードを配信すると、ユーザは Web サイトやアプリケーション上でスウォッチセットを表示できます。

メモ

URL は、アセットを公開するまでアクティブになりません。

スウォッチセットの URL のコピー

  1. アセットの参照パネルの「表示」ドロップダウンリストで​「スウォッチセット」​をクリックします。

  2. 左側のアセットライブラリパネルで、コピーする埋め込みコードを持つスウォッチセットを含むアセットフォルダに移動します。

  3. アセットの参照パネルの上のツールバーの右側で、次のいずれかの操作を行います。

    • 「グリッドビュー」​をクリックします。アセットの参照パネルで、1 つのアセットをダブルクリックし、アセットを詳細ビューで開きます。右側の URL および埋め込みコードパネルで、必要なビューアの右側の​「URL をコピー」​をクリックします。

    • 「グリッドビュー」​をクリックします。アセットの参照パネルで 1 つのアセットを選択して、サムネール画像の下にある​プレビュービューアリスト​をクリックします。

      ビューアリストページの表の「アクション」列にある​「URL をコピー」​をクリックします。

    • 「リスト表示」​をクリックします。アセットの参照パネルで 1 つのアセットを選択して、サムネール画像の右側にある​プレビュービューアリスト​をクリックします。

      ビューアリストページの表の「アクション」列にある​「URL をコピー」​をクリックします。

    • 「グリッドビュー」「リストビュー」、または​「詳細ビュー」​をクリックします。同じツールバーにある​プレビュービューアリスト​をクリックします。

      ビューアリストページの表の「アクション」列の下で、「URL をコピー」​をクリックします。

Web ページへのスウォッチセットの URL の追加

スウォッチセットは、ナビゲーションアイコンにより Web ページにリンク表示するのが、最も一般な使用方法です。リンクをクリックすると、ポップアップズームウィンドウでスウォッチセットを表示する動的ページ(ASP または JSP)が起動します。ズームリンクによって実際のズーム機能を備えたポップアップウィンドウが開きます。

詳細およびコードサンプルについては、『Adobeビューアリファレンスガイド』の「HTML5ズームビューアの埋め込み」を参照してください。

スウォッチセットビューアの埋め込みコードのコピー

埋め込みコード機能を使用すると、選択したスウォッチセットのビューアコードをレビューすることができます。コードをクリップボードにコピーして、ビューアを配信する Web ページにペーストすることもできます。埋め込みコードダイアログボックスでは、コードの編集はできません。

スウォッチセットビューアの埋め込みコードをコピーするには

  1. アセットの参照パネルの「表示」ドロップダウンリストで​「スウォッチセット」​をクリックします。

  2. 左側のアセットライブラリパネルで、コピーする埋め込みコードを持つスウォッチセットを含むアセットフォルダに移動します。

  3. アセットの参照パネルの上のツールバーの右側で、次のいずれかの操作を行います。

    • 「グリッドビュー」​をクリックします。アセットの参照パネルで、1 つのアセットをダブルクリックし、アセットを詳細ビューで開きます。右側の URL および埋め込みコードパネルで、必要なビューアの右側の​「埋め込みコード」​をクリックします。

    • 「グリッドビュー」​をクリックします。アセットの参照パネルで 1 つのアセットを選択して、サムネール画像の下にある​プレビュービューアリスト​をクリックします。

      ビューアリストページの表の「アクション」列の下にある​「埋め込みコード」​をクリックします。

    • 「リストビュー」​をクリックします。アセットの参照パネルで、1 つのアセットを選択して、サムネール画像の右側にある​プレビュービューアリスト​をクリックします。

      ビューアリストページの表の「アクション」列の下にある​「埋め込みコード」​をクリックします。

    • 「グリッドビュー」「リストビュー」、または​「詳細ビュー」​をクリックします。同じツールバーにある​プレビュービューアリスト​をクリックします。

      ビューアリストページの表の「アクション」列の下にある​「埋め込みコード」​をクリックします。

  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