Les gabarits (intro)

Les gabarits  (template) sont les fichiers contenant les instructions aux formats TWIG et  HTML qui détermine le rendu des pages et éléments qui, sous Drupal 8, forment le site.
Pour connaitre le gabarit responsable d'un affichage, il convient de configurer votre installation en mode "debug".

Pour cela, il faut mettre le paramètre debug de la section twig.config du fichier "services.yml" à true (au lieu de false)

 twig.config:
    debug: true

Ce fichier se trouve dans le dossier /site/default/ de votre installation.

Pour visualiser les effets de cette modification, il faut "effacer tous les caches" dans "administration - configuration - performance" (admin/config/,,,).

L'inspection du code (par exemple avec les outils de développement de firefox) nous indique quel gabarit  produit de l'affichage (ouput).

 <!-- BEGIN OUTPUT from 'themes/custom/dh/templates/layout/page.html.twig' -->
           <!-- BEGIN OUTPUT from 'themes/custom/dh/templates/layout/region--sidebar_first.html.twig' -->
                          --------
           <!-- END OUTPUT from 'themes/custom/dh/templates/layout/region--sidebar_first.html.twig' -->
                          --------
<!-- END OUTPUT from 'themes/custom/dh/templates/layout/page.html.twig' -->
 

Le cadre ci-dessus reproduit l'affichage du mode debug pour mon thème. Dans cet extrait, on peut noter que le gabarit page.html.twig du dossier themes/custom/dh/templates/layout est responsable du rendu du contenu de la page et que le gabarit region--sidebar_first.html.twig du même dossier est responsable de l'affichage du rendu du contenu de la colonne gauche (voir ICI pour plus d'information sur l'organisation du thême).


Mots Clé