- Palette 🎨
-
Hulpbronnen
- Forum
- Drupal Boek
- Blog
-
Casestudy’s
- Automatische vertaling van Drupal-pagina’s met AI
- CI-gestuurd configuratiebeheer
- Drupal als backend: GraphQL, JSON:API, RESTful
- Hoe je enorme menu’s in Drupal onderhoudt
- Vervang Colorbox door GLightbox
- Herschrijven van CKEditor 4‑plugins voor CKEditor 5
- Upgrade van Drupal 7 naar de nieuwste versie van Drupal
- Drupal-documentatie
- JSON Drop API-documentatie
- Wat is er nieuw
- Download Drupal
-
Contact
Palette - Maak het kleurrijk🎨
Palette - Visuele Page Builder. Je hoeft geen designer te zijn.
7. Drupal: Geavanceerde theming
Menu
- Installeer Drupal met Lando
- 1. Drupal: Basisfuncties
- 2. Drupal: Configuratie
- 3. Drupal: Websiteopbouw
- 4. Drupal Commerce – Module voor webwinkels in Drupal
- 5. Drupal en SEO.
- 6. Drupal: Theming
-
7. Drupal: Geavanceerde theming
- 7.1. Thememakers in Drupal 8
- 7.2. Thema’s maken op basis van Bootstrap. SASS compileren via Gulp
- 7.3. Cache uitschakelen in Drupal. Debug-informatie weergeven in de template.
- 7.4. Een mobiele versie van de site voorbereiden met het Bootstrap-thema in Drupal
- 7.5. Het toevoegen van het dienstenblok met Bootstrap-kolommen
- 7.6. Isotope-galerij voor Drupal
- 7.7. Blok met YouTube-video in Drupal
- 7.8. Blok met Twitter in Drupal
- 7.9. Blok met sociale pictogrammen in Drupal
- 7.10. Diavoorstelling voor Drupal
- 7.11. Webform Drupal Feedbackformulier
- 7.12. Websitevoet, Pixel Perfect lay-out
- 9. Moduleontwikkeling voor Drupal
- Drupal ontkoppeld. Backend bouwen met Drupal.
- Oude artikelen
Drupal heeft maar weinig kant-en-klare, mooie en functionele thema’s. Maar Drupal integreert heel eenvoudig met allerlei externe bibliotheken en services. Zo kun je bijvoorbeeld een thema maken op basis van Bootstrap en tegelijkertijd profiteren van de volledige kracht van Drupal. In deze sectie van de site drupalbook.org bespreken we hoe je snel en gemakkelijk thema’s kunt maken vanuit elk ontwerp.
PSD-lay-out:
https://drupalbook.org/sites/default/files/blueasy-freebie.zip
Broncode:
https://github.com/Drupalbook/bootstrap
We zullen ook bekijken hoe je een responsieve lay-out kunt maken, zodat dezelfde HTML zowel voor de mobiele als de desktopversie wordt gebruikt:


Pagina-indeling:
