Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Créer un thème avec Drupal 8

Surcharger les différentes entités

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
La génération de chaque entité Drupal passe par des templates qui lui sont propres. Apprenez à identifier ces templates et à les surcharger.
03:45

Transcription

Lorsque nous avons surchargé nos fichiers de template, comme nous l'avons vu ici pour les noeuds, etc, on est allé dans le thème «bartik» et on a copié les fichiers existants. Ici, on voit qu'on a uniquement un nombre limité de fichiers. Ces quelques fichiers ne représentent pas la totalité du templating de Drupal. Pour voir d'où viennent les templates de base quand il n'y en a pas dans notre thème, comme là où on a juste «node» et «page», on se doute qu'il y a d'autres endroits où Drupal trouve ses fichiers de thème. Pour trouver cela, on va se servir du debug de twig qu'on a activé et faire «F12» pour activer l'aide au navigateur. Ici, on a des listes à puces pour le «language switcher». On peut imaginer qu'on ne souhaite pas de listes à puces pour les menus. Ce qu'on va faire, c'est qu'on va faire une recherche. On retrouve bien sur ces éléments nos «ul» et «li» qui correspondent aux listes à puces et juste au-dessus des «ul» et «li», on va fermer pour mieux voir, on a quelque chose de très intéressant : «BEGIN», «OUTPUT», «from», «core», «theme», «stable», «templates», «navigation», «links.html.twig». On a trouvé l'endroit où Drupal va chercher ses informations de base quand il n'y en a pas dans le thème propre. Là, on a vraiment le comportement par défaut de Drupal. Ici, on voit également la fin. Les commentaires indiquent précisément par quel fichier est généré le code html. On va aller dans «core/themes/stable/templates/navigation». On va dans «core», «theme», «stable», «template», «navigation» et on retrouve notre fichier «links.html.twig». On retrouve bien nos «ul» et «li». De la même manière que ce qu'on a fait tout à l'heure, vous pouvez copier le fichier et le ramener dans votre thème. Vous pouvez organiser votre thème comme vous le souhaitez. Par exemple, si on souhaite l'organiser comme dans le coeur de Drupal, on va appeler cela «navigation» et on va coller notre fichier «links.html.twig». Ici, on a nos «ul» et «li». Nous allons les remplacer par exemple par une «div» et ici des «span». Ici, on peut imaginer mettre un «pipe» pour séparer les différents éléments avec des espaces avant et après. On retourne sur notre Front et on vide bien entendu le cache. Ici, on actualise. On voit qu'on n'a plus affaire à des listes à puces mais à une «div» avec des «span». Notre «Language switcher» est maintenant aligné. Vous remarquerez ici une chose, c'est qu'on nous indique maintenant où se trouve le fichier utilisé : «theme/custom/formation/ templates/navigation» et «links.html.twig» qui correspond à notre fichier personnalisé. Grâce à cette méthode, vous pouvez personnaliser chaque élément, chaque sortie html de Drupal.

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 !