Articles
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.
In der letzten Lektion haben wir gesehen, wie man LESS mit dem eingebauten Watcher in PhpStorm kompiliert. In diesem Tutorial erstellen wir ein Theme basierend auf SASS Bootstrap. Wenn Sie Schwierigkeiten mit LESS und der Kompilierung über PhpStorm haben, können Sie Gulp und SASS ausprobieren. In diesem Stadium der Lektionen ist es für uns egal, ob wir LESS oder SASS verwenden. Ich empfehle jedoch SASS und Gulp, da die Kompilierung schneller ist und Gulp einfacher zu konfigurieren ist.
In diesem Video zeigen wir, wie man Blöcke mit Youtube-/Vimeo-Videos hinzufügt.
Video:
https://youtu.be/vpfcJQkNQww
PSD-Layout:
https://github.com/Drupalbook/bootstrap/raw/master/blueasy-freebie.zip