Créer un thème avec Drupal 8

Surcharger un fichier de thème

Testez gratuitement nos 1330 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Découvrez techniquement comment utiliser vos fichiers de template au lieu des fichiers utilisés par défaut par Drupal.
04:55

Transcription

Voyons à présent comment sont stockés les fichiers de thème. Comme on a pu le voir, les fichiers de thème livrés avec un Drupal natif sont stockés dans «corps» puis «themes». Prenez le dossier de votre thème et dans le dossier «templates» vous retrouvez vos fichiers de thème. On déduit assez facilement la logique : on a notre page et on a les fichiers de thème de noeud avec tout un explicatif que vous pouvez laisser. Cela peut vous aider à comprendre le fonctionnement, cela vous donne des informations sur les variables qui sont disponibles et ici, on trouve la structure d'un noeud sous format d'une balise «article». On retrouve un template pour une page «maintenance», on retrouve des templates de blocks, de commentaires, etc. En fait, si vous voulez utiliser vos propres fichiers de thème, vous vous rendez dans le thème que nous venons de créer et qui est dans «theme» : on va reprendre à la racine. On a ça, on a ça ici qui est ouvert, donc on part dans «themes». Je m'étais trompé : j'ai copié le dossier «formation» dans «contrib». Il faut le mettre dans «custom», donc on va le déplacer. On va devoir vider le cache car on a modifié la structure. On a donc «custom», «formation» et ici notre page page.html.twig. Au bout d'un moment, on aura beaucoup de fichiers de thème. On va donc créer un dossier spécifique pour les recevoir. Drupal va tout de même les trouver. On va créer un dossier «template». «Terminer». On crée page.html.twig dedans. On fait une modification pour voir si tout a bien été pris en compte. On vide le cache car on a déplacé des fichiers. On a bien «TEST FORMATION 4», donc on utilise le bon fichier. Maintenant, je vais faire «F12» pour afficher l'aide au développeur. Admettons qu'on souhaite modifier la façon dont les noeuds sont affichés. On retrouve ici le block et la région : on descend. Si on veut modifier la façon dont les noeuds sont affichés, on va aller sur un exemple de noeud. Ici, on a «Nom de mon horloge» : l'horloge s'affiche en pleine page. Je vais aller faire une recherche sur l'image, par exemple, pour retrouver plus facilement la structure du noeud. Quand on passe sur notre corps «article», on voit que le noeud est en surbrillance. On a donc notre balise «article» et dans notre thème «bartik», on va aller copier notre node.html.twig pour surcharger l'utilisation du noeud et l'adapter à nos besoins. On le colle ici. On va fermer. On a un noeud en pleine page, on l'a écrit. On vide les caches. On actualise. On a dans l'article, à un endroit, «NOEUD PLEINE PAGE» qui s'affiche. Si ici on souhaite mettre les informations métas en gras, on va saisir une balise «b» pour mettre nos informations en gras. On actualise. Pour la démonstration, on va ensuite mettre notre contenu en gras. Je précise que j'utilise pour l'instant des balise mais on verra bien sûr comment intégrer et modifier du CSS dans notre thème. C'est vraiment juste pour vous montrer qu'on peut modifier notre template de noeud assez facilement. En général, vos templates de noeuds vous permettront de modifier la structure et non l'aspect qui sera géré par vos fichiers CSS. Vos templates de noeuds vous permettent de pouvoir modifier la structure avec par exemple page.html.twig qui vous permettra de modifier l'ensemble du fonctionnement de la page, les noeuds, etc, etc. Pour l'instant, ne tenez pas compte des paramètres entre accolades et double accolades. On verra bien sûr dans cette formation comment gérer tout cela. Là, on a rajouté une balise «b» pour mettre du texte en gras. On retourne sur notre page en Front Office. On a notre texte qui est tout à fait normal : on actualise. On a surchargé et fait une modification grâce aux fichiers de template.

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 !