Drupal responsive design
Avant tout, sur Drupal, le Responsive Web Design, c’est quoi / pour qui ?
Avec le nouvel essor des plateformes mobiles et la naissance des webapps, il est aujourd’hui devenu primordial à toute société de posséder son propre site « responsive webdesign » (que j’abrégerais RWD), c’est-à-dire, un site adapté, calculé et affiché différemment en fonction du support (mobile, tablette, ordinateur, téléviseurs).
Cependant, si cette fonctionnalité n’est pas pensée au début, il peut vite devenir fastidieux de le mettre en place.
Je distingue 2 grandes réponses au « problème » du RWD : La mise en place d’un template « full RWD » et la mise en place d’un thème dedié.
Template Full RWD
Cette solution est la plus simple car tout se passe au niveu de votre intégration, soit, HTML + CSS + JavaSript. Cette solution ne touchant pas à Drupal, et étant traité par Marie Guillaumet (Refonte de mon portfolio partie 1 et partie 2), je n’en parlerais pas plus ici.
Le thème dedié
Le thème dédié est plus pratique dans certains cas, notamment quand le site est déjà sorti, avec toute une intégration de prévue et pas de temps pour le refaire. Néanmoins, cela impliquera autant de modifications et de temps de maintien que de thèmes dédiés.
La technique est simple ici, il vous suffit d’utiliser le module Mobile Tools avec lequel vous allez pouvoir détecter quel est le support du visiteur, et lui fournir un thème différent en fonction du retour.
De cette manière, vous aurez par exemple desktop_mondesign et mobile_mondesign, les deux adaptés au contenu (soit PC pour desktop, smartphone/iphone pour mobile).
De plus, le module embarque des options de configuration pour CCK, Display Suite, Panels … En soit, la méthode est plus compliquée à mettre en place, mais permet une réelle séparation des fichiers, ce qui n’est pas le cas de la première méthode.
The post Drupal et le Responsive Design appeared first on Benftwc.
