Articles
De nombreux templates Twig contiennent un ou plusieurs objets Attribute passés comme variables. L'objet Attribute a pour rôle de stocker un ensemble d'attributs HTML, offrant au développeur des méthodes pratiques pour manipuler ces données et permettant d'afficher facilement les attributs. Par exemple, attribute.addClass('myclass') facilite l'ajout d'une classe sans se soucier de concaténer précisément les chaînes.
Typiquement, les attributs dans un template ressemblent Ă ceci :
Comme dans Drupal 7, vous pouvez influencer la sortie d’un certain HTML grâce aux fonctions de prétraitement. Par exemple, si vous souhaitez ajouter une classe à un menu et préférez le faire au niveau PHP, vous pouvez le faire. C’est un bon moyen de modifier le balisage lié au thème, mais si vous voulez créer un balisage indépendant du thème, il vaut mieux écrire un module personnalisé.
(Remarque : pour les besoins de cette documentation, « mytheme » est le nom machine de votre thème ; par exemple, « bartik » est le nom machine du thème.)
Dans Drupal 8, il n’existe pas d’interface utilisateur pour éditer les breakpoints. Puisque les breakpoints sont définis dans des fichiers de configuration, il est également impossible de fournir une interface utilisateur dans les modules contrib.
Dans la section d’administration de Drupal, chaque thème possède sa propre page de réglages accessible à l’adresse admin/Appearance/Settings/themeName. Cette page contient un formulaire avec des réglages standards, tels que « Réglages de l’image du logo » et « Réglages de l’icône du favicon ».
Voici une liste de certains des changements les plus notables dans Drupal 8 qui affectent leur thématisation.
Changements dans les classes principales
Simplification des noms des classes auxiliaires "element-x"
Drupal 7 a introduit plusieurs nouvelles classes : element-hidden, element-invisible et element-focusable. Il était difficile de comprendre précisément ce que ces classes faisaient d'après leurs noms, c'est pourquoi les noms de classes ont été modifiés.
Ce document a été utilisé pendant la majeure partie du processus de conversion Twig pour Drupal 8 et peut également vous être utile pour mettre à jour vos propres thèmes et modules afin d’utiliser le moteur de templates Twig dans Drupal 8.
Note : tout le travail avec Twig est désormais effectué dans la file des problèmes du cœur Drupal. Utilisez uniquement le sandbox de conversion Twig pour retrouver les templates et fonctions déjà convertis.
L’utilisation d’outils d’automatisation simplifie la création de thèmes. Ici, nous allons utiliser gulp js pour créer un outil d’automatisation pour un thème personnalisé.
Travail avec Gulp 3.x et Node 10.x et versions inférieures
Étapes :
1. Installation de Node.js
Téléchargez et installez la dernière version de NodeJS depuis le site nodejs.org. Le processus d’installation peut varier selon votre système d’exploitation.
2. Installer Gulp
Dans la section précédente, nous avons compris comment créer un sous-thème avec l’héritage de différentes propriétés.
La liste ci-dessous résume les propriétés héritées :
En travaillant avec les z-index (couches) dans Drupal, les développeurs doivent parfois expérimenter pour savoir si un élément déplacé vers le haut ou le bas de la pile couvrira ou sera couvert par un élément thématisé par un module noyau ou un thème. Pour gagner du temps à comprendre ce qui se passe au niveau des couches, voici un tableau listant toutes les occurrences des z-index dans le noyau. Un module ou thème avec héritage ne contient que quelques entrées si l’héritage ne modifie pas la valeur du z-index, sinon il obtient une nouvelle ligne.