logo

Extra Block Types (EBT) - Neue Erfahrung im Layout Builder❗

Extra Block Types (EBT) - gestylte, anpassbare Blocktypen: Diashows, Registerkarten, Karten, Akkordeons und viele andere. Eingebaute Einstellungen für Hintergrund, DOM Box, Javascript Plugins. Erleben Sie die Zukunft der Layouterstellung schon heute.

Demo EBT-Module EBT-Module herunterladen

❗Extra Absatztypen (EPT) - Erfahrung mit neuen Absätzen

Extra Paragraph Types (EPT) - analoger, auf Absätzen basierender Satz von Modulen.

Demo EPT-Module EPT-Module herunterladen

Scroll
  1. Startseite
  2. Drupal-Dokumentation
  3. Theming in Drupal 8

Thematische Unterschiede zwischen Drupal 6, 7 und 8

19/06/2025, by Ivan

Menu

Dies ist eine Liste einiger der auffälligsten Änderungen in Drupal 8, die deren Theming betreffen.

Mehr Informationen

1. Drupal 8 gibt standardmäßig semantisches HTML5-Markup aus (siehe die Drupal 8 HTML5-Initiative) im Vergleich zu XHTML in Drupal 6 und 7.
2. Neben jQuery v2.x enthält Drupal 8 jetzt mehr UI-Bibliotheken wie Modernizr, Underscore.js und Backbone.js.
3. Das Kernmodul RDF in Drupal 8 gibt Markup nach schema.org aus.
4. In Drupal 8 wurde die Barrierefreiheit durch umfangreiche Nutzung von WAI-ARIA-Attributen verbessert.
5. Drupal 8 führt Twig als Standard-Template-Engine ein, die PHPTemplate ersetzt. Das bedeutet, dass theme_* Funktionen und auf PHP basierende *.tpl.php Dateien durch *.html.twig Templates ersetzt wurden.
6. Drupal 8 enthält standardmäßig Funktionen zur Leistungsverbesserung wie CSS- und JavaScript-Aggregation.
7. Drupal 8 bringt neue UI-Elemente mit, die Sie in eigenen Admin-Oberflächen verwenden können, darunter modale Dialoge und Drag-and-Drop-Buttons.
8. Drupal 8 bietet responsive Features wie responsive Themes, Toolbar, Bilder und Tabellen.
9. In Drupal 6 und 7 musste man zur Einbindung von CSS oder JS auf bestimmten Seiten drupal_add_css() und drupal_add_js() verwenden. Jetzt wird dies durch das Anhängen von JS/CSS-Ressourcen im #attached-Array mittels Bibliotheken ersetzt.
10. Drupal 8 unterstützt keine IE-Versionen 6, 7 und 8 mehr, wodurch jQuery 2.0 und anderer moderner HTML5/CSS3-Code verwendet werden kann.
11. Drupal 8 unterstützt keine Browser, die kein SVG unterstützen (inklusive IE8 und Android Browser 2.3).
12. Drupal 8 verwendet weniger CSS-IDs als Drupal 7.
13. Die CSS-Struktur in Drupal 8 basiert auf SMACSS und BEM.
14. Drupal 8 CSS verwendet CSS3 Pseudo-Selektoren.
15. Drupal 8 bringt Classy, ein Basistheme, das Klassen in das Markup einführt und dazugehöriges CSS einschließt. Dies ersetzt viele Preprocess-Funktionen und CSS-Dateien, die vorher in Kernmodulen enthalten waren.
16. Drupal 8 verschiebt CSS-Klassen aus Preprocess-Funktionen in Twig-Templates.
17. Drupal 8 verwendet Breakpoint Media Queries, um das Erscheinungsbild der Seite auf verschiedenen Geräten zu steuern.

CSS-Klassenänderungen zwischen D7 und D8

Menü

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 wurde selten verwendet und wurde deshalb entfernt. Es kann bei Bedarf wieder hinzugefügt werden. Siehe Beispiel https://www.drupal.org/node/2425691#comment-9629101
@todo Link in dieser Dokumentation ersetzen.

Source URL:
Theming differences between Drupal 6, 7 & 8
Source authors:
batigolix iantresman heather djac mbrett5062 brunodbo chrisfree ashish_nirmohi alexbea tvn nbchip kari.kaariainen shobhit_juyal

Drupal’s online documentation is © 2000-2020 by the individual contributors and can be used in accordance with the Creative Commons License, Attribution-ShareAlike 2.0. PHP code is distributed under the GNU General Public License.