モバイル版のページを修正する方法

ページの表示が自動的にレスポンシブなデザイン（デバイスに合わせた画面が表示される）にならない場合、またはモバイルでの表示に問題がある場合は、 systeme.io のモバイル用のページエディターを使用すると、PCバージョンの画面表示に影響を与えることなく、任意のページのモバイル表示を変更することができます。

これを行うには、まずページのエディター画面からモバイルアイコン（画像の1番）をクリックして、モバイル用のエディターに移動します。



モバイル用アイコン（画像の2番）が表示されている設定の変更は、モバイル表示でのみ行われ、PCバージョンには影響しません。



項目をモバイル版またはPC版でのみ表示させたい場合は、チェックボックス（画像の3番）をオンまたはオフにします。



画面表示にズレがある場合は、モバイル版でのマージンなどの余白が正しく設定されているか確認してください。



行の列を水平または垂直に表示するには、「モバイルデバイスで行の垂直方向のスタックを無効にする」と表示されたチェックボックスを有効または無効にします。

列を垂直に表示するには、ボックスのチェックを外す必要があります（画像の4番）。



カラムを水平に表示するには、ボックスにチェックを入れる必要があります。



また、「モバイルデバイスで行の列を逆にする」こともできます。

更新日 25/05/2025