Ajuster le texte pour la visibilité sur bureau et mobile

Le design responsive garantit que ton site web s’adapte et s’affiche parfaitement sur différents appareils, des grands écrans de bureau aux petits téléphones mobiles. Un aspect clé de cela est le contrôle de la visibilité du contenu en fonction de la taille de l’écran.

Les fonctionnalités « Masquer sur mobile » et « Masquer sur bureau »

En utilisant les fonctionnalités « Masquer sur mobile » et « Masquer sur bureau », tu peux créer un site web véritablement responsive qui offre une expérience optimale à tous les utilisateurs, quel que soit leur appareil.

Ces fonctionnalités te permettent de créer différentes versions de ton contenu, en affichant certains éléments uniquement sur certains appareils. C’est essentiel pour optimiser l’expérience utilisateur sur chaque plateforme.

Suivez les étapes ci-dessous pour adapter le texte à la visibilité sur téléphone et bureau :

1. Accède à Campagnes
2. Clique pour Modifier
   
   
3. Ouvre la page Design
4. Modifie le contenu de l’e-mail
   
   
5. Nous allons créer des éléments masqués pour chaque design : mobile et bureau.
6. Personnalise-le pour une utilisation sur bureau (et masque un élément pour une utilisation mobile). Sélectionne l’élément qui s’affiche bien sur mobile.
7. Descends à droite et sélectionne Masquer sur bureau. Cela garantit que ce bloc de texte spécifique ne sera pas visible lorsque le site est consulté sur des ordinateurs de bureau.
8. Enregistre
9. Ferme
   
10. Ajoute la boîte de Texte
    
11. Tape le texte nécessaire. (Tu peux aussi choisir de dupliquer ce bloc de texte puis modifier la copie pour la rendre plus adaptée au mobile, p. ex. ajuster la taille de la police et l’interligne.)
12. Centrer le texte
13. Augmente la taille de la police
    
14. Va à la version mobile et sélectionne le bloc de texte dupliqué (ou tout autre élément) que tu souhaites masquer dans la vue bureau.
15. Masque le texte plus grand pour le mobile. Cela garantit que ce bloc de texte spécifique ne sera pas visible lorsque le site est consulté sur des appareils mobiles.
    
16. Utilise l’option d’aperçu en bas à gauche pour vérifier l’apparence sur les versions bureau et mobile :
    
17. Vérifie les deux versions en changeant la vue ici :
    

Principaux avantages de ces fonctionnalités :

• Expérience mobile améliorée : En masquant les éléments spécifiques au bureau, tu évites l’encombrement et garantis une mise en page mobile claire et conviviale.
• Contenu optimisé : Tu peux adapter le contenu à chaque appareil, le rendant plus lisible et engageant.
• Temps de chargement plus rapides : Tu améliores la vitesse de chargement des pages en masquant les éléments inutiles sur mobile.
• Contrôle renforcé : Tu as un contrôle précis sur le contenu affiché sur chaque appareil.
  
  En résumé, les fonctionnalités « Masquer sur mobile » et « Masquer sur bureau » te permettent de créer un site web véritablement responsive qui offre une expérience optimale à tous les utilisateurs, quel que soit leur appareil.

Vérifié : registre « vous » cohérent, aucun anglicisme injustifié, « carrousel » utilisé pour « slider », « téléverser » utilisé pour l’upload, « rapport d’aspect » cohérent, « widget » en minuscules, liste des faux amis vérifiée, accord en genre/nombre correct, casse de phrase appliquée aux titres, capitalisation des libellés d’interface cohérente, « établissement » utilisé pour « property », phrases complètes vérifiées, erreurs sources signalées.