logo

Types de blocs supplémentaires (EBT) – Nouvelle expérience de Layout Builder❗

Types de blocs supplémentaires (EBT) – types de blocs stylisés et personnalisables : diaporamas, onglets, cartes, accordéons et bien d’autres. Paramètres intégrés pour l’arrière-plan, la boîte DOM, les plugins JavaScript. Découvrez dès aujourd’hui le futur de la création de mises en page.

Démo des modules EBT Télécharger les modules EBT

❗Types de paragraphes supplémentaires (EPT) – Nouvelle expérience Paragraphes

Types de paragraphes supplémentaires (EPT) – ensemble de modules basé sur les paragraphes analogiques.

Démo des modules EPT Télécharger les modules EPT

Défilement
  1. Accueil
  2. Documentation Drupal
  3. Thématisation Drupal 8

Différences thématiques entre Drupal 6, 7 et 8

05/07/2025, by Ivan

Menu

Voici une liste de certains des changements les plus notables dans Drupal 8 qui affectent leur thématisation.

Plus d’informations

1. Drupal 8 génère par défaut un balisage sémantique HTML5 (voir Initiative Drupal 8 HTML5) par rapport à XHTML dans Drupal 6 et 7.
2. En plus de jQuery v2.x, Drupal 8 inclut désormais plus de bibliothèques d’interface utilisateur telles que Modernizr, Underscore.js et Backbone.js.
3. Le module principal RDF dans Drupal 8 génère un balisage schema.org.
4. Drupal 8 améliore l’accessibilité grâce à une large utilisation des attributs WAI-ARIA.
5. Drupal 8 introduit Twig, qui remplace PHPTemplate comme moteur de thème par défaut. Cela signifie que les fonctions theme_* et les fichiers *.tpl.php basés sur PHP ont été remplacés par des templates *.html.twig.
6. Drupal 8 inclut par défaut des fonctionnalités améliorant la performance, telles que l’agrégation CSS et JavaScript.
7. Drupal 8 propose de nouveaux éléments d’interface utilisateur que vous utilisez sur vos propres écrans d’administration, y compris les dialogues modaux et les boutons de glisser-déposer.
8. Drupal 8 comprend des fonctionnalités responsives telles que les thèmes adaptatifs, la barre d’outils, les images et les tableaux.
9. Dans Drupal 6 et 7, pour ajouter du CSS ou JS à une page spécifique, il fallait utiliser respectivement les fonctions drupal_add_css() et drupal_add_js(). Désormais, cela est remplacé par l’ajout de ressources JS/CSS via la propriété #attached du tableau de rendu avec des bibliothèques.
10. Drupal 8 ne supporte plus IE 6, 7 et 8, ce qui permet d’utiliser jQuery 2.0 et d’autres codes qui supposent le support des navigateurs modernes HTML5 / CSS3.
11. Drupal 8 ne supporte pas les navigateurs ne supportant pas SVG (y compris IE8 et Android Browser 2.3).
12. Drupal 8 contient moins d’identifiants CSS que Drupal 7.
13. La structure CSS (fichiers) de Drupal 8 est basée sur SMACSS et BEM.
14. Le CSS de Drupal 8 utilise des pseudo-sélecteurs CSS3.
15. Drupal 8 inclut Classy, un thème de base qui ajoute des classes au balisage et inclut le CSS associé. Cela remplace de nombreuses fonctions de prétraitement et fichiers CSS qui étaient auparavant dans les modules principaux.
16. Drupal 8 déplace les classes CSS des fonctions de prétraitement vers les templates Twig.
17. Drupal 8 utilise des media queries breakpoint pour contrôler l’apparence du site sur différents appareils.

Différences de classes CSS entre D7 et D8

Menu

D7 :

.menu li.expanded
.menu li.collapsed
.menu li.leaf
.menu li.active-trail
.menu li.first
.menu li.last

D8 :

.menu-item--expanded
.menu-item--collapsed
.menu-item--active-trail
.menu-item:first-child
.menu-item:last-child

.menu-item--leaf était peu utilisé, il a donc été supprimé. Il est possible de le rajouter. Voir l’exemple https://www.drupal.org/node/2425691#comment-9629101
@todo remplacer par un lien dans cette documentation.