[PaaSのみ]{class="badge informative" title="Adobe Commerce on Cloud プロジェクト(Adobeで管理されるPaaS インフラストラクチャ)とオンプレミス プロジェクトにのみ適用されます。"}

Adobe Stockの画像を使用

Adobe Stockの画像は、独自の画像コンテンツをアップロードする代わりに使用できます。 一般的なユースケースのひとつは、ページ作成時に画像コンテンツをアップロードして配置することです。

Media Galleryは、Adobe Stockとの直接的な統合を提供し、ギャラリーページから画像を直接ライセンス供与することが容易になります。

Adobe Stockの検索グリッドにアクセス

Adobe Stockの検索パネルには、​ ページを追加または編集する​ カテゴリを作成または編集する、または​ コンテンツエディターを使用して画像を挿入するときにアクセスできます。

Adobe Stock アセットを検索し、ストック画像をページに追加するには:

  1. 管理者 サイドバーで、Content > Elements>Pages​に移動します。

  2. Add a New Page​をクリックします。

    既存のページを編集する場合は、Action​列を使用して​ Select ​をクリックし、Edit​を選択できます。

  3. Content セクションの 拡張セレクター を展開し、次の操作を行います。

  4. Search Adobe Stock​をクリックします。

Adobe Stock アセットを検索し、ストック画像をカテゴリに追加するには:

  1. 管理者 サイドバーで、Catalog > Categories​に移動します。

  2. Add Root Category​または​ Add Subcategory ​をクリックします。

    画像を既存のカテゴリに追加する場合は、左側のリストのカテゴリ名をクリックします。

  3. Content セクションを展開し、Category Image​の下で​ Select from Gallery ​をクリックします。

  4. Search Adobe Stock​をクリックします。

Adobe Stock アセットを検索し、WYSIWYG エディターからストック画像を追加するには:

  1. Show/Hide Editor​をクリックします。

  2. Insert Image​をクリックします。

  3. Search Adobe Stock​をクリックします。

    Adobe Stockの検索結果 {width="600" modal="regular"}

Adobe Stock アセットのフィルタリングと検索

Adobe Stock検索グリッド ​には、Commerce店舗に最適な画像を見つけやすくするためのクエリ機能とフィルタリング機能が用意されています。

デフォルトでは、表示される検索結果は、Adobe Stockがキュレートした数百件の検索結果ギャラリーからのものです。 独自のキーワード検索を導入すれば、Adobe Stockを通じて膨大な数のアセットを検索できます。

キーワードによるAdobe Stock アセットの検索

  1. Adobe Stock検索グリッドにアクセス ​

  2. 左上の​ Search by keyword ​入力フィールドにキーワード検索を入力し、拡大鏡をクリックするか、Enter​を押します。

    Adobe Stockの「マンゴー」キーワードの検索結果 {width="600" modal="regular"}

Adobe Stock アセットのフィルタリング

  1. Adobe Stock アセットのキーワード検索を実行

  2. Filters​をクリックします。

    検索結果の絞り込みに使用できるフィルターはいくつかあります。

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 layout-auto
    フィルター 説明
    Subcategory 写真​または​ イラスト ​の画像のフィルター
    Orientation サイズ、形状、アスペクトによる画像のフィルタリング
    Color カラーパレットを使用して、画像をカラーでフィルタリングする
    Price コストに基づいて画像をフィルタリング
    Safe search セーフ検索を有効または無効にする
    Isolated Assets 表示を単色の背景に被写体が表示される​ 孤立アセット ​のみに制限します

    Adobe Stock検索フィルター {width="600" modal="regular"}

  3. Apply Filters​をクリックします。

    検索結果グリッドが、洗練された検索で更新されます。

画像の詳細を表示

各画像には、表示できる詳細があります。 画像プレビューの保存画像の保存(およびオプションでライセンス認証)など、画像固有の追加のアクションは、この詳細ビューから利用できます。

  1. Adobe Stock検索グリッドにアクセス ​

  2. 検索結果で画像をクリックします。

    次のような詳細な画像が表示されます。

    • 画像の大きなバージョン

    • DimensionsFile typeCategoryFileキーワード​などの画像メタデータ

    • 関連する画像(同じ​ シリーズ ​または​ モデル ​の画像など)

    • Save PreviewSave (and optionally license) Imageなどのアクション ボタン

      Adobe Stockの画像の詳細 {width="600" modal="regular"}

Adobe アカウントにログインします

画像への完全なアクセス権を取得し、Adobe Stockの透かしを削除するには、Adobe アカウントでログイン ​し、画像を使用するライセンス権を購入する必要があります。

  1. Adobe Stock検索グリッドにアクセス ​

  2. 右上の「Sign In」をクリックします。

    新しいブラウザーウィンドウがAdobe サインインプロセス ​を案内します。

    サインインプロセスが完了すると、画像のライセンス状態が検索結果にラベルとして表示されます。

    Adobe ログイン ​ {width="600" modal="regular"}

検索結果のライセンス状態を表示

Adobe アカウントにログイン ​

Adobe アカウントに関連付けられたすべてのライセンス済み画像にはラベルが表示され、ライセンス済みの画像が明確になります。

​ ライセンス済みの画像を含むAdobe Stockの検索結果 {width="600" modal="regular"}

画像をメディアストレージに保存

Adobe Stock統合を使用して検索された画像は、Commerce ​ メディアストレージ ​に保存して、Commerce ストア全体で簡単に再利用できます。

画像プレビュー​ ライセンス画像の2種類の画像を保存できます。

画像プレビューを保存

画像プレビューは、Adobe Stock アセットの透かし入りのバージョンです。 画像プレビューは無料で、特定の画像のライセンスを購入して実稼動ストアで使用する前に、様々な画像を試してみることができます。

  1. Adobe Stock検索グリッドにアクセス ​

  2. 画像の詳細を表示するには、検索グリッドの画像をクリックします。

  3. Save Preview​をクリックします。

    このアクションは、画像をメディアストレージに保存するために使用するファイル名を指定するためのプロンプトを表示します。 デフォルトのファイル名が指定されますが、好みに合わせて名前をカスタマイズできます。

    Adobe Stockのプレビュー画像を保存 {width="500" modal="regular"}

  4. Confirm​をクリックします。

    ページがメディアストレージにリダイレクトされ、保存されたプレビューが表示されます。

ライセンス済み画像を保存

実稼動Commerce ストアに使用するAdobe Stock アセットは、ライセンス認証が必要です。 ライセンスにより、画像への法的なアクセス権が付与され、すべての画像プレビューに存在するAdobe Stock透かしを削除できます。 画像のライセンスを取得したり、既にライセンス済みの画像を保存したりするには、Adobe アカウントにログインする必要があります。

  1. Adobe アカウントにログイン ​

  2. 画像の詳細を表示するには、検索グリッドの画像をクリックします。

  3. 画像の現在のライセンス取得状況に応じて、次のいずれかの操作を行います。

    • 画像が既にライセンス済みの場合は、Save​をクリックします。

    • 画像が​not ライセンスの場合は、License and Save​をクリックします。

      note
      NOTE
      画像のライセンスを取得するには、アカウントにAdobe Stock クレジット ​が必要です。

    このアクションは、画像を​ メディアストレージ ​に保存するために使用するファイル名を指定するためのプロンプトを表示します。 デフォルトのファイル名が指定されますが、好みに合わせて名前をカスタマイズできます。

  4. Confirm​をクリックします。

    ページがメディアストレージにリダイレクトされ、保存されたプレビューが表示されます。

recommendation-more-help
commerce-admin-help-content-design