Articles
Drupal verfügt über ein leistungsfähiges Bildverwaltungssystem, das es ermöglicht, Bildstile zu erstellen, die verschiedene Effekte auf Bilder anwenden und Ableitungen des Originalbildes erzeugen können.
Viele Entwickler bevorzugen es, Header- und Footer-Code in separaten Dateien zu speichern und diese Dateien in page.html.twig einzubinden.
Vorgehen
Angenommen, Sie haben folgende Datei im Theme-Ordner für den Header erstellt:
THEME_NAME/templates/includes/header.html.twig
Und nun möchten Sie diese Datei in
Viele Twig-Templates enthalten ein oder mehrere Attribute-Objekte, die als Variablen übergeben werden. Die Aufgabe eines Attribute-Objekts besteht darin, eine Sammlung von HTML-Attributen zu speichern, dem Entwickler nützliche Methoden für die Interaktion mit diesen Daten bereitzustellen und das einfache Ausgeben der Attribute zu ermöglichen. Zum Beispiel erleichtert attribute.addClass('myclass') das Hinzufügen einer Klasse, ohne sich um das genaue Verkettungsformat kümmern zu müssen.
Attribute werden im Template üblicherweise folgendermaßen verwendet:
Wie in Drupal 7 können Sie die Ausgabe bestimmter HTML-Elemente über Preprocess-Funktionen beeinflussen. Wenn Sie beispielsweise einer Menüausgabe eine Klasse hinzufügen möchten und dies lieber auf PHP-Ebene tun, ist das möglich. Dies ist ein guter Weg, um themenbezogene Markup-Anpassungen vorzunehmen. Möchten Sie jedoch themenunabhängiges Markup erstellen, ist es besser, ein eigenes Modul zu schreiben.
(Hinweis: In dieser Dokumentation steht „mytheme“ für den Maschinennamen Ihres Themes, z. B. ist „bartik“ der Maschinename des Bartik-Themes.)
In Drupal 8 gibt es keine Benutzeroberfläche zum Bearbeiten von Breakpoints. Da Breakpoints in Konfigurationsdateien definiert sind, ist es auch nicht möglich, eine Benutzeroberfläche in Contrib-Modulen bereitzustellen.
Im Drupal-Administrationsbereich hat jedes Theme seine eigene Einstellungsseite unter admin/Appearance/Settings/themeName. Diese Seite enthält ein Formular mit Standardoptionen wie „Logo-Bildeinstellungen“ und „Shortcut-Icon-Einstellungen“.
Dies ist eine Liste einiger der auffälligsten Änderungen in Drupal 8, die deren Theming betreffen.
Änderungen in den Hauptklassen
Vereinfachte Namen der Hilfsklassen „element-x“
Drupal 7 führte einige neue Klassen ein: element-hidden, element-invisible und element-focusable. Es war schwer, genau zu verstehen, was diese Klassen anhand ihrer Namen bewirkten, daher wurden die Klassennamen geändert. Die neuen Namen sollen das Verständnis der Klassen erleichtern und besser zur HTML 5 Boilerplate, einer beliebten HTML5-Umgebung, passen.
Dieses Dokument wurde während des größten Teils des Twig-Umstellungsprozesses für Drupal 8 verwendet und kann auch für Sie nützlich sein, um Ihre eigenen Themes und Module für die Verwendung der Twig-Template-Engine in Drupal 8 zu aktualisieren.
Hinweis: Alle Arbeiten mit Twig werden nun im Drupal Core Issue Queue durchgeführt. Verwenden Sie nur die Twig-Umstellungs-Sandbox, um bereits umgestellte Templates und Funktionen zu finden.
Die Verwendung von Automatisierungstools erleichtert die Erstellung von Themes. Hier verwenden wir gulp js, um ein Automatisierungstool für ein benutzerdefiniertes Theme zu erstellen.
Arbeiten mit Gulp 3.x und Node 10.x und niedriger
Schritte:
1. Node.js installieren
Laden Sie die neueste NodeJS-Version von nodejs.org herunter und installieren Sie sie. Der Installationsprozess kann je nach Betriebssystem variieren.
2. Gulp installieren