Design Responsive : Adapter Vos Pages Pour Tous Les Écrans
Dans cette vidéo, Martin vous montre comment rendre vos pages responsive, c’est à dire adapter votre design pour chaque type d’écran.
Derniers tutoriels
1. Option « téléphone »
À coté de la plupart des options, vous avez une petite icône téléphone. En cliquant dessus, vous verrez apparaitre 3 nouvelles options : ordinateur, tablette, et téléphone.
Ainsi, vous pourrez appliquer des paramètres différents pour chaque écran!
Petit exemple avec la taille de la police sur notre boutique :
2. Dupliquer les éléments
1. Vous avez votre élément initial: pour nous la ligne verte.
2. Dupliquez cette élément : vous pouvez cliquez sur le 3ème icône en partant de la gauche, celui qui ressemble à 2 rectangles.
3. Pour désactiver l’élément que vous voulez uniquement afficher sur ordinateur et tablette: faites simplement un clic droit sur l’élément, puis « Désactiver », et cliquez sur l’icône du téléphone.
4. Pour désactiver l’élément que vous voulez afficher uniquement sur téléphone: de même, faites simplement un clic droit sur l’élément, puis « Désactiver », et cliquez sur les icônes de l’ordinateur et de la tablette.
Et voilà !
Vous pouvez maintenant appliquer vos différents paramètres en fonction de l’écran. Seuls les éléments activés sur les écrans correspondants s’afficheront.