ビューアプリセットの管理

ビューアプリセットは、ユーザーのコンピューター画面やモバイルデバイスでのリッチメディアアセットの表示方法を決定する様々な設定のコレクションです。管理者は、ビューアプリセットを作成できます。設定は、幅広いビューア設定オプションで使用できます。例えば、ビューアの表示サイズやズームの動作を変更できます。

Dynamic Media ビューアリファレンスガイドも参照してください。

ここでは、ビューアプリセットを作成、編集および管理する方法について説明します。アセットをプレビューする際は、いつでもビューアプリセットを適用できます。詳しくは、ビューアプリセットの適用を参照してください。

メモ

定義済みの、標準搭載のビューアプリセット​の編集はサポートされていません。 標準提供ビューアプリセットを編集しようとすると、そのビューアプリセットを新しい名前で保存するように指示されます。

ビューアのキーボードアクセシビリティ

すべての標準提供ビューアでキーボードアクセシビリティがサポートされています。

キーボードのアクセシビリティとナビゲーションも参照してください。

ビューアプリセットの管理

Adobe Experience Managerで​ツール(ハンマーのアイコン)/アセット/ビューアプリセット​をタップして、ビューアプリセットを追加、編集、削除、公開、非公開およびプレビューできます。

6_5_tools-assets-viewerpresets

メモ

デフォルトで、アセットの詳細ビューでビューアを選択するときに、15 個のビューアプリセットが表示されます。この制限は増やすことができます。表示されるビューアプリセットの数を増やすを参照してください。

レスポンシブデザイン Web ページのビューアサポート

Web ページごとに異なるニーズがあります。例えば、個別のブラウザーウィンドウで HTML5 ビューアを開くリンクを示す Web ページが必要な場合や、ホストページ上に直接HTML5ビューアを埋め込む必要がある場合もあります。 後者の場合は、Webページは静的レイアウトです。 また、「レスポンシブ」で、デバイスごと、ブラウザーウィンドウのサイズごとに表示方法が変わります。 これらのニーズに対応するために、Dynamic Media に付属する事前定義済みの標準提供 HTML5 ビューアはすべて、静的な Web ページとレスポンシブデザイン Web ページの両方をサポートしています。

レスポンシブビューアを Web ページに埋め込む方法について詳しくは、 Dynamic Media 画像サービングおよびレンダリング API ヘルプのレスポンシブ静的画像ライブラリを参照してください​

メモ

あらかじめ用意されているすべてのビューアを公開してから、最初のビューアに使用します。
ビューアプリセットの公開を参照してください。

ビューアプリセットのシステム互換性

Dynamic Media に付属するすべての標準提供ビューアプリセットは、次のシステムと完全に互換します。

  • デスクトップ
  • Apple iPhone
  • Apple iPad
  • Android Smartphone
  • Android Tablet
  • ビデオの場合、BlackBerryおよびWindows Phoneでは、MP4再生の追加サポートが提供されます。

ビューアプリセットのリッチメディアタイプ

管理者は、ビューアプリセットの作成時に、次のリッチメディアタイプを追加およびカスタマイズできます。

カルーセルセット

ホットスポットや画像マップ、またはその両方が 2 つ以上の一連の画像に追加されます。画像を左右にパンし、画像上でホットスポットをクリックすると、その画像の詳細や、Webサイトのカテゴリ、ホーム、ランディングページから直接購入することができます。

ディメンション

3D シーンが表示され、カメラの回転、パン、ズーム、中心の変更が可能です。

フライアウトズーム

オリジナル画像の横に、第 2 のズームされた領域の画像を表示します。使用できるコントロールはありません。ユーザーは表示したい領域上に選択範囲を動かします。

このビューアの全体的な帯域幅使用量を算出する場合は、メイン画像とフライアウト画像の両方がビューアに配信されることを考慮してください。メイン画像のサイズ(ステージの幅と高さ)とズーム率によってフライアウト画像のサイズが決まります。フライアウトファイルのサイズが大きくなりすぎないようにするには、これら 2 つの値のバランスを取る必要があります。つまり、メイン画像のサイズが大きい場合は、ズーム率の値を小さくします。(フライアウトの幅と高さによってフライアウトウィンドウのサイズが決まりますが、ビューアに配信されるフライアウト画像のサイズが決まるわけではありません)。

