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

Wix エディタ:ライブモバイルサイトの配置の問題を解決する

3分
異なるブラウザやデバイスは異なるレンダリングエンジンを使用するため、サイトのコンテンツがすべてのモバイル端末で同じように表示されない場合があります。たとえば、特定のモバイル画面では、テキストパーツが拡大したり、重なったり、他のパーツとずれて表示されることがあります。

1行のテキストが 2行に分割される

モバイルエディタで 1行で表示されるテキストがライブサイトで 2行に分割されて表示されることがあります。これはデバイスによって異なり、画面によって表示が異なる場合があります。
モバイルエディタとライブモバイルサイトのテキストを示すスクリーンショット。
この問題を解決するには、ハンドルをクリックしてドラッグし、テキストボックスの幅を広げてください。これはテキストボックスを大きくするだけで、文字サイズ自体には影響しません。
モバイルエディタでテキストボックスを広げている GIF。

テキストと他のパーツが重なる

サイトに単一のテキストボックスで大量のテキストを追加し、その上にパーツを追加した場合、ライブサイトでテキストが他のパーツと重なることがあります。これは通常、デスクトップエディタでサイトに追加したテキストに見られます。
モバイルエディタとライブサイトの両方に表示されているテキストとボタンの画像。ボタンがライブサイトのテキストと重なっています。

問題を解決する方法:

  1. デスクトップエディタを開きます。
  2. テキストを複数のテキストボックス(段落ごとに 1つ)に分割します。
  3. テキストボックスの間にスペースを空けてパーツを追加します。
  4. パーツをグループ化して、正しく配置されていることを確認します。パーツをグループ化する方法はこちら
デスクトップエディタの画像。テキストは異なるボックスに分割されており、ボタンはそれらの間にあります。

テキストが他のパーツとずれる

単一のテキストボックスにたくさんのテキストを追加した場合、モバイルライブサイトの他のパーツとずれて表示されることがあります。
モバイルエディタとライブサイトの同じページ。ライブサイトでテキストとベクターアートの位置がずれています。

テキストを他のパーツと揃える方法:

  1. デスクトップエディタを開きます。
  2. テキストを複数のテキストボックス(段落ごとに 1つ)に分割します。
  3. テキストを関連するパーツごとにグループ化します。パーツをグループ化する方法はこちら
モバイルエディタでテキストを他のパーツに揃えているスクリーンショット。

モバイルサイトにおける他のパーツとの配置の問題

モバイル版サイトで、横並びに配置したパーツが正しく表示されないことがあります。
横並びに配置したパーツがずれないようにするには、パーツをグループ化して、透明なコンテナボックスに追加してください。
モバイルエディタとライブモバイルサイトのテキストを示すスクリーンショット。
モバイルエディタでテキストボックスを広げている GIF。
モバイルエディタとライブサイトの両方に表示されているテキストとボタンの画像。ボタンがライブサイトのテキストと重なっています。
デスクトップエディタの画像。テキストは異なるボックスに分割されており、ボタンはそれらの間にあります。
モバイルエディタとライブサイトの同じページ。ライブサイトでテキストとベクターアートの位置がずれています。
モバイルエディタでテキストを他のパーツに揃えているスクリーンショット。