Créer un thème avec Drupal 8

Comprendre l'inclusion de templates

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Il est souvent nécessaire de mettre en commun certaines ressources (comme le header). C'est ce que vous allez voir dans cette vidéo.
03:30

Transcription

Drupal nous permet également, assez simplement, de mettre en commun certaines parties du code HTML. Prenons un exemple : on souhaite modifier notre header, on va ici mettre une div au lieu de balise header et on va juste, pour bien voir, ajouter un style directement dans l'HTML. Background-color : on va mettre un lightblue. Voilà, sur notre page d’accueil on va voir le fond du header en bleu léger. Donc on a changé la structure du header et on a juste ajouté un background pour bien voir les effets. Si maintenant, on va sur une page de l'intérieur du site, on va voir que ça n'a pas été pris en compte. Donc ici, dans notre cas précis, ce qu'on pourrait faire, c'est copier et coller la même chose ici mais ce n'est pas très pratique dans la mesure où on peut avoir plusieurs pages. Par exemple, on peut avoir des dizaines de pages, on peut avoir des templates de pages spécifiques pour des nœuds, pour d'autre types de contenus. Ce qui va être intéressant, c'est de gérer des inclusions. Je m'explique. La première chose qu'on va faire : on va aller créer un dossier qu'on peut appeler includes. Et on va aller créer un fichier qui s'appelle header.html.twig. Encore une fois, vous vous en doutez, vous l'appelez comme vous voulez. Ce fichier va contenir-- donc, là j'ai fait Ctrl+C, Ctrl+V. --ce fichier va contenir notre header commun. Ensuite ici, on va supprimer notre header et on va gérer notre inclusion. Là, vous avez juste à copier ce que je vous mets à l'écran. On fait accolade, pour cent, pour cent, on fait un include, un tilde (pour y accéder, c'est AltGr+2) et le chemin. Le chemin, c'est à partir de la base du thème. Voilà, on gère notre include. On retourne sur la home. Ok, ça a bien été pris en compte. Donc maintenant, si on va voir notre page d'intérieur du site, forcément, on a ce qu'on avait avant. Donc là, on copie notre inclusion, on la met ici, et, en rafraîchissant, c'est pris en compte. Maintenant pour vérifier que ça fonctionne bien on va juste modifier, en fait, à un seul endroit. On a ça, on a notre vert qui s'affiche en fond et sur la page d'accueil également. Donc là, grâce aux inclusions, on modifie la structure à un seul endroit.

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 !