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

Wix エディタ:モバイルサイトの画像背景

2分
背景を完全に最適化することで、モバイルサイト訪問者にシームレスな体験を提供しましょう。デスクトップサイトの背景とは異なるモバイルサイトの背景を選択できます。画像の不透明度、スケーリングをカスタマイズし、スクロール効果を追加できます。

下記をご確認ください:


モバイル用の画像背景を選択する

モバイルサイトの画像背景には、デスクトップサイトの画像背景とは異なる画像を選択できます。

モバイルサイトの画像背景を選択する方法:

  1. モバイルエディタ左側で「背景」アイコン  をクリックします。
  2. 画像」をクリックします。
  3. (メディアマネージャーで)独自の画像をアップロードするか、無料の Wix 画像を使用するか、Shutterstock や Unsplash から画像を購入するかを選択します。詳細はこちらをご覧ください。
  4. 背景を変更」をクリックします。
  5. (オプション)「その他のページに適用」をクリックして、サイトの他のページに背景を追加します。

モバイルで画像背景をカスタマイズする

画像の背景をカスタマイズして、モバイルで思いのままに。

モバイルで画像の背景をカスタマイズする方法:

  1. モバイルエディタ左側で「背景」アイコン  をクリックします。
  2. 設定」をクリックします。
  3. 以下をカスタマイズします:
    • 不透明度:スライダーをドラッグして、背景の透明度を調整します。
    • 画像の背景色:カラーボックスをクリックし、カラーピッカーから色を選択します。
      これは、画像の不透明度を下げて、画像の背後に色をつけたい場合に便利です。
    • スクロールエフェクト:
      • なし:スクロール効果はありません。
      • フリーズ:背景画像は固定されています。スクロールしても動きません。
    • 画像の表示方法:
      • 拡大表示:背景画像は元のサイズで表示されます。
      • フィット:背景画像は、幅と高さの比例関係を維持します。
      • タイル表示:背景には画像の特定のセクションが表示されます。このセクションは「表示位置」グリッドを使用して再定義できます。
      • 表示位置:グリッド上の位置を選択して、画像のどの部分に焦点を当てるかを調整します。