ブロックにメディアを追加する方法

ほとんどのブロックで画像動画をカスタム背景として設定し、ブロック内の個々のコンポーネントに追加できます。

画像をブロックに追加する方法

画像をカスタム背景として設定するか、ブロックコンポーネントに画像を追加するには:

  1. パブリッシャーアカウントでプロジェクトを開き、ストアフロント > ウェブサイトセクションに移動します。
  2. 目的のサイトのパネルで「サイトビルダーを開く」をクリックします。
  1. モバイルゲームのアカウントでプロジェクトを開き、ウェブショップセクションに移動します。

  2. 目的のサイトのパネルをクリックします。

  1. ブロックの設定で、対応するトグル(例:カスタム背景、ゲームアイコン)をオンにし、トグルの下にあるプレビューフィールドをクリックします。
  1. Mediaをクリックします。
  1. 開いたモーダルウィンドウで、次の方法のいずれかで画像をアップロードします: A. すべてのアセットまたは画像タブで、画像をドラッグアンドドロップし、アップロード後にクリックします。 B. 新しいアセットを追加をクリックし、ドロップダウンリストからデバイスからを選択し、目的の画像をアップロードします。
注意
  • 最大画像サイズ:10 MB。
  • 対応フォーマット:ICO、PNG、GIF、JPG、JPEG、WEBP、BMP、TIFF、TIF、SVG。
  • ブロックのカスタム背景に推奨される画像幅は1920 pxです。必要なコンテンツがブロックに追加された後、適切な画像の比率を決定してください。他の画像タイプの推奨サイズはブロックの説明に記載されています。
注意
  • 最大画像サイズ:10 MB。
  • 対応フォーマット:ICO、PNG、GIF、JPG、JPEG、WEBP、BMP、TIFF、TIF、SVG。
  • ブロックのカスタム背景に推奨される画像幅は1920 pxです。必要なコンテンツがブロックに追加された後、適切な画像の比率を決定してください。他の画像タイプの推奨サイズはブロックの説明に記載されています。
  1. 画像のスタイルを設定します:
注意
設定のセットは、メディアを追加するコンポーネントによって異なります。
    1. 画像の配置方法を選択します:
      • Contain — 画像はプロポーションを維持しながらブロック全体を埋めます。画像とブロックのプロポーションが異なる場合、画像の一部が切り取られることがあります。
      • Cover(デフォルト)— 画像はアスペクト比を維持し、ブロックの高さに収まります。
      • Fill(カスタム背景に推奨)— 画像はブロックの幅を埋め、ブロックの高さを超える場合は上下が切り取られることがあります。
注意
カスタム背景には、ブロックの寸法に合わせて動的に調整されるため、固定された幅または高さはありません。ブロックの寸法は、ブロックの内容(テキストの長さ、ボタンの有無など)およびデバイスの画面解像度に応じて変化します。
      • Fit — 画像は、アスペクト比を維持せずにブロックに収まるように引き伸ばされます。
    1. 画像の位置を選択します(オプション):
      • Top left
      • Top center
      • Top right
      • Left
      • Center(デフォルト)
      • Right
      • Bottom left
      • Bottom center
      • Bottom right
注意
動画がすでに一方の側でコンテナを埋めている場合(例:Fitモードで高さによって)、オフセットは他の軸でのみ機能します — 左、中央、または右の3つのオプションが残ります。
    1. 画像の色合いやグラデーションを調整します(オプション)。

動画をブロックに追加する方法

