Passer au contenu principal

Basculer entre l'apercu mobile et bureau

Alterne entre les vues mobile et bureau pour voir a quoi ressemble ton site de mariage sur differents appareils.

Écrit par Brian
Mis à jour aujourd’hui

Basculer entre l'apercu mobile et bureau

Alterne entre les vues mobile et bureau pour voir a quoi ressemble ton site de mariage sur differents appareils.

Ton site de mariage s'adapte automatiquement aux differentes tailles d'ecran. L'apercu de l'editeur te permet de basculer entre les vues bureau et mobile pour voir exactement comment ton site apparaitra aux invites sur leurs telephones, tablettes et ordinateurs.

Comment basculer l'apercu

  1. Dans l'editeur de site web, regarde en bas a droite de la zone d'apercu

  2. Clique sur le bouton avec l'icone d'appareil (qui montre plusieurs appareils)

  3. L'apercu passe en vue mobile

Les onglets de page afficheront Apercu mobile pour indiquer que tu es en mode mobile.

Revenir a la vue bureau

Clique a nouveau sur l'icone d'appareil pour revenir a l'apercu bureau. L'indication Apercu mobile disparait.

Ce qui change en vue mobile

Quand tu passes a l'apercu mobile, tu verras :

  • Mise en page plus etroite - Le contenu s'empile verticalement pour s'adapter aux ecrans de telephone

  • Navigation adaptee - Le menu peut se replier en icone hamburger

  • Images responsives - Les images se redimensionnent pour les ecrans plus petits

  • Texte optimise - Les tailles de police s'ajustent pour la lisibilite sur mobile

Pourquoi previsualiser les deux vues

La plupart de tes invites visiteront ton site sur leur telephone. Basculer entre les vues t'aide a :

  • T'assurer que le contenu est beau sur tous les appareils

  • Verifier que le texte est lisible sur les petits ecrans

  • Confirmer que les images s'affichent correctement sur mobile

  • S'assurer que les boutons et liens sont faciles a toucher

  • Voir comment ton menu de navigation s'adapte

Conseils de design pour le mobile

En construisant ton site, bascule en apercu mobile pour verifier :

  • Tailles d'images - Les grandes images doivent rester belles une fois reduites

  • Longueur du texte - Les longs paragraphes sont plus difficiles a lire sur telephone

  • Placement des boutons - Assure-toi que les boutons sont faciles a toucher avec le pouce

  • Espacement des sections - Certains espacements peuvent etre differents sur mobile

Utiliser l'apercu mobile avec le plein ecran

Tu peux combiner l'apercu mobile avec le mode plein ecran :

  1. Clique sur l'icone d'appareil pour passer en vue mobile

  2. Clique sur Plein ecran pour agrandir l'apercu mobile

  3. Vois ton site mobile plus en detail

Conseils

Verifie la vue mobile pour chaque page. Ne previsualise pas seulement ta page d'accueil - clique sur tous les onglets de page en mode mobile.

Le mobile d'abord pour la plupart des invites. Meme si tu concois principalement sur bureau, verifie toujours le mobile avant de publier des modifications.

Teste la navigation avec soin. Assure-toi que les invites peuvent facilement trouver et acceder a toutes tes pages sur mobile.

Articles connexes

Avez-vous trouvé la réponse à votre question ?