Wix エディタ:ストリップ背景を変更する
読了時間:3分
ストリップの背景をカスタマイズして、サイトのデザインをアップグレードし、サイト訪問者に印象付けましょう。ストリップの背景色、画像、動画を設定することができます。Wix ライブラリからさまざまなプロ仕様の画像や動画を選択するか、独自の画像や動画をアップロードできます。
この記事では、次の項目について説明します:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/05/d2677c91-2cc3-4794-b2c9-5813e66666a8/44bbc5c2-d4d7-467a-b324-329b02fb2a71.gif)
ストリップ背景に色またはグラデーションを追加する
ストリップにブロックカラーまたはグラデーション背景を追加します。サイトの色から選択することも、独自の色を作成することもできます。
ストリップに色またはグラデーションを追加する方法:
- エディタでストリップをクリックします。
- 「ストリップ背景を変更」をクリックします。
- 「単色」をクリックし、次のいずれかのオプションを選択します:
- 単色:ストリップに適用するブロックの色を選択します。
- グラデーション:リニア、円形グラデーション、または円錐状のグラデーションで、ストリップの背景にクールな効果を適用します。
- フルードグラデーション:洗練されたフルードグラデーションでストリップを目立たせましょう。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/11/29/0d956bfe-9c7f-476f-bfc1-86388e171d92/6a0d0903-7066-4d1f-98e9-b3a0f222abfb.png)
ヒント:![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/11/29/c7eba083-d085-49d5-9581-da07497e3162/a054fb75-b4aa-4859-a87c-7ffc383231f4.png)
単色と画像または動画を一緒に追加することができます。画像または動画を読み込む際に単色が表示されます。「ストリップ背景」パネルで画像または動画の後ろの色を確認できます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/11/29/c7eba083-d085-49d5-9581-da07497e3162/a054fb75-b4aa-4859-a87c-7ffc383231f4.png)
ストリップ背景に画像を追加する
印象的な画像を追加して、訪問者の目を引きましょう。解像度が 1920px x 1080px 以上の画像をアップロードすることをおすすめします。
ストリップに画像を追加する方法:
- エディタでストリップをクリックします。
- 「ストリップ背景を変更」をクリックします。
- 「画像」をクリックします。
- メディアマネージャーから画像を選択します。
- 「背景を変更」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/11/29/4769d31a-71eb-4cba-a109-63fd79bec839/083dc0a0-aef7-4529-b969-a58919435cdc.png)
ストリップ背景に動画を追加する
ストリップに動画背景を追加して、サイトに動きを加えましょう。無料の Wix 動画から選択するか、独自の動画をアップロードします。
重要:
ストリップの動画背景は、モバイルサイトではデフォルトで再生されないように設定されています。
ストリップに動画を追加する方法:
- エディタでストリップをクリックします。
- 「ストリップ背景を変更」をクリックします。
- 「動画」をクリックします。
- メディアマネージャーから動画を選択するか、「+アップロード」をクリックして動画をアップロードします。
- 「背景を変更」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/05/7b77ab89-8b56-45ee-ae22-241100e1043f/82ac5623-d4fe-436e-8e15-a295e516aa6f.gif)
注意:
- ファイルサイズによっては、アップロードに時間がかかる場合があります。アップロード中もサイトの編集を続けることができます。ファイルの種類とサイズについてはこちら
- アップロード後、動画はすべてのデバイスに最適化されるようにプロパティを確定します。これには数分かかる場合があり、最終処理がされるまでページの背景にフル解像度の動画は表示されません。
ストリップから画像または動画を削除する
ストリップから画像や動画を削除するには、ストリップの背景を別の色、画像、動画に置き換えるだけです。
ストリップから画像または動画を削除する方法:
- エディタ内でストリップをクリックします。
- 「ストリップ背景を変更」をクリックします。
- 別の背景を選択します。
ヒント:
- ストリップ背景を完全に削除するには、ストリップの色を白に変更してください。
- クールなスクロールエフェクトを追加して、ストリップの周りに動きを作り出します。詳細はこちら
お役に立ちましたか?
|