[Drupal 7.x] Bonnes pratiques, astuces, starter themes

Ressources documentaires en français

• Atelier Drupal 7 – Créer un site web avec un CMS pas comme les autres par Cyprien Roudet
• des tutos de drupal.org traduits en français
• Atelier Drupal 7 – Chapitre V: Les thèmes
• Drupal 7 : méthodologie d’intégration CSS

Ressources documentaires en anglais

• drupal.org theming guide for Drupal 7
• Drupal 7 Theme Development – This book contains chapters 15 and 16 on Theme Development originally published in The Definitive Guide to Drupal 7, written by Jacine Luisi by Apress on July 19, 2011.
• THE DEFINITIVE GUIDE TO DRUPAL 7 – Theming + advanced theming
• Drupal 7 theming manual by Acquia (PDF) – D7 Theming Manual
• Drupal 7 Theming Cheat Sheet (PDF) – drupal-7-theming-cheat-sheet.pdf
• Create a Drupal 7 Theme from Scratch.

Tutoriels video en français

• http://www.drupalfacile.org

Modules

• Theme developer – Firebug for Drupal themeing.

Starter themes

• Which Responsive Drupal 7 Theme Should I Use?
• The official documentation site for the Drupal Bootstrap base theme
• Drupal Zen theme – Zen is a modern, powerful, HTML5 starting theme with component-based CSS and a responsive, mobile-first grid design. +gulpfile.
• Adaptive Theme
• Drupal 8 + Foundation 6 – Drupal 8 + Foundation 6: The Perfect Combination

Gulpfile

• Drupal 101: Theming Drupal 7 with gulp
• Automated Theming Workflow with Gulp. Bien écrite avec des chemins stockés en amont dans des variables. Pas mal d’options pour SASS. Drush.
• Kostym gulp boilerplate for Drupal 7. SVG icons avec gulp-svgstore.
• Omega

Accessibilité

• Creating dynamic and accessible content in Drupal 7 using WAI-ARIA
• List of Drupal sites in the Disability Sector

TODO

• Voir pour optimiser le chargement des CSS (trop de requêtes vers trop de fichiers en natif).
  Edit: à priori, il existe une option en BO pour agréger les CSS.
  
  <style type="text/css" media="all"> @import url("http://localhost/drupal7/modules/system/system.base.css?om2t1l"); @import url("http://localhost/drupal7/modules/system/system.menus.css?om2t1l"); @import url("http://localhost/drupal7/modules/system/system.messages.css?om2t1l"); @import url("http://localhost/drupal7/modules/system/system.theme.css?om2t1l"); </style> <style type="text/css" media="all"> @import url("http://localhost/drupal7/misc/ui/jquery.ui.core.css?om2t1l"); @import url("http://localhost/drupal7/misc/ui/jquery.ui.theme.css?om2t1l"); @import url("http://localhost/drupal7/modules/overlay/overlay-parent.css?om2t1l"); @import url("http://localhost/drupal7/modules/contextual/contextual.css?om2t1l"); </style> <style type="text/css" media="all"> @import url("http://localhost/drupal7/modules/comment/comment.css?om2t1l"); @import url("http://localhost/drupal7/modules/field/theme/field.css?om2t1l"); @import url("http://localhost/drupal7/modules/node/node.css?om2t1l"); @import url("http://localhost/drupal7/modules/search/search.css?om2t1l"); @import url("http://localhost/drupal7/modules/user/user.css?om2t1l"); </style> <style type="text/css" media="all"> @import url("http://localhost/drupal7/modules/shortcut/shortcut.css?om2t1l"); @import url("http://localhost/drupal7/modules/toolbar/toolbar.css?om2t1l"); </style> <style type="text/css" media="all"> @import url("http://localhost/drupal7/sites/all/themes/ninesixtyrobots/css/reset.css?om2t1l"); @import url("http://localhost/drupal7/sites/all/themes/ninesixtyrobots/css/960.css?om2t1l"); @import url("http://localhost/drupal7/sites/all/themes/ninesixtyrobots/css/main.css?om2t1l"); </style>

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

  <style type="text/css" media="all"> @import url("http://localhost/drupal7/modules/system/system.base.css?om2t1l"); @import url("http://localhost/drupal7/modules/system/system.menus.css?om2t1l"); @import url("http://localhost/drupal7/modules/system/system.messages.css?om2t1l"); @import url("http://localhost/drupal7/modules/system/system.theme.css?om2t1l"); </style> <style type="text/css" media="all"> @import url("http://localhost/drupal7/misc/ui/jquery.ui.core.css?om2t1l"); @import url("http://localhost/drupal7/misc/ui/jquery.ui.theme.css?om2t1l"); @import url("http://localhost/drupal7/modules/overlay/overlay-parent.css?om2t1l"); @import url("http://localhost/drupal7/modules/contextual/contextual.css?om2t1l"); </style> <style type="text/css" media="all"> @import url("http://localhost/drupal7/modules/comment/comment.css?om2t1l"); @import url("http://localhost/drupal7/modules/field/theme/field.css?om2t1l"); @import url("http://localhost/drupal7/modules/node/node.css?om2t1l"); @import url("http://localhost/drupal7/modules/search/search.css?om2t1l"); @import url("http://localhost/drupal7/modules/user/user.css?om2t1l"); </style> <style type="text/css" media="all"> @import url("http://localhost/drupal7/modules/shortcut/shortcut.css?om2t1l"); @import url("http://localhost/drupal7/modules/toolbar/toolbar.css?om2t1l"); </style> <style type="text/css" media="all"> @import url("http://localhost/drupal7/sites/all/themes/ninesixtyrobots/css/reset.css?om2t1l"); @import url("http://localhost/drupal7/sites/all/themes/ninesixtyrobots/css/960.css?om2t1l"); @import url("http://localhost/drupal7/sites/all/themes/ninesixtyrobots/css/main.css?om2t1l"); </style>

Résolution d’erreurs

• Drupal Drush Segmentation Fault 11 Error: Avoiding the Rabbit Hole avec l’utilisation de NPM dans le thème.