さまざまなデバイスでのプレビューページ

異なるデバイスでプレビューする理由

GemPagesは 応答原則では、デスクトップからタブレット、スマートフォンまで、さまざまな画面サイズに合わせてページが自動的に調整されます。各デバイスでページをプレビューすることで、以下のことが可能になります。

• レイアウトがどこでも完璧に見えるか確認する
• 特定の画面サイズに特有のデザイン上の問題を特定して修正する
• デスクトップ、タブレット、モバイルの訪問者のユーザーエクスペリエンスを最適化します

さまざまなデバイスでページをプレビューするにはどうすればよいですか?

GemPagesを使用すると、ページを簡単にプレビューして最適化できます。 デスクトップ, タブレット, モバイル。 方法は次のとおりです。

ステップ1： プレビューまたは編集したいページを選択します。クリックすると、 GemPages エディター.

ステップ2： レスポンシブプレビューツールを使用する

GemPages には、複数のデバイスでページをプレビューするための組み込みツールが用意されています。 デスクトップ, タブレット, モバイル. 

見る トップバー GemPages エディタでデスクトップ、タブレット、モバイルのアイコンが表示されます。

ステップ3： 目的のデバイス アイコンをクリックしてプレビュー モードに切り替えます。

• デスクトップ: ページが大きな画面でどのように表示されるかを確認します。

• タブレット: iPad などの中型画面のレイアウトをテストします。

• モバイル: モバイル フォンに表示されるページをプレビューします。

ステップ4： 各デバイスに合わせてデザインを調整します。

GemPagesを使用すると カスタマイズ 特定のデバイス用のレイアウト。 設定 または 詳細設定タブ それぞれの画面サイズに合わせた調整を行います。

詳細については、次の記事を参照してください。

デスクトップに影響を与えずにモバイル向けにデザインを最適化するにはどうすればよいでしょうか?

各デバイスで要素またはセクションを表示/非表示にするにはどうすればよいですか?