Remarque : même si nos guides les plus populaires ont été traduits en français, certains guides sont uniquement disponibles en anglais.

Cover Page mobile styles

Pour vous assurer que l’apparence de votre page de couverture est optimale sur tous les appareils, son design adaptatif 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 vos contenus, voici quelques règles générales.

Ce guide concerne la version 7.0. Les pages de couverture ne sont pas disponibles dans la version 7.1

Preview with Device View

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 à partir d’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 n’est pas différente pour les appareils mobiles.

Mobile background images

If you're using background imagery on your Cover Page, we recommend using an image without text or borders that offers some flexibility with cropping. For more help with this, review our background image best practices

Text on mobile

If the body text on a Cover Page has a very large font size, longer words and phrases could get cut off on mobile devices. For best results, we recommend keeping the body text short, using a smaller font size for body text, and adding spaces between words.

Overall layout changes on mobile

Here are a few adjustments you’ll notice when your Cover Page is viewed on a mobile device:

  • Split layouts (like Flash and Spotlight) stack vertically with the image stacked above the text.

  • Layouts with split text (like Debut and Projector) stack the left-side text above the right-side.

  • The Harbor layout splits horizontally with the map stacked above all text.

 

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 13 sur 76