ブロックにメディアを追加する方法
注意
この翻訳はAIによって生成されていますので、ご自身の判断でご利用ください。
ほとんどのブロックで画像や動画をカスタム背景として設定し、ブロック内の個々のコンポーネントに追加できます。
ブロックに画像を追加する方法
画像をカスタム背景として設定するか、ブロックコンポーネントに画像を追加するには：
- パブリッシャーアカウントでプロジェクトを開き、Storefronts > Websitesセクションに移動します。
- 目的のサイトのペインで、Open Site Builderをクリックします。
- ブロック設定で、対応するトグル（例：Custom background, Game icon）をアクティブにし、トグルの下にあるプレビューフィールドをクリックします。
- Mediaをクリックします。
- 開いたモーダルウィンドウで、次のいずれかの方法で画像をアップロードします：
- All assetsまたはImagesタブで、画像をドラッグ＆ドロップし、アップロード後にクリックします。
- Add new assetをクリックし、ドロップダウンリストからFrom deviceを選択し、目的の画像をアップロードします。
注意
- 最大画像サイズ：10 MB。
- 対応フォーマット：ICO、PNG、GIF、JPG、JPEG、WEBP、BMP、TIFF、TIF、SVG。
- ブロックのカスタム背景に推奨される画像幅は1920 pxです。必要なコンテンツをブロックに追加した後、適切な画像の比率を決定してください。他の画像タイプの推奨サイズはブロックの説明に記載されています。
- 画像スタイルを設定します：
注意
設定のセットは、メディアを追加するコンポーネントによって異なります。
- 画像の配置方法を選択します：
- Contain — 画像はプロポーションを維持しながらブロック全体を埋めます。画像とブロックのプロポーションが異なる場合、画像の一部が切り取られることがあります。
- Cover（デフォルト）— 画像はアスペクト比を維持し、ブロックの高さに収まります。
- Fill（カスタム背景に推奨）— 画像はブロックの幅を埋め、ブロックの高さを超える場合は上下が切り取られることがあります。
注意
カスタム背景には固定の幅や高さがありません。寸法はブロックサイズに動的に調整されます。ブロックサイズはコンテンツ（例：追加されたテキストの量、ボタンの有無）やデバイスの画面解析度によって変わります。
- Fit — 画像はプロポーションを維持せずにブロックのサイズに合わせて伸縮します。
- 画像の位置を選択します（オプション）：
- Top left
- Top center
- Top right
- Left
- Center（デフォルト）
- Right
- Bottom left
- Bottom center
- Bottom right
注意
ビデオがすでに一方の側を埋めている場合（例：Fitモードで高さによって）、オフセットは他の軸でのみ機能します — 左、中央、または右の3つのオプションが残ります。
- 画像の色合いやグラデーションを調整します（オプション）。
- サイトを公開する。
ブロックに動画を追加する方法
動画をカスタム背景として設定するか、ブロックコンポーネントに動画を追加するには：
- パブリッシャーアカウントでプロジェクトを開き、Storefronts > Websitesセクションに移動します。
- 目的のサイトのペインで、Open Site Builderをクリックします。
- ブロック設定で、対応するトグル（例：Custom background, Game icon）をアクティブにし、トグルの下にあるプレビューフィールドをクリックします。
- Mediaをクリックします。
- 開いたモーダルウィンドウで、次のいずれかの方法で動画をアップロードします：
- All assetsまたはVideoタブで、動画をドラッグ＆ドロップし、アップロード後にクリックします。
- Add new assetをクリックし、ドロップダウンリストから動画のアップロード方法を選択します：
- From device — デバイス上の動画ファイルを選択します。
- From YouTube — YouTubeにホストされている動画のURLを入力します。
注意
- デバイスからアップロードされる単一の動画の最大サイズ：10 MB。
- 対応フォーマット：ICO、PNG、GIF、JPG、JPEG、WEBP、BMP、TIFF、TIF、SVG。
- Call-to-action、Promotional slider、およびSubscriptionsブロックでは、カスタム背景としての動画の追加はサポートされていません。
- ブロックのカスタム背景に推奨される動画幅は1920 pxです。必要なコンテンツをブロックに追加した後、適切な画像の比率を決定してください。他の画像タイプの推奨サイズはブロックの説明に記載されています。
- 動画スタイルを設定します：
注意
設定のセットは、メディアを追加する要素によって異なります。
- 動画の配置方法を選択します（デバイスからアップロードされた動画のみ）：
- Contain — 動画はプロポーションを維持しながらブロック全体を埋めます。動画とブロックのプロポーションが異なる場合、画像の一部が切り取られることがあります。
- Cover（デフォルト）— 動画はアスペクト比を維持し、ブロックの高さに収まります。
- Fill（カスタム背景に推奨）— 動画はブロックの幅を埋め、ブロックの高さを超える場合は上下が切り取られることがあります。
注意
カスタム背景には固定の幅や高さがありません。寸法はブロックサイズに動的に調整されます。ブロックサイズはコンテンツ（例：追加されたテキストの量、ボタンの有無）やデバイスの画面解析度によって変わります。
- Fix — 動画はプロポーションを維持せずにブロックのサイズに合わせて伸縮します。
- 動画の再生を設定します（オプション、カスタム背景には利用不可）。以下の設定が利用可能です：
- Mute video.
- Loop video.
- Autoplay video.
- Cover image — 動画が再生される前または利用できない場合に表示される画像。この設定はデバイスからアップロードされた動画にのみ利用可能です。
注意
動画の音声をオンにして自動再生を有効にすることはできません。Autoplay videoトグルをアクティブにすると、Mute videoトグルもアクティブになります。
- 動画の色合いやグラデーションを調整します（オプション）。
- サイトを公開する.
この記事は役に立ちましたか？
ご意見ありがとうございました！
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。誤字脱字などのテキストエラーを見つけましたか？ テキストを選択し、Ctrl+Enterを押します。