例えば、メイン画像のサイズが 350 x 350 ピクセルで、ズーム率が 3 の場合、生成されるフライアウト画像は 1,050 x 1,050 ピクセルになります。メインの画像サイズが 300 x 300 ピクセルで、ズーム率が 4 の場合、フライアウト画像は 1,200 x 1,200 ピクセルになります。JPEG 画質の設定(推奨設定は 80~90)によっては、ファイルサイズを大幅に削減できます。推奨されるズーム率は、メイン画像のサイズに応じて 2.5~4 となります。

インラインズーム ズームされた領域の画像を元のビューア内に表示します。使用するコントロールはありません。つまり、ユーザーは表示する領域上に選択範囲を動かします。
画像セット 画像セットビューアでは、サムネール画像をクリックしてアイテムの様々なビューやカラーを表示できます。このビューアは、画像を接近して確認するためのズームツールも提供しています。
インタラクティブ画像 画像の一部にホットスポットが追加されます。これをクリックすると、画像の詳細情報や、Webサイトのカテゴリ、ホーム、ランディングページから直接購入できます。
インタラクティブビデオ ビデオのタイムラインセグメントにサムネールが追加されます。そのサムネールをクリックすると、詳細を確認したり、Webサイトのカテゴリ、ホームまたはランディングページから直接購入したりできます。
混在メディア 1 つのビューアで異なる複数のタイプのメディアを表示します。スピンセット、画像セット、画像およびビデオを含めることができます。
パノラマ画像

パノラマ画像ビューアと PanoramicVR ビューアは、球パノラマ画像をレンダリングして、室内、物件、場所、風景などをあらゆる角度から見ることができる臨場感あふれる体験をユーザーに提供します。

アップロードする画像が球パノラマとして適格となるには、以下の一方または両方の条件を満たしている必要があります。

  • 縦横比が 2:1 である必要があります。
  • キーワード equirectangular、または spherical および panorama、または spherical および panoramic でタグ付けされている必要があります。タグの使用を参照してください。

縦横比とキーワードの両方の条件が、アセットの詳細ページと「パノラマメディア」WCM コンポーネントのパノラマアセットに適用されます。

スマート切り抜きビデオ

このビューアを使用して、ビデオの焦点を自動的に検出し、切り抜きます。

スピンセット ユーザーがオブジェクトを回転させて、様々な面や角度を確認できるように、複数の画像ビューを提供します。
360 ビデオ

360/VR ビデオビューアを使用すると、エクイレクタングラー形式でビデオをレンダリングして、室内、物件、場所、風景、医療処置などの臨場感あふれる表示を実現することができます。

フラットディスプレイでの再生中、ユーザは視野角を制御する。 モバイルデバイスでの再生には、組み込みのジャイロコントロールが使用されます。

ビューアでは、360 ビデオアセットの配信をネイティブサポートしています。デフォルトでは、表示または再生するための追加設定は不要です。360 ビデオは、.mp4、.mkv、.mov といった標準のビデオ拡張子を使用して配信されます。最も一般的なコーデックは H.264 です。

ビデオ

プログレッシブまたはアダプティブビットレートストリーミングを使用してビデオを再生します。アダプティブビットレートストリーミングでは、自動的にデバイスと帯域幅を検出して、適切な画質のビデオを適切な形式で配信します。

垂直方向ズーム

垂直方向ズームビューアを使用すると、製品画像の閲覧エクスペリエンスを最大限に高めて、ユーザーにとって最適な製品の表示を実現できます。スウォッチを垂直方向に配置することで、次のような利点があります。

  • スウォッチが「見開きの上に」表示されます。
    水平スウォッチの場合、ユーザのデスクトップ画面のサイズに応じて、ユーザがページを下にスクロールするまで、スウォッチは表示されません。ビューア内に垂直方向にスウォッチを配置することで、ユーザーの画面サイズに関係なく、確実にスウォッチが表示されるようになります。
  • メイン画像のサイズが最大化されます。
    水平方向のスウォッチの場合、スウォッチが表示されるようにページ上にスペースを確保する必要があります。この配置により、メイン画像のサイズが縮小されていました。ただし、スウォッチの垂直方向レイアウトでは、このスペースを確保する必要がありません。そのため、メイン画像のサイズを最大化できます。
ズーム ユーザーが領域をクリックしてズームインできます。ユーザーは、ズームイン、ズームアウトおよび画像をデフォルトのサイズにリセットするためのコントロールをクリックできます。

