サイトのパフォーマンス:パーツの読み込み時に色のフラッシュが表示される
5分
サイトビルダー(Wix エディタまたは Wix Studio エディタ)に応じて、ページ、セクション、その他の要素に背景画像や動画を適用できます。ライブサイトは、まず背景色を読み、次に背景メディアが読み込まれます。
背景メディアは通常、サイト訪問者に背景色が表示されないほどの速度で読み込まれます。ただし、特定のケースでは、瞬間的に表示される場合があります。影響を受ける要素の背景色を変更すると、この瞬間的な表示を減少させることができます。
瞬間的に色が表示される原因
画像や動画の背景がライブサイトに読み込まれるまでに時間がかかる場合があります。サイト訪問者が低速のインターネット接続を使用している場合、または背景メディアのサイズが大きい場合は、画像や動画が読み込まれる前に単色が一瞬表示されることがあります。
ページや要素の背景色を変更すると、この瞬間的な表示を目立たなくすることができます。サイト訪問者の体験を向上させるために、動画や画像に可能な限り近い色を選択することをおすすめします。
サイトページの背景色を変更する
Wix エディタのサイトページに背景画像や動画を追加した場合、「サイトデザイン」パネルから背景色を変更できます。
Wix Studio エディタを使用している場合:
現在、Wix Studio エディタでページ背景にメディアを追加することはできないため、このステップは不要です。
ページの背景色を変更する方法:
- エディタのページに移動します。
- エディタ左側の「サイトデザイン」
をクリックします。
- 「ページ背景」をクリックします。
- 背景の画像プレビューの左上にある折り返しをクリックします。
- サイトのテーマカラーから希望の色合いを選択するか、「マイカラー」下でカスタムカラーを適用または作成します。

参考:
パネル下部の「その他のページに適用」をクリックすると、この色を同じ画像または動画の背景のすべてのページに適用することができます。
セクション、ストリップ、セルの背景色を変更する
セクションに画像または動画の背景を追加している場合、エディタからメディアのカラースキームに合わせて色を変更できます。サイトビルダーに応じて、ストリップやグリッドセルの色を変更することもできます。
Wix エディタ
Wix Studio エディタ
Wix エディタでサイトを構築すると、ページのセクションとストリップの背景色を変更することができます。
セクションの背景色を変更する方法:
- エディタに移動します。
- 該当するセクションを右クリックします。
- 「背景を変更」を選択します。
- 背景の画像プレビューの左上にある折り返しをクリックします。
- サイトのテーマカラーから希望の色合いを選択するか、「マイカラー」下でカスタムカラーを適用または作成します。

ストリップの背景色を変更する方法:
- エディタに移動します。
- ストリップをクリックします。
- 「背景を変更」をクリックします。
- 背景の画像プレビューの左上にある折り返しをクリックします。
- サイトのテーマカラーから希望の色合いを選択するか、「マイカラー」下でカスタムカラーを適用または作成します。

スライドの背景色を変更する
スライドショーは、サイトでメディアやコンテンツを紹介する際に目を引くインタラクティブな方法です。メディアにスライドの背景色を合わせて、プロフェッショナルで統一感のある印象を与えることができます。
Wix Studio エディタを使用している場合:
現在、スライドショーアイテムの背景にメディアを追加したり、スライドショーアイテムを個別にカスタマイズすることはできません。
スライドの背景色を変更する方法:
- エディタに移動します。
- ページ上のスライドショーを選択します。
- 青い矢印をクリックして、該当するスライドに移動します。
- 「スライド背景を変更」をクリックします。
- 背景の画像プレビューの左上にある折り返しをクリックします。
- サイトのテーマカラーから希望の色合いを選択するか、「マイカラー」下でカスタムカラーを適用または作成します。
