Formation Joomla Template Design

Programme de notre formation Joomla Template Design

[Jour 1 – Matin]

Architecture et personnalisation des templates Joomla

• Comprendre la structure d’un template Joomla
• Identifier les fichiers clés : index.php, templateDetails.xml, dossiers /css, /js, /html
• Définir les positions de modules et les bonnes pratiques de nommage
• Comprendre l’héritage de templates et la personnalisation des thèmes du cœur Joomla
• Déclarer des paramètres dans templateDetails.xml
• Atelier pratique : Créer une base de template Joomla avec positions personnalisées, paramètres et structure maintenable.

[Jour 1 – Après-midi]

HTML5, SCSS, responsive design et expérience éditeur

• Structurer les gabarits avec une sémantique HTML5 propre
• Organiser les fichiers CSS et SCSS
• Exploiter variables, mixins et compilation SCSS
• Construire une base responsive avec breakpoints, images adaptatives et ratios
• Exploiter les champs personnalisés dans les mises en page
• Atelier pratique : Personnaliser la palette, la typographie et créer un modèle d’article éditable.

[Jour 2 – Matin]

Overrides, layouts, modules et mises en page éditoriales

• Comprendre les overrides de composants, modules et layouts
• Créer des overrides pour les vues de contenu : blog, catégorie et article
• Utiliser les JLayouts pour factoriser les éléments d’interface
• Configurer le module chrome pour personnaliser l’affichage des modules
• Construire un header modulaire, des sections héros, grilles, listes et cartes
• Atelier pratique : Créer des overrides, un header éditorial et une grille de cartes réutilisable.

[Jour 2 – Après-midi]

Assets, performance, SEO et accessibilité

• Utiliser le Web Asset Manager pour gérer scripts et styles
• Déclarer les dépendances, versions et attributs de chargement
• Charger conditionnellement les assets selon les vues
• Optimiser les performances et les Core Web Vitals
• Appliquer les bonnes pratiques WCAG, SEO, URLs SEF, métadonnées et données structurées
• Atelier pratique : Optimiser une page Joomla pour les performances, l’accessibilité et le SEO.

[Jour 3 – Matin]

Design system, sécurité et compatibilité

• Créer des design tokens avec variables CSS
• Construire une bibliothèque de composants : cards, listes, CTA et blocs éditoriaux
• Définir les règles d’accessibilité transverses
• Vérifier la compatibilité avec les extensions Joomla majeures
• Appliquer les bonnes pratiques de sécurité front-end : CSP, intégrité, JS minimal
• Atelier pratique : Créer une mini-librairie de composants et réaliser un audit qualité, sécurité et compatibilité.

[Jour 3 – Après-midi]

Packaging, versioning et livraison production

• Préparer le packaging du template : ZIP, manifeste et versions
• Organiser le dépôt Git et le cycle staging → production
• Documenter les paramètres, layouts et composants
• Créer un guide d’exploitation pour l’équipe contenu
• Préparer la maintenance et le journal de versions
• Atelier pratique : Finaliser, documenter et livrer un template Joomla prêt pour la production.