Template page node/id

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by moca17 on

Bonjour à tous,

Je travail pour la première fois sur Drupal 8 et j'ai un peu de mal à comprendre la hiérarchisation des différents templates.
Mon problème est le suivant : je souhaite personnaliser l'affichage de la page www.monurl.fr/node/id.
Je souhaiterai avoir un affiche unique pour un type de contenu particulier (au niveau du détail de l'article).
J'ai créé un fichier node--article.html.twig mais il ne me permet pas de mettre en forme les différents champs.

Je vous remercie par avance !

Forum : 
Développement
Tags : 
Drupal 8 template node

Soumis par vincent59 le 9 Novembre, 2016 - 16:47

Bonjour,

en regardant le code source de la page html générée (dans le navigateur, Ctrl U), Drupal ajoute maintenant des infos de debug, du genre :

!-- THEME DEBUG -->
<!-- THEME HOOK: 'page' -->
<!-- FILE NAME SUGGESTIONS:
   * page--node--140.html.twig
   * page--node--%.html.twig
   * page--node.html.twig
   x page.html.twig
-->
<!-- BEGIN OUTPUT from 'themes/geomnia_integrity/templates/page.html.twig' -->

ou encore

<!-- THEME DEBUG -->
<!-- THEME HOOK: 'node' -->
<!-- FILE NAME SUGGESTIONS:
   * node--140--full.html.twig
   * node--140.html.twig
   * node--page--full.html.twig
   * node--page.html.twig
   * node--full.html.twig
   x node.html.twig
-->
<!-- BEGIN OUTPUT from 'themes/geomnia_integrity/templates/node.html.twig' -->

Il met les différents fichiers de templates qui pourraient être utilisés (les suggestions).

Dans mon exemple, je regarde le node 140, et Drupal me montre le nom du template à utiliser.
Les premiers sont des templates de page, et les seconds les templates de node.

Le template utilisé actuellement est préfixé par un 'x.

On peut donc adapter complètement la mise en page, selon ce que l'on choisit