標準提供ビューアプリセットのリスト

次の表に、Dynamic Media に付属するすべての事前定義済みの標準提供ビューアプリセットについて示します。

関連トピック ライブデモ

ビューアでサポートされている Web ブラウザーとオペレーティングシステムのバージョンについては、ビューアのリリースノートに記載されています。

ビューアリファレンスガイド』の目次の「ビューアのリリースノート」を参照してください。

メモ

Dynamic Mediaのすべての標準搭載ビューアプリセットはアクティブ化(オン)されますが、公開する必要があります。
ビューアプリセットの公開を参照してください。

作成および追加した新しいすべてのビューアプリセットは、アクティベートされ公開されている必要があります。
ビューアプリセットのアクティベートとアクティベート解除ビューアプリセットの公開を参照してください。

ビューアプリセットのタイトル タイプ CSS ファイル名
Carousel_Dotted_dark カルーセルセット html5_carouselviewer_dotted_dark.css
Carousel_Dotted_light カルーセルセット html5_carouselviewer_dotted_light.css
Carousel_Numeric_dark カルーセルセット html5_carouselviewer_numeric_dark.css
Carousel_Numeric_light カルーセルセット html5_carouselviewer_numeric_light.css
Flyout フライアウトズーム html5_flyoutviewer.css
ImageSet_dark 画像セット html5_zoomviewer_dark.css
ImageSet_light 画像セット html5_zoomviewer_light.css
InlineMixedMedia_dark 混在メディア html5_inlinemixedmediaviewer_dark.css
InlineMixedMedia_light 混在メディア html5_inlinemixedmediaviewer_light.css
InlineZoom フライアウトズーム html5_inlinezoomviewer.css
MixedMedia_dark 混在メディア html5_mixedmediaviewer_dark.css
MixedMedia_light 混在メディア html5_mixedmediaviewer_light.css
PanoramicImage パノラマ画像 html5_panoramicimage.css
PanoramicImageVR パノラマ画像 html5_panoramicimage.css
Shoppable_Banner インタラクティブ画像 html5_interactiveimage.css
Shoppable_Video_dark インタラクティブビデオ html5_interactivevideoviewer_dark.css
Shoppable_Video_light インタラクティブビデオ html5_interactivevideovewer_light.css
SpinSet_dark スピンセット html5_spinviewer_dark.css
SpinSet_light スピンセット html5_spinviewer_light.css

ビデオ

(字幕サポートを含む)

ビデオ html5_videoviewer.css

Video360_social

(基本的なビデオ再生制御を含んでいます。ビデオレンダリングはステレオモードでおこなわれます。手動の視点制御はオフですが、ジャイロスコープ制御はオンです。ソーシャルメディア機能はありません)

ビデオ 360 html5_video360viewersocial.css

Video360VR

(仮想現実メガネを使用するエンドユーザー向けに設計されています。基本的なビデオ再生制御とソーシャルメディア機能を含んでいます)

ビデオ 360 html5_video360viewer.css

Video_social

(字幕とソーシャルメディアのサポートを含む)

ビデオ html5_videoviewersocial.css
Zoom_dark
ズーム
html5_basiczoomviewer_dark.css
Zoom_light
ズーム html5_basiczoomviewer_light.css
ZoomVertical_dark
垂直方向ズーム html5_zoomverticalviewer_dark.css
ZoomVertical_light 垂直方向ズーム html5_zoomverticalviewer_light.css

サポートされているモバイルビューアのジェスチャーに関する表

次の表に、iOS、Android 2.x および Android 3.x デバイスでサポートされているモバイルビューアのジェスチャーを示します。

ジェスチャー フライアウトズーム ズーム スピン

ドラッグ

パン

パン

パン

タップ

フライアウトウィンドウを表示

ユーザーインターフェイスを表示または非表示

ユーザーインターフェイスを表示または非表示

ダブルタップ

適用なし

ズームインまたはリセット

ズームインまたはリセット

ピンチオープン

適用なし

ズームイン(iOS、Android 3x のみ)

ズームイン(iOS、Android 3x のみ)

ピンチクローズ

適用なし

ズームアウト(iOS、Android 3x のみ)

ズームアウト(iOS、Android 3x のみ)

スワイプ

スイッチバーをスクロール

画像をスクロール

スピン

フリック

スイッチバーをスクロール

画像をスクロール

スピン

