メディア – 画像

が含まれる Page Builder パネル、展開 Media をドラッグして Image ターゲットコンテナへのプレースホルダー。

行、列、タブに画像を追加できます。 次の例では、画像を空の列にドラッグします。

{width="600" modal="regular"}

次のいずれかの方法を使用して画像アセットを追加します。

{width="500" modal="regular"}

• ​ 新しい画像をアップロード ​：この方法を使用して、システムから新しい画像ファイルをアップロードします。

  • クリック Upload Image.

  • 画像を見つけて選択し、ギャラリーとターゲットコンテナに追加します。

  または、画像ファイルをシステムからドラッグして、 カメラ （ {width="20"} ） アイコンをクリックします。

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

  • クリック Select from Gallery.

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

  • サムネールをクリックし、 Add Selected.

    {width="600" modal="regular"}

• ​ Adobe Stock画像を検索して選択します ​:Adobe Stock内から画像を検索する場合に使用します。

  note note
  NOTE
  このメソッドには、 Adobe Stockの統合 が管理者用に設定されています。

  • クリック Search Adobe Stock で画像を検索します。

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

    参照： Adobe Stock画像の使用 Adobe Stock assets の操作の詳細情報。

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

画像がターゲットコンテナのプレースホルダーの場所に表示されます。 背景画像とは異なり、画像を現在のコンテナ内の別の位置に移動したり、別のコンテナに移動したりできます。

{width="500" modal="regular"}

画像コンテナにカーソルを合わせてツールボックスを表示し、 設定 （ {width="20"} ） アイコンをクリックします。
ファイル名、サイズ、およびファイルサイズが現在の画像の下に表示されます。

{width="600" modal="regular"}

現在のを変更するには Image ​次のいずれかの操作をおこないます。

• ​ 新しい画像をアップロード ​：この方法を使用して、システムから新しい画像ファイルをアップロードします。

  • クリック Upload Image.

  • 画像を見つけて選択し、ギャラリーとターゲットコンテナに追加します。

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

  • クリック Select from Gallery.

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

  • サムネールをクリックし、 Add Selected.

    {width="600" modal="regular"}

• Adobe Stock画像を検索して選択します:Adobe Stock内から画像を検索する場合に使用します。

  note note
  NOTE
  このメソッドには、 Adobe Stockの統合 が管理者用に設定されています。

  • クリック Search Adobe Stock で画像を検索します。

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

    参照： Adobe Stock画像の使用 Adobe Stock assets の操作の詳細情報。

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

を追加します Mobile Image、前の手順で説明したのと同じ方法を使用して、モバイルデバイスでの表示に使用する画像を選択します。

{width="600" modal="regular"}

必要に応じて、 Link 画像の。

リンクは、顧客が画像をクリックすると表示される宛先ページです。 次の 3 つのリンクタイプのいずれかを使用できます。

• URL – 相対 URL または完全修飾 URL へのリンク。

• Product – 製品名または SKU に基づいて宛先ページを識別します。 部分的または完全な名前に基づいて、名前で製品を検索します。 検索結果リストから製品を選択します。

  {width="600" modal="regular"}

• Category – 宛先ページをカテゴリツリー内の特定のカテゴリまたはサブカテゴリとして識別します。 名前の一部または全部に基づいてカテゴリを検索します。 表示されたツリーの展開セクションからカテゴリを選択します。

  {width="600" modal="regular"}

• Page – 宛先ページを特定のコンテンツページとして識別します。 名前の一部または全部に基づいてページを検索します。 検索結果リストからページを選択します。

  {width="600" modal="regular"}

訪問者がストアから移動できないようにするには、 Open in new tab チェックボックス。 このチェックボックスをオフにすると、リンクされた宛先は同じブラウザータブで開くので、訪問者をストアから効果的に移動できます。

を追加します Image Caption ​で、画像の下に表示するテキストを入力します。

キャプションの形式は、現在のテーマに関連付けられているスタイルシートによって決まります。

通常、キャプションは画像の下に表示され、訪問者や検索エンジンに画像に関する情報を提供します。 サイトが複数の言語で使用可能な場合は、同じ画像を使用しても、キャプションは翻訳できます。 HTMLでは、 <figcaption> タグが <figure> タグ。 <figcaption>This is the image caption</figcaption>

必要に応じて、その他の設定を更新します。

• 検索エンジンの最適化
• 詳細

完了したら、 Save 設定を適用し、 Page Builder ワークスペース。

画像コンテナにカーソルを合わせてツールボックスを表示し、 移動 （ {width="20"} ） アイコンをクリックします。

{width="500" modal="regular"}

画像を選択して、赤いガイドラインのすぐ下の新しい位置にドラッグします。

{width="500" modal="regular"}

画像コンテナにカーソルを合わせてツールボックスを表示し、 削除 （ {width="20"} ） アイコンをクリックします。

確認を求められたら、 OK.