Integrer une charte graphique dans Drupal 11 demande de maitriser son systeme de theming, fonde sur le moteur Twig et un mecanisme de bibliotheques CSS/JS specifique. Cette formation vous apprend a creer un theme personnalise, surcharger les templates sans modifier le code des modules, et gerer les assets avec l’architecture SMACSS. Vous aborderez egalement le responsive design avec les breakpoints Drupal pour des sites adaptes a tous les ecrans.
Public visé
Développeurs, intégrateurs, webdesigners.
Prérequis
Avoir suivi cette formation, ou en maîtriser les thèmes abordés :
Objectifs pédagogiques
À l’issue de cette formation, vous serez capable de :
- Décrire le système de theming (habillage) de Drupal
- Contrôler le HTML/CSS généré par Drupal
- Intégrer n’importe quelle charte graphique en thème Drupal
- Créer un thème personnalisé
- Modifier l’apparence d’un module sans altérer son code
Programme
Jour 1 - Matin
Introduction
- Présentation de Drupal et son vocabulaire
- Installation des outils de développement
- Téléchargement et configuration de Drupal
Thème - Fondamentaux
- Principes de base et fichiers de thème
- Éléments natifs de Drupal
- Thème de base et héritage
Jour 1 - Après-midi
Système Twig
- Introduction au moteur de templating Twig
- Activation du debug Twig
- Syntaxe et fonctions Twig
Jour 2 - Matin
Gestion des templates Twig
- Surcharge de templates
- Suggestions personnalisées
- Hooks de preprocessing
Assets et bibliothèques
- Système de bibliothèques Drupal
- Architecture SMACSS
- Chargement conditionnel des bibliothèques
Jour 2 - Après-midi
Layouts et configuration
- Module Layout Plugin
- Configuration de thème
- Gestion JavaScript dans Drupal
Responsive Design
- Points de rupture (breakpoints)
- Images responsive
- Bonnes pratiques mobile-first
Modalités d’évaluation des acquis
En cours de formation, par des études de cas ou des travaux pratiques. En fin de formation, par un questionnaire d’auto-évaluation.
Voir aussi
Vous serez peut-être intéressés par les formations suivantes :
Formation DEV-DRUPAL-210 — Drupal 11 - Développeurs Front-End. Domaine : Développement. Niveau : Intermédiaire. Durée : 2 jours (14 heures). Mots-clés : drupal, php, développement, avancé, cms, web, frontend, twig, responsive. Cylian Formation, Dijon.