表示されるビューアプリセットの数の増減

Experience Managerは、詳細表示/ビューア​からアセットを表示する場合に、様々なビューアプリセットを表示します。 表示されるビューアの数を増減できます。

表示されるビューアプリセットの数を増やすには::

  1. CRXDE Lite(https://localhost:4502/crx/de)に移動します。

  2. ビューアプリセットリストノード(/libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist)に移動します。

    chlimage_1-221

  3. limit」プロパティで、「」(デフォルトで 15 に設定されています)を目的の数に変更します。

  4. ビューアプリセットデータソース(/libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource)に移動します。

    chlimage_1-222

  5. 「limit」プロパティの数を、目的の数(例:{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]})に変更します。

  6. すべて保存」をタップします。

ビューアプリセットの作成

ビューアプリセットを作成しておくと、アセットの表示やアセットとの対話のための様々な設定を適用できます。ただし、ビューアプリセットを作成する必要はありません。 必要に応じて、Experience Managerアセットに付属している初期設定のそのまま使用できるビューアプリセットを使用できます。

ビューアプリセットを作成する場合、保存した後、ビューアプリセットページでビューアのステートが自動的にアクティブ化されます(On​に設定)。 この状態は、画像やビデオをプレビューするときは常に Dynamic Media コンポーネントとインタラクティブメディアコンポーネントに表示されることを意味します。

一部のビューアプリセットには、ビューアの全体的な動作に影響する専用の設定があります。作成するビューアプリセットに応じて、次の点に注意する必要があります。

インタラクティブビューアプリセットの作成に関する考慮事項を参照してください。

カルーセルバナーのビューアプリセットの作成に関する考慮事項を参照してください。

ビューアプリセットを作成するには:

  1. Experience Managerの左上隅にあるExperience Managerのロゴをタップし、左のレールで​ツール(ハンマーのアイコン)/アセット/ビューアプリセット​をタップします。

    6_5_viewerpresets

  2. ビューアプリセットページのツールバーで、「作成」をタップします。

  3. 新規ビューアプリセット​ダイアログボックスで、「プリセット名」フィールドに新しいプリセットの名前を入力します。この名前は慎重に選択してください。「作成」をタップした後は編集できません。

    後述の手順でプリセットを保存すると、この名前がビューアプリセットページの「プリセットのタイトル」列ヘッダーの下に表示されます。

  4. 「リッチメディアタイプ」ドロップダウンメニューで、作成するビューアプリセットのタイプを選択し、ページ右上隅の「作成」をタップします。

    ビューアプリセットのリッチメディアタイプを参照してください。

  5. ビューアプリセットエディターページで、「外観」タブをタップします。

  6. 次のいずれかの操作をおこないます。

    • 選択したタイプ」プルダウンメニューで、ビジュアルデザインをカスタマイズするコンポーネントを選択します。または、設定するビジュアル要素をビューアでタップまたはクリックして選択することもできます。

      Visual Editor を使用すると、特定のプロパティがスタイルに与える効果を確認できます。エディタの左側のサンプルを使用して、プロパティを設定または調整し、ビューアに対する効果を即時に確認します。

      各タイプのビューアプリセットに対するCSSスタイルプロパティは、ビューアリファレンスガイドの「ビューアのカスタマイズ」ヘルプトピックで説明されています。 <viewer name>​例えば、Mixed_Media タイプのビューアプリセットを作成している場合、プロパティのリストと各プロパティの説明については、混在メディアビューアのカスタマイズを参照してください。

    • 別のCSSファイルにスタイル設定を定義した場合は、CSSファイルをExperience Managerアセットにアップロードできます。 アップロードしたCSSファイルを見つけて、ビューアプリセットと関連付けるには、選択したタイプ​のプルダウンメニューの下の​CSS​を読み込みをタップします(必要に応じて、ビジュアルエディターを上にスクロールして表示します)。

      CSS ファイルを読み込むと、Visual Editor は、その CSS に正しいビューアマーカーが使用されているかを確認します。例えば、ズームビューアを作成している場合、読み込むすべての CSS ルールが、親のビューアエレメントに定義されているズームビューアのクラス名 .s7mixedmediaviewer を使用して定義されている必要があります。

      指定ビューアの CSS マーカーが正しく定義された CSS であれば、自作した任意の CSS を読み込むことができます(CSS マーカーについては、『ビューアリファレンスガイド』の「<viewer name> ビューアのカスタマイズ」のヘルプトピックを参照してください。例えば、ズームビューアの CSS マーカーについては、ズームビューアのカスタマイズを参照してください)。ただし、ビジュアルエディターでは、一部のCSS値を理解できない場合があります。 そのような場合、Visual Editor は、CSS が正常に機能するように、エラーを上書きしようとします。

    メモ

    CSSを生のフォームで直接編集する場合は、「選択したタイプ」プルダウンメニューの下の「CSSを表示/非表示」をタップします(必要に応じて、ビジュアルエディターを上にスクロールして表示します)。
    ビジュアルエディターと同様に、CSSでプロパティを直接変更すると、ビューアサンプルに対する効果をすぐに確認できます。 また、同時に、Visual Editor でもその同じプロパティが自動的に更新されます。このことから、RAW である CSS エディターと、Visual Editor のどちらを使用しても、また交互に使用してもかまいません。

    メモ

    ボタンのアートワークについては、2倍の画像を選択し、高解像度のアートワークをアップロードします。 インタラクティブな画像や買い物バナーを使用する場合は、あらかじめ用意されている様々なホットスポットボタンから選択することもできます。

  7. (オプション)ビューアプリセットを編集ページの最上部の近くにある「デスクトップ」、「タブレット」または「電話」をタップして、異なる種類のデバイスや画面のビジュアルスタイルを個別に定義します。

  8. ビューアプリセットエディターページで、「ビヘイビアー」タブをタップします。または、設定するビジュアル要素をビューアでタップまたはクリックして選択することもできます。

  9. 選択したタイプ」プルダウンメニューで、動作を変更するコンポーネントを選択します。

    Visual Editor 内の多くのコンポーネントには、詳しい説明が関連付けられています。この説明は、コンポーネントを展開して関連パラメーターを表示したときに、青いボックス内に示されます。

    一部のビューアタイプには、「IS コマンド」テキストフィールドに画像サービングコマンドを指定できるコンポーネントがあります。使用できるコマンドのリストについては、画像サービング API リファレンス(英語)を参照してください。

    メモ

    スマートフォンやタブレットなどのタッチデバイスを使用している場合は…

    テキストフィールドに値を入力後、ユーザーインターフェイス内をタップすると、変更内容が送信され、仮想キーボードが閉じられます。Enter キーをタップした場合は、何も実行されません。

  10. ページの右上隅にある「保存」をタップします。

  11. 新しいビューアプリセットを公開します。プリセットは、Webサイトで使用する前に公開する必要があります。

    ビューアプリセットの公開を参照してください。

