Wix エディタ：モバイルサイトのレイアウトの問題を修正する

Wix は、デスクトップサイトのコンテンツとパーツを使用して、自動的にモバイルサイトを作成します。これらは別々のサイトではなく、同じサイトを異なる方法で表示させたものです。

モバイルサイトは、小さな画面に合わせて最適化され、レイアウトもそれに応じて変更されます。そのため、モバイルサイトの構造や配置には、何らかの問題が発生することがあります。このような場合には、コンテンツを再配置・調整することで問題を解決でき、モバイルサイトの訪問者にすっきりとしたレイアウトとスムーズな閲覧環境を整えておくことができます。

デスクトップエディタでページに追加したパーツは、モバイルサイトでは異なる配置になることがあります。その場合、選択した場所にドラッグすることで、手動でパーツを再配置することができます。

モバイルサイトのメニューボックス、ヘッダー、またはフッターにパーツが表示されている場合、ページ内にそれをドラッグさせることはできません。ただし、右クリックメニューを使用して、メニュー、ヘッダー、フッター間でこれらのパーツを移動させることは可能です。ヘッダー、フッター、モバイルメニュー間でパーツを移動させる方法はこちら

モバイルサイトには、不要な余白（隙間）がある場合があります。これらは、特定のパーツやページの高さが原因となっている可能性があります。

この場合、余白がある場所に応じ、ズームアウトや並び替え機能を使用したり、パーツのレイアウトを変更したり、ページの高さを変更したりすることで余白を削除することができます。モバイルサイトの余白を削除する方法についてはこちら

それでも削除できない余白がある場合は、見つけにくい小さなパーツが原因となっている可能性があります。その場合は、レイヤーパネルを使用して、それらのパーツを探したり、順序を前後に移動させたりすることが可能です。パーツを特定して移動させる方法についてはこちら

モバイルサイトを編集する際、デスクトップサイトに表示されているパーツが見つからないことがあります。これは、よりモバイル端末に適したサイトにするため、自動的に一部のパーツがモバイルサイト上で非表示にされるためです。

その場合は、「モバイル上で非表示」パネル から、モバイルサイトで非表示になっているパーツを確認したり、表示させるよう設定したりすることができます。モバイルエディタで非表示のパーツについての詳細はこちら

モバイルサイトのレイアウトが気に入らない場合や構成を変更したい場合は、モバイルエディタの左側にある「ページレイアウト最適化」 を使用してサイトを変更することができます。このツールは、ページのコンテンツを再配置して、小さな画面により合わせてモバイルサイトのレイアウトを最適化します。モバイルサイトを最適化する方法はこちら