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

Wix Studio エディタ:セクションに不要な隙間があった場合のトラブルシューティング

3分
ライブサイトのセクションに不要な隙間が表示される場合、多くは、セクションとその要素のレスポンシブ動作の設定方法が原因で発生します。セクションとその要素のレスポンシブ設定が競合する場合、画面サイズが変更されると、隙間が表示される可能性があります。
Wix Studio エディタで不要な隙間が表示されたスクリーンショット。
上の例では、フォームのレスポンシブ動作が「相対幅」に設定されているため、親コンテナ(例:グリッドセルなど)のサイズに基づいて幅は調整されますが、高さは固定されたままになります。ただし、セクションは「比例してスケーリング」するように設定されているため、画面サイズの変更に合わせて幅と高さの両方が比例して調整されます。これにより、セクションの高さが高くなるにつれ、大きな画面では大きな隙間ができますが、フォームは影響を受けません。

隙間を削除する

まず、要素とセクションのレスポンシブ動作を確認して、一致しているかどうかを確認する必要があります。レスポンシブの動作が一致していない場合は、以下の手順に従って変更してください。

隙間を削除する方法:

  1. セクションで要素を選択します。
  2. エディタ右上の「要素設定パネルを開く」アイコン をクリックします。
  3. レスポンシブ動作」ドロップダウンから「相対幅」を選択します。
  4. 該当するセクションを選択します。
  5. エディタ右上の「要素設定パネルを開く」アイコン をクリックします。
  6. レスポンシブ動作」ドロップダウンから「縦幅固定」を選択します。
レスポンシブ動作を調整したら、キャンバスのサイズを変更して、大きな画面で隙間が表示されないことを確認します。

動画ガイド(英語)

この問題を解決する方法については、ライブデモをご覧ください。

よくある質問

詳細については、以下の質問をクリックしてください。
Wix Studio エディタで不要な隙間が表示されたスクリーンショット。