インタラクティブビデオのビューアプリセットの作成に関する考慮事項

パネル内の画像サムネールのディスプレイモードについて:

インタラクティブビデオビューアプリセットを作成または編集する場合は、どの表示モード設定を使用するかを選択できます。 この選択は、「動作」タブの「選択されたコンポーネント」プルダウンメニューからInteractiveSwatchesを選択した場合に発生します。 選択するディスプレイモードは、ビデオの再生中にサムネールを表示する方法とタイミングに影響します。segment ディスプレイモード(デフォルト)または continuous ディスプレイモードのいずれかを選択できます。

ディスプレイモード 説明
セグメント

Segment は、既製のインタラクティブビデオビューアプリセット Shoppable_Video_lightShoppable_Video_dark および自身で作成するすべてのインタラクティブビデオビューアプリセットのデフォルトのディスプレイモードです。

このモードでは、ビデオセグメントに割り当てられるサムネールの数が、表示パネル内の表示されるスポットの数よりも少ないとします。 そのような場合、次または前のサブセグメントのサムネールは、パネル内の空白部分を埋めるために取り込まれません。 つまり、特定のビデオセグメントに割り当てられたスウォッチの表示を保持します。

連続

continuous 表示モードで、セグメント内のサムネールの数が、パネルに表示される数より少ないとします。 その場合、ビューアには、次のセグメントまたは前のセグメント(最後のサムネールが表示される)からのサムネールの表示が自動的に含まれます。

このトピックのビデオは continuous ディスプレイモードの一例です。

インタラクティブビデオビューアの自動スクロール動作について

インタラクティブビデオビューア内のサムネールの自動スクロール動作は、選択したディスプレイモードとは独立して機能します。

