Styles mobiles de la page couverture dans la version 7.0

Dernière mise à jour le 23 août 2024

Prévisualisez ce à quoi ressemblera la page de couverture de votre version 7.0 sur mobile.

Pour vous assurer que l’apparence de votre page de couverture est optimale sur tous les appareils, son design réactif empilera automatiquement les contenus dans une seule colonne. Cela signifie que votre page de couverture sera naturellement un peu différente sur un appareil mobile que sur un ordinateur. Même si l’apparence exacte de votre page de couverture sur les appareils mobiles dépend de votre disposition et de votre contenu, voici quelques règles générales.

Accéder à cette fonctionnalité

Les pages de couverture ne sont pas disponibles dans la version 7.1. Pour créer un design similaire, vous pouvez masquer l’en-tête et le pied de page sur certaines pages.

Aperçu avec la Vue par appareil

Utilisez la fonction Vue par appareil pour prévisualiser l’apparence de votre page de couverture sur un appareil mobile, une tablette ou un ordinateur. Nous vous recommandons également de visiter votre site sur votre propre appareil. Pour visiter votre site sur un appareil mobile, saisissez l’URL de votre page dans la barre de navigation du navigateur de votre appareil mobile. L’adresse de votre site est la même pour les appareils mobiles.

Mobile background images

Si vous utilisez des images d’arrière-plan sur votre page de couverture, nous vous recommandons d’utiliser une image sans texte ni bordure, pouvant facilement être recadrée. Pour en savoir plus, consultez nos bonnes pratiques pour les images d’arrière-plan

Text on mobile

Si le corps de texte d’une page de couverture a une taille de police très importante, les phrases et les mots longs peuvent être coupés sur les appareils mobiles. Pour obtenir de meilleurs résultats, nous vous recommandons de garder un corps de texte court, d’utiliser une taille de police plus petite pour le corps de texte et d’ajouter des espaces entre les mots.

Overall layout changes on mobile

Voici quelques différences que vous constaterez lors de l’affichage de votre page de couverture sur un appareil mobile :

  • Split layouts (like Flash and Spotlight) stack vertically with the image stacked above the text.
KB Guide Image
  • Layouts with split text (like Debut and Projector) stack the left-side text above the right-side.
KB Guide Image
  • La disposition « Harbor » divise l'écran horizontalement, la carte se trouvant au-dessus du texte.
KB Guide Image
Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.

Styles mobiles de la page couverture dans la version 7.0