スウォッチセットの Web ページへのリンク linking-a-swatch-set-to-a-web-page

スウォッチセットを公開した後、関連する URL または埋め込みコードを web サイトまたはアプリケーションで使用できます。 その後、必要に応じて URL または埋め込みコードをデプロイし、ユーザーが web サイトまたはアプリケーションでスウォッチセットを表示できるようにします。

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

スウォッチセット URL のコピー copying-a-swatch-set-url

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

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

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

    • グリッド表示 を選択します。 アセットの参照パネルで、1 つのアセットをダブルクリックし、アセットを詳細ビューで開きます。右側の URL と埋め込みコード パネルで、必要なビューアの右側にある URL をコピー を選択します。

    • グリッド表示 を選択します。 アセット参照パネルで、アセットを 1 つ選択し、サムネール画像の下で プレビュー/ビューアリスト に移動します。

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

    • リスト表示 を選択します。 アセット参照パネルで、アセットを 1 つ選択し、サムネール画像の右側で プレビュー/ビューアリスト に移動します。

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

    • グリッド表示リスト表示 または 詳細表示 を選択します。 同じツールバーで、プレビュー/ビューアリスト に移動します。

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

Web ページへのスウォッチセット URL の追加 adding-swatch-set-urls-to-your-web-page

スウォッチセットをデプロイする最も一般的な方法は、Web ページに(ナビゲーションアイコンを介して)リンクを配置することです。 選択すると、リンクによって動的ページ(ASP または JSP)が起動され、ポップアップズームウィンドウにスウォッチセットが表示されます。 ズームリンクをクリックすると、実際のズーム機能を含むポップアップウィンドウが開きます。

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

スウォッチセットビューアの埋め込みコードのコピー copying-the-embed-code-of-a-swatch-set-viewer

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

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

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

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

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

    • グリッド表示 を選択します。 アセットの参照パネルで、1 つのアセットをダブルクリックし、アセットを詳細ビューで開きます。右側の URL と埋め込みコード パネルで、目的とするビューアの右側にある 埋め込みコード を選択します。

    • グリッド表示 を選択します。 アセット参照パネルで、アセットを 1 つ選択し、サムネール画像の下で プレビュー/ビューアリスト に移動します。

      ビューアリストページの表の「アクション」列で、「埋め込みコード」を選択します。

    • リスト表示 を選択します。 アセット参照パネルで、アセットを 1 つ選択し、サムネール画像の右側で プレビュー/ビューアリスト に移動します。

      ビューアリストページの表の「アクション」列で、「埋め込みコード」を選択します。

    • グリッド表示リスト表示 または 詳細表示 を選択します。 同じツールバーで、プレビュー/ビューアリスト に移動します。

      ビューアリストページの表の「アクション」列で、「埋め込みコード」を選択します。

  4. 埋め込みコードダイアログボックスで、「クリップボードにコピー」を選択します。

    埋め込みコードダイアログボックスでは、コードを編集することはできません。

  5. 閉じる を選択します。

recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26