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

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

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

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

  1. パブリッシャーアカウントでプロジェクトを開き、ストアフロント > ウェブサイトセクションに移動します。
  2. 目的のサイトのペインで、サイトビルダーを開くをクリックします。
  1. ブロック設定で、対応するトグル(例:カスタム背景ゲームアイコン)をアクティブにし、トグルの下にあるプレビューフィールドをクリックします。
  1. メディアをクリックします。
  1. 開いたモーダルウィンドウで、次のいずれかの方法で画像をアップロードします:
    1. すべてのアセットまたは画像タブで、画像をドラッグ&ドロップし、アップロード後にクリックします。
    2. 新しいアセットを追加をクリックし、ドロップダウンリストからデバイスからを選択し、任意の画像をアップロードします。
注意
  • 最大画像サイズ:10 MB。
  • 対応フォーマット:ICO、PNG、GIF、JPG、JPEG、WEBP、BMP、TIFF、TIF、SVG。
  • ブロックのカスタム背景として推奨される画像の幅は1920pxです。必要なコンテンツをブロックに追加した後、適切な画像の縦横比を決定してください。他の画像タイプの推奨サイズはブロックに関する説明に記載されています。
  1. 画像スタイルを設定します:
注意
設定のセットは、メディアを追加するコンポーネントによって異なります。
    1. 画像の配置方法を選択します:
      • 全体に収める — 画像は縦横比を維持しながらブロック全体を満たします。画像とブロックの縦横比が異なる場合、画像の一部が切り取られることがあります。
      • 高さに合わせる(デフォルト)— 画像はアスペクト比を維持したまま、ブロックの高さに合わせて収まります。
      • 幅に合わせる(カスタム背景に推奨)— 画像はブロックの幅を埋め、ブロックの高さを超える場合は上下が切り取られることがあります。
注意
カスタム背景は、ブロックのサイズに合わせて動的に調整されるため、固定の幅や高さはありません。ブロックサイズはコンテンツ(例:追加されたテキストの量、ボタンの有無)やデバイスの画面解析度によって変化します。
      • サイズに合わせる — 画像は縦横比を維持せず、ブロックのサイズに合わせて引き伸ばされます。
    1. 画像の位置を選択します(任意):
      • 左上
      • 中央上
      • 右上
      • 中央 (デフォルト)
      • 左下
      • 中央下
      • 右下
注意
動画がすでに片方の面でコンテナーを満たしている場合(例:サイズに合わせるモードで高さによって)、位置調整はもう一方の軸にのみ適用され、選択肢は3つ(左、中央、右)のみとなります。
    1. 画像の色合いやグラデーションを調整します(任意)。
  1. サイトを公開する

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

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

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

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

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