Si vous ouvrez le fichier template page.html.twig du thème Stable :

/core/themes/stable/templates/layout/page.html.twig

Vous constaterez qu’il diffère du template page.tpl.php de Drupal 7, d’abord par l’extension, ensuite par l’abondance d’accolades {}. Cela s’explique par le fait que Drupal utilise le moteur de templates Twig.

Dans les tutoriels précédents, nous avons déjà connecté le CSS à notre thème. Pour cela, nous avons indiqué dans le fichier drupalbook.info.yml :

libraries:
  - drupalbook/global-styling

Ensuite, nous avons créé le fichier drupalbook.libraries.yml, où nous avons spécifié les fichiers CSS à inclure :

Nous avons déjà vu que Drupal intègre Twig et comment l’utiliser. Dans cet article, nous allons expliquer comment travailler avec les templates Drupal, quels templates se trouvent dans le thème Stable, comment redéfinir les templates du thème Stable, ainsi que comment redéfinir les templates de diverses entités Drupal.

Commençons donc par les templates du thème Stable, rendez-vous dans le dossier templates du thème Stable :

Pour ajouter une nouvelle région permettant d’y afficher des blocs, vous devez :

• Ajouter les informations de la région dans le fichier theme.info.yml
• Modifier le fichier page.html.twig en y ajoutant l’affichage de cette nouvelle région

Ajouter les données de la région dans drupalbook.info.yml

Toutes les régions sont regroupées sous la clé regions :

Pour commencer, revenons à la manière d’inclure des fichiers JavaScript personnalisés dans notre thème. Dans le fichier .libraries.yml, vous devez inclure js :

Très souvent, le template Views ne nous convient pas, donc nous pouvons surcharger les templates pour Views. Malheureusement, il n’existe pas d’interface pour rechercher facilement le template voulu dans Views, mais on peut utiliser des motifs (patterns) pour redéfinir les templates.

Plus d’informations sur les patterns dans cet article :

6.6. Travailler avec les templates dans Drupal. Qu’est-ce que les templates dans le cœur de Drupal.

Drupal n’est pas seulement un CMS, c’est une plateforme pour développer votre application web. Si vous décidez de créer votre propre thème, vous trouverez plusieurs frameworks pour cela. Dans cet article, nous allons examiner les plus populaires d’entre eux.

Bootstrap

https://www.drupal.org/project/bootstrap

http://getbootstrap.com/

Drupal dispose de très peu de thèmes prêts à l’emploi à la fois beaux et fonctionnels. Cependant, Drupal s’intègre très facilement avec toutes les bibliothèques et services tiers. Par exemple, vous pouvez créer votre thème basé sur Bootstrap et utiliser toute la puissance de Drupal. Dans cette section du site drupalbook.org, nous expliquerons comment créer des thèmes rapidement et simplement à partir de n’importe quelle maquette.

Dans les leçons précédentes, nous avons vu comment créer un thème basé sur un autre thème Stable. Dans ce tutoriel, nous allons montrer comment créer un thème basé sur Bootstrap, un framework populaire pour créer rapidement des mises en page.

Je suppose que Drupal est déjà installé. Passons à l’installation de Bootstrap :

Avant de commencer le développement sous Drupal 8, vous devez désactiver le cache. Contrairement à Drupal 7, dans la version 8, non seulement les entités, vues, champs sont mis en cache, mais aussi les templates Twig compilés et les rendus. Pour désactiver tout ce cache, voici la procédure :

1. Copiez le fichier /sites/example.settings.local.php vers /sites/default/settings.local.php

Ce fichier contient déjà les réglages nécessaires pour désactiver le cache.