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

エディターでの画像の挿入

エディターから、次の3つのソースタイプを使用して画像を挿入できます。

  • ​ メディアストレージ ​にアップロードされた画像を追加します
  • 別のサーバーにある画像へのリンク
  • Adobe Stockとの統合を使用して、Adobe Stock アセットを検索および使用する

​ メディアストレージ ​ {width="650" modal="regular"}

  1. 編集モードでページ、ブロック、またはダイナミックブロックを開きます。

  2. Content​セクションに移動し、エディターをサポートする任意の要素をクリックします。

  3. 画像を表示する位置にカーソルを置きます。

  4. エディターツールバーで、画像を挿入 アイコンをクリックします。

    画像を挿入アイコン ​ {width="700" modal="regular"}

    このアクションにより、Insert/edit image​ダイアログが開きます。

  5. Source​の場合、検索 アイコンをクリックし、使用する画像アセットの場所と一致するメソッドを使用します。

    検索アイコンの選択 {width="250" modal="regular"}

    • 新しい画像をアップロード:この方法を使用して、新しい画像ファイルをアップロードします。

      • 新しい画像ファイルを追加するツリー内のフォルダーを選択します。

      • Choose Files​をクリックします。

      • 画像ファイルを探して選択します。

      • 新しいファイルのサムネールをクリックし、Add Selected​をクリックします。

    • 既存のアセットを選択:この方法を使用して、メディアストレージ/ギャラリーから既存の画像アセットを選択します。

      • ツリーを使用して画像に移動します。

      • サムネールをクリックし、Add Selected​をクリックします。

    • Adobe Stock画像を検索して選択:この方法を使用して、Adobe Stockから画像を検索します。

      note
      NOTE
      この方法では、管理者用に設定されたAdobe Stock統合が必要です。
      • Search Adobe Stock​をクリックし、画像を検索します。

      • プレビューまたはライセンスされた画像をギャラリーに保存します。

        Adobe Stock アセットの操作について詳しくは、Adobe Stock Imagesの使用を参照してください。

      • ギャラリーでアセットのサムネールを選択し、Add Selected​をクリックします。

  6. Image Description​に、画像の簡単な説明を入力します。

  7. ページ上に画像をレンダリングするために、幅と高さ​ Dimensions ​をピクセル単位で入力します。

    画像の縦横比を自動的に維持するには、Constrain proportions チェックボックスを選択したままにします。

  8. Insert​をクリックしてプロセスを完了します。

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