- Palette 🎨
-
Ressourcen
- Forum
- DrupalBook
- Blog
-
Fallstudien
- Automatische Übersetzung von Drupal-Seiten mit KI
- CI‑gesteuertes Konfigurationsmanagement
- Drupal als Backend: GraphQL, JSON:API, RESTful
- Wie man riesige Menüs in Drupal pflegt
- Colorbox durch GLightbox ersetzen
- Neuschreiben von CKEditor‑4‑Plugins für CKEditor 5
- Aktualisierung von Drupal 7 auf die neueste Drupal‑Version
- Drupal Documentation
- JSON Drop API Dokumentation
- Was gibt's Neues
- Drupal herunterladen
-
Kontakte
Palette - Mach es bunt🎨
Palette - Visueller Page Builder. Keine Designkenntnisse nötig.
7. Drupal: Fortgeschrittenes Theming
Menu
- Drupal mit Lando installieren
- 1. Drupal: Grundfunktionen
- 2. Drupal: Konfiguration
- 3. Drupal: Webseiten-Erstellung
- 4. Drupal Commerce – Onlineshop-Modul für Drupal
- 5. Drupal und SEO.
- 6. Drupal: Theming
-
7. Drupal: Fortgeschrittenes Theming
- 7.1. Theme-Builder für Drupal 8
- 7.2. Erstellen von Themes auf Basis von Bootstrap. Kompilieren von SASS mit Gulp
- 7.3. Cache in Drupal deaktivieren. Debug-Informationen im Template ausgeben.
- 7.4. Vorbereitung einer mobilen Version der Website zum Thema Bootstrap in Drupal
- 7.5. Hinzufügen des Services-Blocks mit Bootstrap-Spalten
- 7.6. Isotope-Galerie für Drupal
- 7.7. Block mit YouTube-Video in Drupal
- 7.8. Block mit Twitter in Drupal
- 7.9. Block mit sozialen Symbolen in Drupal
- 7.10. Diashow für Drupal
- 7.11. Webformular Drupal Feedback-Formular
- 7.12. Website-Footer, Pixel-Perfect-Layout
- 9. Modulentwicklung für Drupal
- Drupal entkoppelt. Backend-Erstellung mit Drupal.
- Alte Artikel
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
Quelle:
https://github.com/Drupalbook/bootstrap
Wir werden außerdem betrachten, wie man adaptives Layout erstellt, so dass derselbe HTML-Code sowohl für die mobile als auch für die Desktop-Version verwendet wird:
Seitenlayout:
