Wix エディタ:モバイルサイトの画像背景
読了時間:2分
背景を完全に最適化することで、モバイルサイト訪問者にシームレスな体験を提供しましょう。デスクトップサイトの背景とは異なるモバイルサイトの背景を選択できます。画像の不透明度、スケーリングをカスタマイズし、スクロール効果を追加できます。
下記をご確認ください:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/09/08/6f8a3c6d-fdf2-425d-a01e-c3cf4013508a/7414fb66-4e41-4fc0-898a-de693f97cc3a.png)
モバイル用の画像背景を選択する
モバイルサイトの画像背景には、デスクトップサイトの画像背景とは異なる画像を選択できます。
モバイルサイトの画像背景を選択する方法:
- モバイルエディタ左側で「背景」アイコン
をクリックします。
- 「画像」をクリックします。
- (メディアマネージャーで)独自の画像をアップロードするか、無料の Wix 画像を使用するか、Shutterstock や Unsplash から画像を購入するかを選択します。詳細はこちらをご覧ください。
- 「背景を変更」をクリックします。
- (オプション)「その他のページに適用」をクリックして、サイトの他のページに背景を追加します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2021/09/24/ca602838-d160-47e6-a9a6-4ea4df479ea6/75e8656f-43c2-4e7e-9301-bdca910318d1.png)
モバイルで画像背景をカスタマイズする
画像の背景をカスタマイズして、モバイルで思いのままに。
モバイルで画像の背景をカスタマイズする方法:
- モバイルエディタ左側で「背景」アイコン
をクリックします。
- 「設定」をクリックします。
- 以下をカスタマイズします:
- 不透明度:スライダーをドラッグして、背景の透明度を調整します。
- 画像の背景色:カラーボックスをクリックし、カラーピッカーから色を選択します。
これは、画像の不透明度を下げて、画像の背後に色をつけたい場合に便利です。 - スクロールエフェクト:
- なし:スクロール効果はありません。
- フリーズ:背景画像は固定されています。スクロールしても動きません。
- 画像の表示方法:
- 拡大表示:背景画像は元のサイズで表示されます。
- フィット:背景画像は、幅と高さの比例関係を維持します。
- タイル表示:背景には画像の特定のセクションが表示されます。このセクションは「表示位置」グリッドを使用して再定義できます。
- 表示位置:グリッド上の位置を選択して、画像のどの部分に焦点を当てるかを調整します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2021/09/24/5fb89a79-501d-4f59-887d-96f0e63e2793/0be6f959-a968-4e22-9bd4-7f811c6792c8.png)
お役に立ちましたか?
|