Pourquoi adapter les tailles des textes sur la version mobile
Niveau de difficulté : Facile
Temps nécessaire : 5 minutes
Logiciel necessaire : -
But de l'explication:
Nous allons voir pourquoi il est important de paramétrer les tailles de vos textes pour qu'ils apparaissent différemment sur ordinateur et sur mobile.
Sommaire :
1. Pourquoi paramétrer les textes pour la compatibilité mobile ?
2. Comment paramétrer les textes pour la compatibilité mobile ?
3. Comment utiliser les tailles paramétrées dans le contenu de vos pages ?
4. Quelles sont les différents types de texte disponibles ?
1. Pourquoi paramétrer les textes pour la compatibilité mobile ?
Lorsque vous visualiser un site sur téléphone mobile, cela se fait sur un écran plus petit, donc avec une visibilité moins évidente que sur un écran d'ordinateur.
Il est donc important d'agrandir la taille des textes sur les mobiles pour qu'ils restent lisibles.
La raison technique à cela est très simple, la plupart des téléphones d'aujourd'hui ont la même résolution que les ordinateurs. Par conséquent, les textes deviennent illisibles quand l'on passe sur un mobile car il y a une grande résolution sur un petit écran et réduit ainsi l'ensemble des éléments de votre site.
2. Comment paramétrer les textes pour la compatibilité mobile ?
Rendez-vous dans votre interface, dans le menu "Votre design > Version mobile", puis cliquer sur l'onglet "propriétés version mobile".
Vous arriverez alors sur la page de gestion de vos propriétés responsive, avec les différentes propriétés regroupées par thématique (texte, image ...). Ce qui nous intéresse ici, ce sont les textes, cliquer donc sur la rubrique "sur les textes".
Un panneau va se dérouler avec l'ensemble des propriétés liées aux textes. Vous allez ainsi retrouver les propriétés liées aux titres (h1, h2, h3, h4) ainsi qu'aux autres tailles de texte.
Pour chaque propriété, vous pourrez définir les tailles de texte pour ordinateur ainsi que les tailles de texte pour mobile. Il sera aussi indiqué où vous pourrez utiliser cette propriété (voir paragraphe suivant).
3. Comment utiliser les tailles paramétrées dans le contenu de vos pages ?
Une fois la version mobile de votre site activée, et les différentes tailles de textes paramétrées, toutes les propriétés responsive de texte se retrouvent dans la liste déroulante "styles" de l'éditeur. Il vous suffira donc de sélectionner le texte, de cliquer sur la liste déroulante  dans l'éditeur de construction de page.
Sélectionnez la portion de texte à impacter, puis sélectionnez le bon format dans cette liste déroulante.
4. Quelles sont les différents types de texte disponibles ?
Pour savoir quels sont les différentes types de textes disponibles et paramétrables, rendez-vous sur la documentation suivante :
http://www.wifeo.com/documentation-161.html
Dans le forum...
Aucune pièce jointe n'est associée à cette explication.
Autres documentations liées
• Quelles sont les différentes class à appliquer sur les textes
Extrait :
[i][color=green]Niveau de difficulté : Facile
Temps nécessaire : 5 minutes
Logiciel necessaire : -[/color][/i]
[color=orange][size=18]But de l'explication:[/size][/color]
[list]La taille de texte est un des éléments importants du responsive design pour que vos... | Sommaire :
1. Où trouver les paramétrages des tailles de texte
2. La taille de texte par défaut (ou "standard")
3. Les tailles des titres
4. Les autres tailles de texte |
• Pourquoi la version mobile de certains textes n`est pas correcte
Extrait :
[i][color=green]Niveau de difficulté : Facile
Temps nécessaire : 5 minutes
Logiciel necessaire : -[/color][/i]
[color=orange][size=18]But de l'explication:[/size][/color]
[list]Il se peut que vous constatiez que vos paramétrages de tailles de texte sur mobile ne... | Sommaire :
1. A vérifier au préalable
2. Tout texte est beaucoup trop gros ou beaucoup trop petit sur mobile
3. Certains éléments textuels de mes pages ne sont pas à la bonne taille |
|
Centre d'aide
FERMER LE MENU
