Introduction à l'héritage de template avec Twiggy
Objectifs
Les objectifs de cette vidéo sont :
- Comprendre l'importance et le rôle d'un layout.
- Apprendre à utiliser l'héritage de template avec Twiggy.
- Mettre en pratique la création de pages en héritant d'un layout commun.
- Assurer la maintenance simplifiée des éléments HTML récurrents.
Résumé
Cette leçon explique comment configurer un layout commun pour les pages d'un site web en utilisant Twiggy dans Symfony, en simplifiant la gestion des headers, footers et autres éléments récurrents.
Description
Dans cette leçon, nous explorons l'importance du layout dans la création de pages web. Un layout centralise les éléments communs tels que le header, le footer et le menu, évitant ainsi la répétition de code d'une page à l'autre. Nous utilisons Twiggy pour implémenter un layout via l'héritage de template.
Dans le cadre de Symfony, nous montrons comment adapter votre structure en explorant le dossier app/resources/views/base.html.twig. Le fichier base.html.twig sert de layout principal en contenant les balises HTML principales, avec des blocs spéciaux pour le contenu variable.
Chaque template de page hérite de base.html.twig et redéfinit ses propres blocs. Cela inclut la mise en place et la personnalisation du titre avec le bloc title et la gestion du contenu avec le bloc body. Enfin, nous voyons comment appliquer ce layout à plusieurs pages et observer les changements à travers l'inspection du code HTML.