Articles
Wenn Sie die Datei page.html.twig des Stable-Themes öffnen:
/core/themes/stable/templates/layout/page.html.twig
werden Sie feststellen, dass sie sich vom Drupal 7 page.tpl.php Template unterscheidet, erstens durch die Dateiendung und zweitens durch die Vielzahl von geschweiften Klammern {}. Das liegt daran, dass Drupal die Twig Template-Engine verwendet.
In den vorherigen Tutorials haben wir bereits CSS zu unserem Theme hinzugefügt. Dazu haben wir in der Datei drupalbook.info.yml angegeben:
libraries:
- drupalbook/global-styling
Als Nächstes haben wir die Datei drupalbook.libraries.yml erstellt, in der wir bereits angegeben haben, welche CSS-Datei eingebunden werden soll:
Wir haben bereits gesehen, dass Twig in Drupal integriert ist und wie man es verwendet. In diesem Artikel werden wir besprechen, wie man mit Drupal-Templates arbeitet, welche Templates im Stable-Theme enthalten sind, wie man Stable-Templates überschreibt und wie man Templates verschiedener Drupal-Entitäten überschreibt.
Beginnen wir also mit den Templates des Stable-Themes, gehen Sie zum Templates-Ordner des Stable-Themes:
Templates sind nach funktionalen Attributen unterteilt:
Damit Sie eine neue Region haben, über die Sie Blöcke anzeigen können, müssen Sie:
- Region-Informationen zur Datei theme.info.yml hinzufügen
- Die Datei page.html.twig bearbeiten und die Ausgabe der neuen Region hinzufügen
Region-Daten zur Datei drupalbook.info.yml hinzufügen
Alle Regionen sind durch den Schlüssel regions vereint:
Um anzufangen, kehren wir zurück dazu, wie man benutzerdefinierte JavaScript-Dateien in unser Theme einbindet. In der .libraries.yml-Datei müssen Sie js einbinden:
Sehr oft passt uns das Views-Template nicht, daher können wir die Templates für Views überschreiben. Leider gibt es keine Benutzeroberfläche, um im Views-Template nach der gewünschten Vorlage zu suchen, aber wir können Muster verwenden, um Templates neu zu definieren.
Mehr zu den Mustern in diesem Artikel:
6.6. Arbeiten mit Templates in Drupal. Was sind die Templates im Drupal-Core.
Besonders interessiert uns Folgendes:
Drupal ist nicht nur ein CMS, sondern eine Plattform zur Entwicklung Ihrer Webanwendung. Wenn Sie sich entscheiden, Ihr eigenes Theme zu erstellen, werden Sie mehrere Frameworks dafür finden. In diesem Artikel betrachten wir die beliebtesten davon.
Bootstrap
Drupal verfügt über nur wenige fertige, schöne und funktionale Themes. Aber Drupal lässt sich sehr einfach mit allen Drittanbieter-Bibliotheken und -Diensten integrieren. So kann man zum Beispiel sein Theme auf Basis von Bootstrap erstellen und die volle Leistungsfähigkeit von Drupal nutzen. In diesem Abschnitt der drupalbook.org-Seite besprechen wir, wie man Themes schnell und bequem aus jedem Layout erstellt.
PSD Layout:
https://drupalbook.org/sites/default/files/blueasy-freebie.zip
In früheren Lektionen haben wir bereits gesehen, wie man ein Theme basierend auf einem anderen Stable-Theme erstellt. In diesem Tutorial zeigen wir, wie man ein Theme basierend auf Bootstrap erstellt, einem beliebten Framework zur schnellen Erstellung von Seitenlayouts.
Ich nehme an, Drupal ist bereits installiert. Gehen wir zur Installation von Bootstrap über:
Bevor Sie mit der Entwicklung unter Drupal 8 beginnen, müssen Sie den Cache deaktivieren. Im Gegensatz zu Drupal 7 werden in der 8. Version von Drupal nicht nur Entitäten, Views und Felder zwischengespeichert, sondern jetzt auch kompilierte Twig- und Render-Templates. Um diesen gesamten Cache zu deaktivieren, müssen Sie Folgendes tun.
1. Kopieren Sie die Datei /sites/example.settings.local.php in die Datei /sites/default/settings.local.php
Diese Datei enthält bereits die notwendigen Einstellungen, um den Cache zu deaktivieren.