Créer un thème avec Drupal 8

Identifier les templates de vue

Testez gratuitement nos 1271 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Les templates de vue ne s'identifient pas de manière classique via l'utilitaire de débogue. Découvrez alors comment faire.
04:34

Transcription

Si la personnalisation du design des vues à partir de l'administration ne vous convient pas, ou si vous préférez tout simplement travailler dans des fichiers, il vous est bien sûr possible de surcharger les templates de vue. Alors pour les templates de vue, il y a 4 niveaux d'imbrications. Donc on a ici le 1er niveau: Viewsview.html.twig, pour le voir sur notre vue on va faire clic droit, éxaminer l'élément, ce qui va ouvrir notre console d'aide aux développeurs, on va remonter en haut de la vue, et on retrouve ici notre template. Donc on a bien la template du thème de base qui est stable, et on a notre template «Viewsview.html.twig». Donc ce template génère les 2 div que l'on voit en dessous. Ici on a quelque chose de particulier, c'est que pour le cas des vues, on n'a pas de suggestions automatiques qui sont apportées. Ensuite, on va aller voir le deuxième niveau, on voit que, en dessous, on a «views/view/unformatted.html.twig» donc si on reprends notre fichier, on a le deuxième niveau donc, en fait dans le deuxième niveau on a 4 possibilités, on a grid pour les grilles, on a tables pour les listes html, on a listes pour les tableaux et on a unformatted pour les listes non-mises en forme. Donc c'est bien une liste non mise en forme qu'on a sélectionné dans notre vue. Pour vérifier on peut aller dans notre vue, donc là je suis sur ma vue horloge, et ici dans format je clique sur format, donc on voit qu'on est en liste non mise en forme, et on retrouve ici nos 4 différents éléments, et donc, par conséquent, nos 4 différents templates. Ensuite, au niveau en dessous, on retrouve «views/view/ fields.html.twig», ce niveau va servir à générer les champs dans leur ensemble, donc on voit, que, à ce niveau-là, on génère un ensemble de champs. Il y a une boucle qui va aller chercher tous les champs, et générer les champs un par un. Ensuite, le dernier niveau, On est au niveau du champ à proprement parler, on va aller générer chaque champ indépendemment, ici, donc on a «views/view /field.html.twig». Maintenant qu'on sait et qu'on a a compris comment est gérée l'imbrication des templates de vue, On peut facilement retrouver le fichier à utiliser pour la surcharge des templates de vue. Donc en fait, ici, dans ce fichier que vous aurez dans vos sources je vous propose les différentes possibilités de nommage par ordre d'importance et de précision. C'est à dire que si on est tout en haut, c'est ce fichier là qui aura la priorité par rapport à celui de tout en bas, qui est complètement générique. Si vous voulez surcharger, mettons par exemple, votre niveau de liste non mise en forme, Donc on parle bien de ce niveau là, vous voulez par exemple modifier cette div ... Donc vous allez simplement faire le nom du template de vue, le nom du template de vue, on a ça ... le .twig, on est là, donc on prends le nom du template de vue, et pas l'extension - donc uniquement le nom, ensuite on va prendre le nom machine de la vue, Alors le nom machine de la vue, on peut le trouver en passant, par exemple ici, donc moi je le trouve de cette manière là, on voit que quand on passe sur le lien page, qui concerne notre affichage, on a le lien qui est pointé, qui apparait en bas à gauche, donc on voit local host/drupal/ admin/structure/views/view mes horloges. Don ici on a le nom machine de la vue. Alors le nom machine de la vue, si c'est plus simple .... on le retrouve ici. Donc le nom machine, c'est mes horloges. Voilà, donc, ensuite, dernier élément, Le nom machine de l'affichage, Donc le nom machine de l'affichage, on le retrouve en passant le curseur sur le lien, donc en fait il s'agit du dernier élément que vous voyez apparaitre tout en bas ... à gauche ... donc, page 1. Et, pour la template suivant, tout ce qui nous différencie c'est le nom du type d'affichage. Donc le nom du type d'affichage c'est simplement page ou bloc. Donc voilà comment surcharger, comment nommer les fichiers de surcharge de vos thèmes de vue, passons maintenant à la pratique.

Créer un thème avec Drupal 8

Créez votre propre thème personnalisé Drupal avec Twig, le nouveau moteur de template. Gérez les ressources, personnalisez Drupal de façon avancée grâce aux vues, etc.

1h48 (31 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :17 mars 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !