Drupal
08/07/2010

Drupal et les sites version mobile

image
Incontournable... C'est le mot qui caractérise le plus la prise en compte des utilisateurs d'Iphone et autres smartphones lorsque l'on développe, administre, promeut, etc. des sites Internet. Et la question est : comment prendre en compte ces utilisateurs ? … en optimisant son site pardi ! Étudions un peu les solutions...

Incontournable...
C'est le mot qui caractérise le plus la prise en compte des utilisateurs d'Iphone et autres smartphones lorsque l'on développe, administre, promeut, etc. des sites Internet.
Et la question est : comment prendre en compte ces utilisateurs ? … en optimisant son site pardi ! Étudions un peu les solutions... avec un site Drupal en particulier puisque c'est ce qui nous intéresse.

Je pose la question à un des experts Drupal ici au sein de l'agence et il me dit « Tout se passe dans les thèmes. Ensuite on installe un script qui reconnait le smartphone et c'est fini ». Heu... oui ok, mais concrètement il faut faire quoi ? À quelques détails près c'est bien cela :

1. Création ou installation d'un thème pour les mobiles

Un liste assez complète se trouve ici : http://drupal.org/project/themes?text=mobile 
Pour notre Bluedrop version mobile, nous avons opté pour le module garland_mobile.

2. Installation d'un module permettant de gérer et paramétrer la version mobile du site

Mobile plugin en est un parmi d'autres. Celui-ci permet de gérer les fonctionnalités de base :

  • Détection automatique du mobile
  • Édition de règles pour les détections
  • Indication du sous domaine
  • Accès direct à l'édition des blocs, indication de la localisation du fichier CSS à appliquer
  • Paramétrage de la taille des images, longueur des textes
  • Etc.

3. Paramétrage du domaine sur le serveur

Et voilà, en moins de temps qu'il n'en faut pour rédiger cet article, la version mobile du site était accessible : http://mobile.bluedrop.fr
Reste quelques réglages de contenu et de design à effectuer... mais bluedrop.fr dispose de sa version mobile ; Fingers in the nose !

Quelques exemples de sites Drupal version mobile :
France 24 : http://iphone.france24.com/fr/
Rue 89 : http://iphone.rue89.com  et http://mobile.rue89.com
La maison blanche : http://m.whitehouse.gov/