インタラクティブビデオのビューアプリセットを作成または編集するときは、「ビヘイビアー」タブから自動スクロールにアクセスします。選択したコンポーネント​ドロップダウンメニューの「ビヘイビアー」タブで、「InteractiveSwatches」をタップします。「自動スクロール」チェックボックスは「IS コマンド」テキストフィールドの下にリストされます。

ビューアプリセットで「自動スクロール」​を無効(チェックボックスをオフ)にした場合、ユーザーによるビデオの再生中、パネルにはビデオの全長につき最初のサムネール画像のみが表示されます。ただし、ユーザーは必要に応じて上下の矢印アイコンを使用してサムネール間を手動でスクロールできます。

ビューアプリセットで「自動スクロール」を有効(チェックボックスをオン)にすると、ビデオの再生中、セグメントの開始時に、ビデオセグメントに割り当てられたサムネール画像まで表示がスクロールされます。ただし、セグメントによっては特定のサムネールが前後のサムネールの 2 倍の時間表示されることもあります。この動作は、セグメント内のサムネールの数がパネルに表示される数よりも多く、均等に分割できないことが原因で発生します。

図解してみましょう。30 秒のビデオセグメントが 1 つあるとします。30 秒の間に表示されるサムネールは合計で 9 個です。ブラウザーは 4 つのサムネールがディスプレイパネルに表示できるようにサイズ設定されています。30秒のビデオ時間セグメントは3つのサブセグメントに分割されます。 次の表に、特定の時間サブセグメントに対してどのサムネールが表示されるかを示します。

ビデオサブセグメント サブセグメントの時間(秒) パネルに表示されるサムネール
1 0~10 1、2、3、4
2 10~20 4、5、6、7
3 20~30 6、7、8、9

ビデオサブセグメント3は、割り当てられたサムネールを越えてはいません。 また、サムネール 4、6、7 は、他のサムネールの 2 倍の時間パネルに表示されます。

