Drupal dispose d’un puissant système de gestion des images qui permet de créer des styles d’image, lesquels peuvent appliquer différents effets aux images et générer des dérivés de l’image source.

De nombreux développeurs préfèrent stocker les codes d’en-tête et de pied de page dans un fichier séparé et inclure ce fichier dans page.html.twig.

Processus

Supposons que vous avez créé le fichier suivant dans le dossier de votre thème pour l’en-tête :

THEME_NAME/templates/includes/header.html.twig

Et maintenant, vous souhaitez inclure ce fichier dans :

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