Differenze di theming tra Drupal 6, 7 e 8

Questo è un elenco di alcune delle modifiche più significative in Drupal 8 che influenzano il theming.

Ulteriori informazioni

1. Drupal 8 utilizza il markup semantico HTML5 di default (vedi Iniziativa Drupal 8 HTML5) rispetto a XHTML in Drupal 6 e 7.
2. Oltre a jQuery v2.x, Drupal 8 include più librerie front-end, come Modernizr, Underscore.js e Backbone.js.
3. Il modulo core RDF in Drupal 8 fornisce markup schema.org.
4. In Drupal 8 è stata migliorata l’accessibilità grazie all’uso esteso degli attributi WAI-ARIA.
5. Drupal 8 introduce Twig, che sostituisce PHPTemplate come motore di template predefinito. Ciò significa che le funzioni theme_* e i file *.tpl.php basati su PHP sono stati sostituiti con template *.html.twig().
6. Drupal 8 include di default funzioni per migliorare le performance, come aggregazione CSS e JavaScript.
7. Drupal 8 fornisce nuove componenti di interfaccia utente da usare anche nelle schermate di amministrazione, tra cui finestre modali e pulsanti drag-and-drop.
8. Drupal 8 offre funzionalità responsive, come temi adattivi, toolbar, immagini e tabelle.
9. In Drupal 6 e 7, per aggiungere CSS o JS a una pagina specifica era necessario usare le funzioni drupal_add_css() e drupal_add_js(). Ora questo è sostituito dall’aggiunta di risorse JS / CSS nella proprietà #attached dell’array di rendering tramite le librerie.
10. Drupal 8 non supporta più IE 6, 7 e 8, il che consente l’uso di jQuery 2.0 e altro codice che presuppone il supporto per browser moderni HTML5 / CSS3.
11. Drupal 8 non supporta browser che non supportano SVG (inclusi IE8 e Android Browser 2.3).
12. Drupal 8 contiene meno ID nei CSS rispetto a Drupal 7.
13. La struttura CSS (file) di Drupal 8 è basata su SMACSS e BEM.
14. Il CSS di Drupal 8 utilizza pseudo-selettori CSS3.
15. Drupal 8 include Classy, un tema di base che implementa classi nel markup e include CSS relativo. Questo sostituirà molte funzioni di preprocess e file CSS che prima erano inclusi nei moduli core.
16. Drupal 8 sposta le classi CSS dalle funzioni di preprocess ai template Twig.
17. Drupal 8 utilizza media query breakpoint per controllare l’aspetto del sito su diversi dispositivi.

Modifiche delle classi CSS tra D7 e D8

Menu

D7:

• Aggiornamento dei temi da 7.x a 8.x
• Avviso di modifica per i themers
• Guida al theming di Drupal 8 di Sqndr
• Guida definitiva a Drupal 8: Episodio 5 - Miglioramenti per sviluppatori front-end

.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 era usato raramente, quindi è stato rimosso. Può comunque essere aggiunto di nuovo. @ vedi esempio https://www.drupal.org/node/2425691#comment-9629101
@todo sostituire con un link in questa documentazione.