Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

Créer un thème avec Drupal 8

Utiliser un template selon le contexte

Testez gratuitement nos 1341 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Selon le contexte (par exemple, sur la page d'accueil), il est possible d'utiliser des fichiers de templates spécifiques. Apprenez à identifier les différents paramètres de contexte.
03:37

Transcription

Dans Drupal, l’utilisation des templates est contextualisable, c'est-à-dire que Drupal va pouvoir utiliser un template ou un autre, selon l'endroit où il se trouve. Ici, par exemple, on se retrouve sur une page de l’intérieur du site. On voit, ce n'est pas très net puisque le design du css n'est pas encore fait, mais ici, on a notre barre de droite et ici, on a notre contenu. Si on va sur notre page d’accueil, on voit apparaître la vue qui correspond à la page d’accueil et on voit à nouveau apparaître, Mes horloges, le Bloc contact et le Menu sidebar qui correspondent au bloc de droite. En fait, on pourrait très bien imaginer vouloir que sur la page d’accueil il n'y ait pas de barre à droite, il y ait juste le contenu principal. Ce que vous allez faire c'est que l'on va appuyer sur F12 pour avoir l'aide au développeur. On va aller voir la structure de la page. Ce qui va nous intéresser ici, c'est de modifier notre template de page. Seulement, si ici, on supprime la sidebar, on aura la sidebar qui sera bien supprimée sur la page d’accueil mais on aura également la sidebar qui sera supprimée sur la page de contenu. En fait, après avoir ouvert l'aide au développeur, on va rechercher notre page. On voit que ça commence bien ici, donc on a themes, custom, formation, templates, page.html.twig. Donc, ça correspond bien à notre template de page propre et, juste au-dessus, on voit ici, file name suggestions. Drupal nous propose des suggestions pour surcharger les templates de page. Ce qui va nous intéresser ici, c'est page front, les noms des suggestions sont assez explicites. Donc on a page--front.html.twig. Si l'on va sur notre contenu, on observe quelque chose de différent. Visiblement, on peut utiliser les templates selon le contexte, c'est-à-dire selon la page sur laquelle on se trouve. On va retourner sur la page d’accueil et on va bien aller créer une page spécifique pour la page d’accueil. Donc ce qu'on fait, on copie notre page, on la colle et on renomme : page--front. Et ici, cette fois-ci, on a une page spécifique pour la page d’accueil. On va supprimer ça, notre sidebar. On vide les caches. On peut fermer l'aide au développeur, on n'en a plus besoin maintenant. Si l'on rafraîchit ici, on a bien la sidebar qui a disparu. Maintenant, si l'on se rend sur Mon horloge, on retrouve notre sidebar avec le Bloc contact. Donc, là, on a bien réussi à utiliser un template différent selon le contexte. En fait, dans Drupal, vous pouvez utiliser cette fonctionnalité de contexte pour absolument tout. F12. Par exemple maintenant, ce menu : on nous suggère, si l'on veut modifier tous les éléments de menu, d'aller surcharger le fichier menu.html.twig. Si l'on veut modifier uniquement, le menu outil, on va aller surcharger menu--tools.html.twig. Cela permet de cibler très précisément, les modifications que vous souhaitez effectuer.

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 !