ビューアでは次のロジックに従い、サイドパネルに表示できる数に基づいて表示するサムネールの数を決めています。

  • サブセグメントの数=次のサブセグメントに切り上げ(サムネールの数/サムネールパネルに表示されるスロットの数(ブラウザーウィンドウのサイズに基づく)。
    上の表の例を使用した場合、9個のサムネール/ 4個のスロット= 2.25;ビューアのロジックでは、3つのサブセグメントに切り上げられます。

  • サムネールの数=次のサムネールに切り上げます(サムネールの数/ビデオサブセグメントの数)。
    上の表の例を使用した場合、9つのサムネール/3つのビデオサブセグメント= 3つのサムネールが表示されます。

  • サブセグメントの長さ=ビデオの合計時間/ビデオサブセグメントの数。
    上の表の例を使用して、30秒/ 3ビデオサブセグメント= 10秒で各ビデオサブセグメントが表示されます。

カルーセルバナーのビューアプリセットを作成するときに、ホットスポットのスタイル変更は次のように実行できます。

説明 アクション
ホットスポットアイコン ホットスポットに使用するアイコンを変更する ホットスポットアイコンの画像を変更するには、「外観」タブで、「選択したコンポーネント」の「ImageMapEffect」をタップします。「アイコン」で「背景」を選択し、「画像」フィールドで目的に背景画像に移動します。

ビューアプリセットのアクティベートとアクティベート解除

オーサーモードでビューアプリセットがアクティベートされているかどうかで、ユーザーインターフェイスに表示されるビューアプリセットが変わります。デフォルトでは、ビューアプリセットは作成後に「オン」になります。プリセットをオフに切り替えると、作成者モードで表示されません。 プリセットが公開されている場合は、オン/オフが切り替えられているかどうかに関係なく、常に公開されます。 リストが不安定になったり、ビューアプリセットを使用可能にしたくない場合は、ビューアプリセットを非アクティブにします。

ビューアプリセットをアクティベートまたはアクティベート解除するには::

  1. Experience Managerの左上隅にあるExperience Managerのロゴをタップし、左のレールで​ツール(ハンマーのアイコン)/アセット/ビューアプリセット​をタップします。

  2. ビューアプリセットページの「状態」列ヘッダーの下で、ビューアプリセットのアクティベートとアクティベート解除の切り替えアイコンをタップします。

    アクティブ化されたビューアプリセットの右側、青いボックス内に切り替えが表示されます。非アクティブなビューアプリセットは、左側のライトグレーのボックス内に表示されます。

ビューアプリセットの公開

ビューアプリセットの状態をアクティベートする(または「オン」に切り替える)と、Dynamic Media コンポーネントとインタラクティブメディアコンポーネント内、およびアセットを表示する際に表示されるようになります。

ただし、ビューアプリセットを使用して​アセットを配信するには、ビューアプリセットも公開する必要があります。 アセットのURLまたは埋め込みコードを取得するには、すべてのビューアプリセットを​および​公開する必要があります。 Dynamic Mediaに付属の標準搭載されているすべてのビューアプリセットをアクティブ化して公開します。 自分で作成して追加したカスタムビューアプリセットは自動的にアクティベートされますが、やはり手動で公開する必要があります。

ビューアプリセットのアクティベートとアクティベート解除を参照してください。

アセットのプレビューも参照してください。

ビューアプリセットを公開するには::

  1. Experience Managerの左上隅にあるExperience Managerのロゴをタップし、左のレールで​ツール(ハンマーのアイコン)/アセット/ビューアプリセット​をタップします。
  2. 公開するビューアプリセットを 1 つ以上選択します。
  3. ツールバーの​公開​アイコンをタップします。

ビューアプリセットの並べ替え

  1. Experience Managerの左上隅にあるExperience Managerのロゴをタップし、左のレールで​ツール(ハンマーのアイコン)/アセット/ビューアプリセット​をタップします。
  2. プリセットのタイトル」、「タイプ」、「公開」または「状態」をクリックして、その見出しの列でソートします。例えば、「タイプ」をクリックすると、ビューアプリセットのタイプが、アルファベット順で、またはアルファベットの逆の順序でソートされます。

ビューアプリセットの編集

定義済みの、標準搭載のビューアプリセット​の編集はサポートされていません。 標準提供ビューアプリセットを編集すると、新しい名前で保存するように指示されます。

ビューアプリセットを編集するには::

  1. Experience Managerの左上隅にあるExperience Managerのロゴをタップし、左のレールで​ツール(ハンマーのアイコン)/アセット/ビューアプリセット​をタップします。

  2. ビューアプリセットのタイトルの左側にあるチェックボックスをオンにして、プリセットを選択します。

  3. ツールバーの「編集」をタップします。

  4. ビューアプリセットエディター​ページで、「外観」タブと「動作」タブにあるオプションを使用して、ビューアプリセットに変更を加えます。

    外観」タブで、ビューアプリセットエディターページの左上隅近くにある「デスクトップ」、「タブレット」、「電話」のいずれかをタップして、アセットの表示モードを変更します。

  5. ページの右上隅近くで、次のいずれかの操作をおこないます。

    • 保存」をタップして変更内容を保存し、ビューアプリセットページに戻ります。
    • キャンセル」をタップして変更内容をキャンセルし、ビューアプリセットページに戻ります。

カスタムビューアプリセットの削除

作成して Dynamic Media に追加したビューアプリセットを削除できます。

カスタムビューアプリセットを削除するには:

  1. Experience Managerの左上隅にあるExperience Managerのロゴをタップし、左のレールで​ツール(ハンマーのアイコン)/アセット/ビューアプリセット​をタップします。
  2. ビューアプリセットページで、「プリセットのタイトル」のチェックボックスをオンにして、ごみ箱​アイコンをタップします。
  3. 削除」をタップします。

アセットへのビューアプリセットの適用

アセットと選択したビューアを既に公開している場合は、ビューアプリセットの選択後に「URL」ボタンと「埋め込み」ボタンが表示されます。

アセットにビューアプリセットを適用するには:

  1. アセットを開き、ページの左上隅付近にあるドロップダウンメニュータップして、「ビューア」を選択します。

    メモ

    アセットと選択したビューアを既に公開している場合は、ビューアプリセットの選択後に「URL」ボタンと「埋め込み」ボタンが表示されます。

  2. アセットに適用するには、左側のパネルからビューアプリセットを選択します。

    この URL をコピーして、他のユーザーと共有できます。

ビューアプリセットを使用するアセットの配信

ビューアプリセットの URL を取得する方法については、Web アプリケーションへの URL のリンクを参照してください。Web ページへのビデオビューアの埋め込みも参照してください。

WCMとしてExperience Managerを使用している場合は、ビューアプリセットを使用してアセットをページ上に直接追加できます。 ページへの Dynamic Media アセットの追加を参照してください。

このページ

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