header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

サイトのパフォーマンス:パーツの読み込み時に色のフラッシュが表示される

5分
サイトビルダー(Wix エディタまたは Wix Studio エディタ)に応じて、ページ、セクション、その他の要素に背景画像や動画を適用できます。ライブサイトは、まず背景色を読み、次に背景メディアが読み込まれます。
背景メディアは通常、サイト訪問者に背景色が表示されないほどの速度で読み込まれます。ただし、特定のケースでは、瞬間的に表示される場合があります。影響を受ける要素の背景色を変更すると、この瞬間的な表示を減少させることができます。

瞬間的に色が表示される原因

画像や動画の背景がライブサイトに読み込まれるまでに時間がかかる場合があります。サイト訪問者が低速のインターネット接続を使用している場合、または背景メディアのサイズが大きい場合は、画像や動画が読み込まれる前に単色が一瞬表示されることがあります。
ページや要素の背景色を変更すると、この瞬間的な表示を目立たなくすることができます。サイト訪問者の体験を向上させるために、動画や画像に可能な限り近い色を選択することをおすすめします。

サイトページの背景色を変更する

Wix エディタのサイトページに背景画像や動画を追加した場合、「サイトデザイン」パネルから背景色を変更できます。
Wix Studio エディタを使用している場合:

ページの背景色を変更する方法:

  1. エディタのページに移動します
  2. エディタ左側の「サイトデザイン をクリックします。
  3. ページ背景」をクリックします。
  4. 背景の画像プレビューの左上にある折り返しをクリックします。
  5. サイトのテーマカラーから希望の色合いを選択するか、「マイカラー」下でカスタムカラーを適用または作成します。
ページ背景がサイトスタイルで開いています。カーソルがカラーフラップをクリックしています。
参考:
パネル下部の「その他のページに適用」をクリックすると、この色を同じ画像または動画の背景のすべてのページに適用することができます。

セクション、ストリップ、セルの背景色を変更する

セクションに画像または動画の背景を追加している場合、エディタからメディアのカラースキームに合わせて色を変更できます。サイトビルダーに応じて、ストリップやグリッドセルの色を変更することもできます。
Wix エディタ
Wix Studio エディタ
Wix エディタでサイトを構築すると、ページのセクションとストリップの背景色を変更することができます。

セクションの背景色を変更する方法:

  1. エディタに移動します
  2. 該当するセクションを右クリックします。
  3. 背景を変更」を選択します。
  4. 背景の画像プレビューの左上にある折り返しをクリックします。
  5. サイトのテーマカラーから希望の色合いを選択するか、「マイカラー」下でカスタムカラーを適用または作成します。
Wix エディタのセクションの背景設定で、カラーピッカーが開いています。

ストリップの背景色を変更する方法:

  1. エディタに移動します
  2. ストリップをクリックします。
  3. 背景を変更」をクリックします。
  4. 背景の画像プレビューの左上にある折り返しをクリックします。
  5. サイトのテーマカラーから希望の色合いを選択するか、「マイカラー」下でカスタムカラーを適用または作成します。
Wix エディタのストリップの背景設定でカラーピッカーが開いています。

スライドの背景色を変更する

スライドショーは、サイトでメディアやコンテンツを紹介する際に目を引くインタラクティブな方法です。メディアにスライドの背景色を合わせて、プロフェッショナルで統一感のある印象を与えることができます。
Wix Studio エディタを使用している場合:
現在、スライドショーアイテムの背景にメディアを追加したり、スライドショーアイテムを個別にカスタマイズすることはできません。

スライドの背景色を変更する方法:

  1. エディタに移動します
  2. ページ上のスライドショーを選択します。
  3. 青い矢印をクリックして、該当するスライドに移動します。
  4. スライド背景を変更」をクリックします。
  5. 背景の画像プレビューの左上にある折り返しをクリックします。
  6. サイトのテーマカラーから希望の色合いを選択するか、「マイカラー」下でカスタムカラーを適用または作成します。
Wix エディタのスライドの背景設定でカラーピッカーが開いています。