A l'issue de cette formation, vous serez capable de :

• Décrire le système de "theming" (habillage) de Drupal
• Contrôler à 100% le HTML / CSS généré par Drupal
• Intégrer n'importe quelle charte graphique sous forme de thème Drupal
• Créer votre propre thème
• Changer l'apparence d'un module sans toucher au code de ce module.

Jour 1

Introduction

• Présentation rapide de Drupal et de son jargon (noeud, taxonomie...)
• Présentation et installation des outils de développement (WAMP, éditeur PHP, Firefox)
• Téléchargement et installation de Drupal
• Les outils du webdesigner : Firebug, Twig debug

Thème, les fondamentaux

• Principe de base
• Les fichiers d'un thème
• Les différents éléments natifs de Drupal
• Thème de base et héritage

Système de templating Twig

• Introduction à Twig
• Twig Debug

Jour 2

Système de templating Twig - Suite

• Gestion des templates
• Surcharge de templates
• Ajouter des suggestions de template custom

Gestion des assets

• Système de bibliothèques
• Dépendances et bibliothèques natives
• Architecture SMACSS
• Différents types de chargement d'une bibliothèque

Module Layout Plug-in

• Intérêts de l'approche des layouts
• Définir des layouts depuis un thème
• Utilisation avec Page Manager et Display Suite

Configuration

• Système de configuration de Drupal
• Embarquer une configuration dans un thème
• Dépendance entre configuration

JavaScript

• Gestion du JavaScript et Drupal
• Bibliothèques de base
• Ajouter un script custom

Responsive Design avec Drupal (par défaut, le thème de Drupal prend en compte le Responsive Design)

• Implémentation des points de rupture
• Gestion des images en Responsive Design
• Gestion des menus

Exemples de travaux pratiques (à titre indicatif)

• Etudes de cas :
• Prise en main des fondamentaux de la création d'un thème avec Drupal
• Utilisation du moteur de templating Twig dans Drupal
• Utilisation des assets dans Drupal
• Utilisation du module Layout Plug-in
• Configuration d'un thème dans Drupal
• Utilisation du JavaScript dans Drupal
• Création d'un site Responsive Design avec Drupal