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

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

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

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

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

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

エディタでは、フッターのサイズをすばやく簡単に変更できるよう、フッターの下には常に隙間があります。ただし、ライブサイトのフッター下にも隙間が表示される場合があります。
サイトのコンテンツがビューポートの高さ(画面の長さ)よりも短いため、フッターの下に余白が表示されます。この問題は、ページの長さを調整するか、背景色を変更することで修正できます。

サイトの全ページに表示するように設定されたパーツの場合は、一部のページでフッターが重なることがあります。これは、一部のページがパーツより短い場合に発生する可能性があります。

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

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

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

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

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

  1. エディタでテキストボックスをクリックします。
  2. テキストボックスのハンドルをクリックしてドラッグし、テキストの末尾(約 10 ~ 20 ピクセル)を少し超えて拡張します。これは、テキスト自体のサイズには影響しません。

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

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

お役に立ちましたか?

|