動画をカスタム背景として設定するか、ブロックコンポーネントに動画を追加するには:

  1. パブリッシャーアカウントでプロジェクトを開き、ストアフロント > ウェブサイトセクションに移動します。
  2. 目的のサイトのパネルで「サイトビルダーを開く」をクリックします。
  1. モバイルゲームのアカウントでプロジェクトを開き、ウェブショップセクションに移動します。
  2. 目的のサイトのパネルをクリックします。
  1. ブロックの設定で、対応するトグル(例:カスタム背景ゲームアイコン)をオンにし、トグルの下にあるプレビューフィールドをクリックします。
  1. Mediaをクリックします。
  1. 開いたモーダルウィンドウで、次の方法のいずれかで動画をアップロードします:
    1. すべてのアセットまたは動画タブで、動画をドラッグアンドドロップし、アップロード後にクリックします。
    2. 新しいアセットを追加をクリックし、ドロップダウンリストから動画のアップロード方法を選択します:
      • デバイスから — デバイス上の動画ファイルを選択します。
      • YouTubeから — YouTubeにホストされている動画のURLを入力します。
注意
  • デバイスからアップロードされた単一動画の最大サイズ:10 MB。
  • 対応フォーマット:ICO、PNG、GIF、JPG、JPEG、WEBP、BMP、TIFF、TIF、SVG。
  • コールトゥアクションプロモーションスライダーサブスクリプションブロックでは、カスタム背景としての動画の追加はサポートされていません。
  • ブロックのカスタム背景に推奨される動画幅は1920 pxです。必要なコンテンツがブロックに追加された後、適切な画像の比率を決定してください。他の画像タイプの推奨サイズはブロックの説明に記載されています。
注意
  • デバイスからアップロードされた単一動画の最大サイズ:10 MB。
  • 対応フォーマット:ICO、PNG、GIF、JPG、JPEG、WEBP、BMP、TIFF、TIF、SVG。
  • コールトゥアクションプロモーションスライダーサブスクリプションブロックでは、カスタム背景としての動画の追加はサポートされていません。
  • ブロックのカスタム背景に推奨される動画幅は1920 pxです。必要なコンテンツがブロックに追加された後、適切な画像の比率を決定してください。他の画像タイプの推奨サイズはブロックの説明に記載されています。
  1. 動画のスタイルを設定します:
注意
設定のセットは、メディアを追加する要素によって異なります。
    1. 動画の配置方法を選択します(デバイスからアップロードされた動画のみ):
      • Contain — 動画はプロポーションを維持しながらブロック全体を埋めます。動画とブロックのプロポーションが異なる場合、画像の一部が切り取られることがあります。
      • Cover(デフォルト)— 動画はアスペクト比を維持し、ブロックの高さに収まります。
      • Fill(カスタム背景に推奨)— 動画はブロックの幅を埋め、ブロックの高さを超える場合は上下が切り取られることがあります。
注意
カスタム背景には、ブロックの寸法に合わせて動的に調整されるため、固定された幅または高さはありません。ブロックの寸法は、ブロックの内容(テキストの長さ、ボタンの有無など)およびデバイスの画面解像度に応じて変化します。
      • Fit — 動画は、アスペクト比を維持せずにブロックに収まるように引き伸ばされます。
    1. 動画の再生を設定します(オプション、カスタム背景には利用できません)。次の設定が利用可能です:
      • 動画をミュート
      • 動画をループ
      • 動画を自動再生
      • カバー画像 — 動画が再生される前またはユーザーに利用できない場合に表示される画像。この設定はデバイスからアップロードされた動画にのみ利用可能です。
注意
動画の音声をオンにして自動再生を有効にすることはできません。動画を自動再生トグルを有効にすると、動画をミュートトグルも有効になります。
    1. 動画の色合いやグラデーションを調整します(オプション)。
この記事は役に立ちましたか?
ありがとうございます!
改善できることはありますか? メッセージ
申し訳ありません
この記事が参考にならなかった理由を説明してください。 メッセージ
ご意見ありがとうございました!
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。
最終更新日: 2026年6月25日

誤字脱字などのテキストエラーを見つけましたか? テキストを選択し、Ctrl+Enterを押します。

問題を報告する
当社は常にコンテンツを見直しています。お客様のご意見は改善に役立ちます。
フォローアップ用のメールをご提供してください
ご意見ありがとうございました!
フィードバックを送信できませんでした
後でもう一度お試しいただくか、[email protected]までお問い合わせください。