メインコンテンツにスキップ

ウェブサイトはモバイルでどのように表示されますか?

結婚式のウェブサイトがモバイルデバイスでどのように表示されるかをプレビューし、スマートフォンで閲覧するゲストにとっても美しく見えることを確認できます。

対応者:Brian
今日アップデートされました

ウェブサイトはモバイルでどのように表示されますか?

結婚式のウェブサイトがモバイルデバイスでどのように表示されるかをプレビューし、スマートフォンで閲覧するゲストにとっても美しく見えることを確認できます。

簡単な回答: ウェブサイトビルダーのモバイルプレビュー切り替えを使用して、サイトがモバイルデバイスでどのように表示されるかを確認します。

モバイルプレビューを使用する

  1. ウェブサイト > ビルダーに移動します

  2. プレビューエリア上部のデバイス切り替えを探します

  3. モバイル/電話アイコンをクリックしてモバイルビューに切り替えます

  4. 各ページを閲覧して、各セクションをご確認ください

モバイルで変わる点

  • ナビゲーションがハンバーガーメニュー(3本線)になります

  • コンテンツが横並びではなく縦に積み重なります

  • 画像が画面幅に合わせてサイズ変更されます

  • フォントサイズが小さな画面での読みやすさに合わせて調整されます

  • 一部の間隔がデスクトップとは異なる場合があります

モバイルに関するよくある考慮事項

画像

  • 大きなヘッダー画像はモバイル画面に合わせてトリミングされます

  • 写真の重要な部分が切れていないかテストしてください

  • 画像セクションはモバイルで異なって表示される場合があります

テキスト

  • 長い段落でも問題ありませんが、テキストを分けることをご検討ください

  • カスタムフォーマットがモバイルで美しく見えるか確認してください

ナビゲーション

  • ゲストはメニューアイコンをタップしてナビゲーションオプションを表示します

  • メニュー項目が明確でアクセスしやすいことを確認してください

ヒント

  • 結婚式のゲストのほとんどはスマートフォンでサイトを閲覧します

  • プレビューだけでなく、実際のサイトを自分のスマートフォンでテストしてください

  • モバイルでの見た目についてフィードバックをもらうため、プレビューリンクを友人と共有してみてください

  • モバイルユーザーはスクロールが多いため、重要な情報は上部に配置してください

関連記事

こちらの回答で解決しましたか?