Formation Joomla 5 Template Design
| € HT / personne |
| 3 jours (21 heures) |
Présentation
Joomla 5 Template Design est une formation dédiée à la conception de templates professionnels pour Joomla 5. Cette formation pratique se concentre sur la création de thèmes sur mesure : structure de template, overrides de composants et modules, intégration Bootstrap 5, SCSS, et optimisation de la performance.
Vous apprendrez à utiliser le Web Asset Manager pour gérer scripts et styles, à bâtir des mises en page modulaires et à respecter les bonnes pratiques d’accessibilité et de SEO.
Au fil des exercices, vous réaliserez un design system réutilisable, intégrerez des champs personnalisés, et préparerez un packaging propre pour la mise en production. Vous serez ainsi en mesure de concevoir un template maintenable, compatible avec les extensions majeures et adapté à des sites multilingues.
À la suite de cette formation, vous saurez documenter, versionner et déployer votre template dans un contexte d’équipe.
Comme toutes nos formations, celle-ci s’appuie sur la dernière version stable v5.3.2 de Joomla 5 et ses nouveautés.
Objectifs
- Concevoir un template Joomla 5 professionnel et maintenable
- Maîtriser overrides, positions, layouts et paramètres de template
- Exploiter Bootstrap 5, SCSS et le Web Asset Manager
- Optimiser SEO, accessibilité et performances (Core Web Vitals)
- Préparer packaging, versioning et mise en production
Public visé
- Intégrateurs web
- Web designers
- Développeurs front-end
- Intégrateurs CMS
- Chefs de projet web
Pré-requis
- Bases en HTML5/CSS3 et notions de JavaScript
- Connaissances de PHP
- Notions de Git et des workflows d’intégration web
Programme de notre formation Joomla 5 Template Design
Fondations & architecture
- Structure : index.php, templateDetails.xml, dossiers /css, /js, /html
- Positions de modules et bonnes pratiques de nommage
- Overrides de composants, modules et layouts
- Child templates et héritage depuis Cassiopeia
- atelier : créer un child template et des positions personnalisées
HTML5, CSS/SCSS et Bootstrap 5
- Grille, utilitaires et composants Bootstrap 5
- Organisation SCSS, variables, mixins, compilation
- Responsive : breakpoints, images, ratios
- Accessibilité (WCAG 2.1) et sémantique HTML5
- atelier : personnaliser palette/typo et produire un style guide
Paramètres & overrides de vues
- Paramètres dans templateDetails.xml
- Assignation de template par élément de menu
- Overrides de com_content (blog, article)
- Module chrome et JLayouts
- atelier : override d’un article et d’un module
Assets, performance & i18n
- Web Asset Manager : scripts/styles, dépendances, defer/async
- Versionning, cache-busting, preload/preconnect
- Chargement conditionnel par vue
- Optimisations Core Web Vitals
- Atelier : pack d’assets optimisé et lazy-loading d’images
Menus, modules & mises en page
- Header modulaire : logo, navigation, CTA
- Modèles d’article : champs personnalisés, cartes
- Layouts alternatifs & variations par catégorie/menu
- Sections réutilisables (héros, grilles, listes)
- Atelier : construire un header/hero éditorial
Multilingue, SEO & données structurées
- Structure multilingue et associations
- URLs SEF, titres, méta-données, Open Graph
- Schema.org, micro-données, fil d’Ariane
- Images WebP, sitemap, robots
- Atelier : page d’accueil FR/EN optimisée SEO
Design system & sécurité
- Design tokens via variables CSS
- Bibliothèque de composants (cards, listes, CTA)
- Règles d’accessibilité transverses
- Documentation du design system
- Atelier : mini-librairie de composants
Qualité, sécurité & compatibilité
- Compatibilité extensions majeures
- Bonnes pratiques sécurité (CSP, intégrité, JS minimal)
- Mises à jour : child templates vs forks
- Tests de régression visuelle
- Atelier : audit qualité + checklist sécurité
Packaging, versioning & mise en production
- Packaging du template (ZIP, manifeste, versions)
- Organisation du dépôt Git, staging → prod
- Guide d’exploitation pour l’équipe contenu
- Maintenance et journal de versions
- Atelier : livrer un template « prêt prod »
Pour aller plus loin
Formation Angular
Formation React
Formation Strapi
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Nos Formateurs Référents
Témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Afficher tous les témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Noter la formation
| € HT / personne |
| 3 jours (21 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS
