Articles
Wenn Sie sich entscheiden, Ihre eigene Website zu erstellen oder bereits eine erstellt haben – aber Ihre Website wird nicht besucht? Sie sind nicht der Erste, der eine Website erstellt, und höchstwahrscheinlich nicht der Erste, der eine Website speziell zu Ihrem Thema erstellt: Tourismus, Autos, Immobilien. Wahrscheinlich gibt es schon dutzende, wenn nicht hunderte, Websites, die Ihrer ähneln. Jeder Ihrer Mitbewerber hat bereits eine Website. Gut, wenn Sie schon eine Zielgruppe haben, aber es gibt auch Seiten, die dazu bestimmt sind, vergessen und verloren zu gehen.
Das Erste, was Sie tun sollten, wenn Sie mit der Förderung Ihrer Website auf Drupal beginnen, ist die Installation des SEO Checklist-Moduls:
Das Theming in Drupal 8 wurde verändert. Dies liegt vor allem am Übergang zur objektorientierten Programmierung und der Verwendung der Twig-Template-Engine. Früher reichte es aus, ein wenig PHP, HTML und CSS zu lernen und mit dem Erstellen eines eigenen Themes zu beginnen, jetzt muss man sich auch mit Twig auseinandersetzen. Einerseits erschwert das die Entwicklung von Drupal, andererseits vereinfacht es den Entwicklungsprozess.
Drupal verwendet die neue Twig Template-Engine. Deshalb wurden alle Themes für Twig neu erstellt. Schauen wir uns den Ordner /core/themes an, um zu sehen, was dort liegt:
Wir sehen Twig Templates; die Builder-Themes Classy, Stable, Stark; sowie die fertigen Themes Bartik und Seven.
Twig Template
Drupal integriert Teile der Symfony Bibliotheken:
Im letzten Artikel haben wir eine Diashow mit Views Slideshow erstellt. Aber der Paginator mit kleinen Bildern ist noch ungestylt.
In diesem Artikel sehen wir, wie man OwlCarousel hinzufügt und mit einer zusätzlichen Bibliothek CSS einbindet.
Wir verwenden hier ein eigenes Modul, um OwlCarousel einzubinden. Beim nächsten Mal stylen wir die Diashow direkt in den Theme-Dateien.
https://drupalbook.org/sites/default/files/inline-images/drupalbook_owlcarousel.zip
In diesem Video erfahren wir, wie man mit dem leistungsstarken Formular-Builder Webform arbeitet. Gehen wir zur Modulseite. Um Webforms zu erstellen, müssen wir die Module Webform und Webform UI aktivieren. Wenn Sie Webforms als Node-Seiten anzeigen möchten, benötigen Sie außerdem das Modul Webform Node.
Zuerst müssen wir lernen, wie man Blöcke und Seiten mit Views anzeigt. Beginnen wir mit den Seiten. Wir zeigen alle Artikel auf unserer Seite an.
Ausgabe von Seiten über Views.
Erstellen wir unsere erste View, gehen Sie zum Menü Verwaltung - Struktur — Views.
Zen ist das beliebteste Builder-Theme für Drupal. Wenn Sie schnell ein responsives Design für eine Website basierend auf einem Drei-Spalten-Layout erstellen möchten, dann ist Zen genau das Richtige für Sie. Sie installieren es einfach, führen npm install aus, und Zen bereitet die Grundlage für Ihr Design vor. Lassen Sie uns Schritt für Schritt vorgehen.
Laden Sie das Zen-Parent-Theme von der offiziellen Website herunter:
In Drupal 7 konnte man schnell und einfach ein Subtheme auf Zen-Basis erstellen und mit dem Aufbau der Website beginnen. Seit Drupal 8 gibt es ebenfalls mehrere Theme-Builder zur Erstellung eigener Themes. Bevor man jedoch ein Subtheme darauf erstellt, muss man sich ein wenig darüber informieren, wo was liegt.
Die Drupal-Entwickler schlagen vor, das Beispielthema Stark zu betrachten. Dieses Thema wurde zu Drupal hinzugefügt, um sich mit der Anordnung eines Themes vertraut zu machen. Schauen wir, was sich in diesem Theme befindet:
Stark.info.yml Datei
Ab diesem Artikel beschäftigen wir uns mit unserem eigenen Theme in Drupal. In diesem Abschnitt des Tutorials analysieren wir die Grundlagen eines Themes in Drupal: Wo was liegt, wie man CSS und JavaScript einbindet und nutzt. Unser Theme wird auf dem Core-Theme Stable als Basis aufbauen. Wenn Sie Drupal lernen möchten, ist Stable ein großartiger Startpunkt. Beginnen Sie nicht mit Bootstrap, da Sie sonst ständig auf Fragen und Fehler stoßen werden. Im nächsten Abschnitt des Tutorials, mit unserem Wissen über die Erstellung von Themes für Drupal, werden wir mit Bootstrap arbeiten.