• Home
  • Nous contacter

Le blog d'Adfab

Le blog d'Adfab

Le blog d'Adfab

Le blog d'Adfab
CMS Frontend

La question du Responsive Design sous Drupal 7

Avec la recrudescence des Smartphones et la possibilité d’être connecté au Net en permanence, il est devenu important voire primordial pour n’importe quel site de proposer une version optimisée pour les appareils mobiles afin d’accroître sa visibilité. Cependant, si lors de la phase de conception cette option n’a pas été prévue, la gestion du responsive design peut s’avérer très compliquée à mettre en œuvre.

Solutions disponibles sous Drupal

Il existe plusieurs stratégies de développement mobile sous Drupal. Le choix d’une de ces solutions dépendra de la facilité de mettre en place et du degré d’optimisation voulu.

Mise en place d’un thème « responsive »

fluid_css-135x300

Solution la plus simple à mettre en place, puisque tout se passe au niveau du HTML et du CSS. Cette solution n’est donc pas propre à Drupal et consiste à mettre en place un thème qui s’adaptera au périphérique de l’utilisateur. Je vous laisse vous référer à l’excellent article de Bruce traitant du sujet !

Le « Thème Switcher »

theme_switcher-144x300

 

Avec cette solution, on profite un maximum de la puissance de Drupal 7 quant à la gestion des thèmes : on crée 2 thèmes, un desktop et un mobile, et grâce à la puissance de Mobile Tools (https://drupal.org/project/mobile_tools), on détecte le périphérique de l’utilisateur et on change le thème dynamiquement.

Cette solution permet de créer son HTML et son CSS spécifiquement pour le mobile, avec une véritable séparation de fichiers. On peut aussi ajouter du contenu spécifique en modifiant les templates.

Et on profite en plus de la puissance de Mobile Tools qui intègre de base les modules suivants :

  • La suite CTools
  • Panels
  • Views ..

Cette solution est de loin la meilleure à mon avis, elle reste seulement plus compliquée à mettre en place.

11/12/2013 13 MIN READ BY: Guillaume DEPLANQUE 0 COMMENT
SHARE
LIRE LA SUITE

Guillaume DEPLANQUE

Quelques outils d'images responsive

Le WebGL, mais pour quelle utilisation

VOUS POURRIEZ AIMER

Frontend Tribute to WordArt

Frontend A la découverte du responsive

CMS WordPress à la base

Frontend Quelques outils d’images responsive

Frontend Ne plus ignorer les problèmes de performance web avec phantomas & gulp

CMS Et si on essayait un CMS en Go ?

A propos d’Adfab

Nous sommes un studio de production digitales et d’innovation digitales au service des agences et des annonceurs
Nous recherchons le scintillement dans les regards et le plaisir de réalisations sur-performantes
Nous sommes techno-agnostiques
Nous sommes Adfab

Le blog d'Adfab
Copyright © 2018 Adfab Connect