Wix エディタ:サイトでの余白と配置の問題を修正する

読了時間:8分
ライブサイトまたはエディタで、隙間、テキストレンダリング、パーツの重なりなど、配置と間隔に関する問題に気付くことがあります。
潜在的な問題とその解決策については、こちらの記事をお読みください。
この記事では、次の項目について説明します:

異なるブラウザでの配置の問題

Wix サイトは、ほとんどの一般的なデバイスとブラウザ用に最適化されていますが、それらの間で配置にいくつかの違いに気付くかもしれません。これは、ブラウザやデバイスによって使用するレンダリングエンジンが異なり、わずかな違いが生じる可能性があるためです。
2つのずれるパーツが表示されているライブ Wix サイトのスクリーンショット。
カラム、リピーター、またはコンテナに追加することで、異なるブラウザでサイトパーツの配置を調整できます。

ページのコンテンツとフッターの間に小さな隙間がある場合があります:

これは、ページデザインまたはページの高さが原因で発生することがあります。隙間は、デザインや高さを調整することで取り除くことができます。

エディタでは、フッターのサイズをすばやく簡単に変更できるよう、フッターの下には常に隙間があります。ただし、ライブサイトのフッター下にも隙間が表示される場合があります。
ライブサイトのスクリーンショット。フッターの下に隙間があります。
これは、ページ上のコンテンツが現在のページの長さよりも短い場合に発生します。デザインや設定に応じて、問題を解決する方法をいくつかご紹介します。

サイトの全ページに表示するように設定されたパーツの場合は、一部のページでフッターが重なることがあります。これは、一部のページがパーツより短い場合に発生する可能性があります。
問題を修正するには、「ページの高さを調整」アイコン  を使用してフッターを下にドラッグしてください。
ページの高さが下にドラッグされて、ページが長くなっている様子を示した GIF。

サイトのヘッダーからパーツが消える

ライブサイトでヘッダーの一部のパーツが消える(またはヘッダーの後ろに落ちる)場合があります。これには 2つの理由が考えられます:
  • 使用しているヘッダーにページをフリーズさせてしまうスクロール効果がある
  • パーツが「全ページに表示」設定されていない
この問題は、ヘッダーのスクロール効果を変更するか、パーツの表示設定を調整することで解決できます。

ライブサイトでテキストの位置がずれる

異なるブラウザやモニター上で、パーツの配置が変わったり、サイトのレイアウトが異なって見えることがあります。これはブラウザがパーツとフォントを異なる方法でレンダリングしていることが要因です。
テキストボックスに特定の高さを設定することで、他のブラウザでテキストが拡大・縮小してもページ上のボックスの配置には影響しないように設定することができます。

テキストボックスの高さを設定する方法:

  1. エディタでテキストボックスをクリックします。
  2. テキストボックスのハンドルをクリックしてドラッグし、テキストの末尾(約 10 ~ 20 ピクセル)を少し超えて拡張します。
    ヒント:これは、テキスト自体のサイズには影響しません。
Wix エディタでテキストボックスが引き延ばされている様子を示した GIF。

全幅のパーツと他のパーツの隙間

サイト上では、ライン(線)、横型メニュー、一部のギャラリーなど、特定のパーツを全幅に引き伸ばすことができます。このオプションを持つパーツをクリックすると、「ストレッチ」アイコン  が表示されます。
パーツを全幅に引き伸ばすと、全幅パーツとその上または下に配置されたパーツとの間に隙間が表示されることがあります。この問題は、ズームアウト機能を使用するか、パーツを移動することで解決できます。
まだ問題が発生している場合:
上記の手順を実施してもサイトに問題が解決しない場合は、Wix カスタマーケアまでお問い合わせください。

お役に立ちましたか?

|