Avoir un site adaptatif pour tablette et smartphone

Contributeurs

Statut du tutoriel : 

À jour

Catégorie du tutoriel : 

Niveau du tutoriel : 

Pour avoir un site dont le thème est adaptatif, c'est à dire qu'il s'affichera bien sur smartphone et tablette, il faut d'abord vérifier que le thème choisi est bien adaptatif.

Pour cela aller sur ce site : http://mattkersley.com/responsive

Vous pouvez alors voir comment sera votre site sur un smartphone. Si votre thème actuel est le thème par défaut (Bartik) vous pourrez observer qu'il n'est pas adaptatif.

Choisissez un autre thème, par exemple : Corolla. Pour cela aller dans Menu d’administration : Apparence. Puis, Activer et définir par défaut au niveau du thème Corolla.

Maintenant retourner sur ce site : http://mattkersley.com/responsive et regarder à nouveau votre site.

Vous n'avez normalement plus besoin de bouger sur la largeur du site sur les petits écrans. Votre site est maintenant adapté pour les smartphones et les tablettes.

Voici la liste des thèmes installés sur le serveur et adaptatif pour les tablettes et smartphones :

  • Kanji
  • Pixture Reloaded
  • Seven 7.17
  • Alpha 7.x.31
  • Garland
  • Mobile Theme
  • Omega
  • Stark
  • Corolla

Bien sûr si vous trouvez d'autres thèmes adaptifs, nous sommes à votre disposition pour les mettre sur le serveur !

Note : pour tester la responsivité d'un site, vous pouvez également installer le module firefox "web developer", ce module founit une barre d'outils, dans fenêtre, cliquez sur "voir les modèles adaptatifs". Vous pouvez aussi faire varier la taille de la fenêtre de votre navigateur.