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

Wix エディタ:ストリップ背景を変更する

3分
ストリップの背景をカスタマイズすることで、サイトのデザインを更新し、訪問者に印象付けましょう。ストリップの背景には色、画像、動画を追加できます。Wix ライブラリからプロ仕様の画像や動画を選択するか、独自の画像や動画をアップロードすることができます。

ストリップ背景に色またはグラデーションを追加する

ストリップにブロックカラーまたはグラデーション背景を追加します。サイトの色から選択することも、独自の色を作成することもできます。

ストリップに色またはグラデーションを追加する方法:

  1. エディタ内でストリップをクリックします。
  2. 背景を変更」をクリックします。
  3. 単色」をクリックし、次のいずれかのオプションを選択します:
    • 単色:ストリップに適用するブロックの色を選択します。
    • グラデーション:リニア、円形グラデーション、または円錐状のグラデーションで、ストリップの背景にクールな効果を適用します。
    • フルードグラデーション:洗練されたフルードグラデーションでストリップを目立たせましょう。
ヒント:
単色画像または動画を一緒に追加することができます。画像または動画を読み込む際に単色が表示されます。「ストリップ背景」パネルで画像または動画の後ろの色を確認できます。

ストリップ背景に画像を追加する

印象的な画像を追加して、ストリップに訪問者の目を引き付けましょう。Wix フォトスタジオを使用して、ユニークなフィルターからクロップやサイズ変更まで、さまざまな画像を高める効果を適用することができます。
ヒント:
解像度が 1920 x 1080 ピクセル以上の画像をアップロードすることをおすすめします。

ストリップに画像を追加する方法:

  1. エディタ内でストリップをクリックします。
  2. 背景を変更」をクリックします。
  3. 画像」をクリックします。
  4. メディアマネージャーから画像を選択します。
  5. 背景を変更」をクリックします。
  6. (オプション)「編集」アイコン  をクリックして Wix フォトスタジオにアクセスし、画像のクロップやその他の調整を行うことができます。

ストリップ背景に動画を追加する

ストリップに動画背景を追加して、サイトに動きを加えましょう。無料の Wix 動画から選択するか、独自の動画をアップロードします。
重要:
デフォルトでは、ストリップ上の動画背景はモバイルで再生されないように設定されています。ただし、モバイルエディタでストリップを選択し、動画背景を有効にすることはできます。

ストリップに動画を追加する方法:

  1. エディタ内でストリップをクリックします。
  2. 背景を変更」をクリックします。
  3. 動画」をクリックします。
  4. メディアマネージャーから動画を選択するか、「+アップロード」をクリックして動画をアップロードします。
  5. 背景を変更」をクリックします。
注意:
  • ファイルサイズによっては、アップロードに時間がかかる場合があります。アップロード中もサイトの編集を続けることができます。ファイルの種類とサイズについてはこちら
  • アップロード後、動画はすべてのデバイスに最適化されるようにプロパティを確定します。これには数分かかる場合があり、最終処理がされるまでページの背景にフル解像度の動画は表示されません。

ストリップから画像または動画を削除する

ストリップから画像や動画を削除するには、ストリップの背景を別の色、画像、動画に置き換えるだけです。

ストリップから画像または動画を削除する方法:

  1. エディタ内でストリップをクリックします。
  2. 背景を変更」をクリックします。
  3. 別の背景を選択します。
ヒント: