Extra Block Types (EBT) - Nieuwe Layout Builder ervaring❗
Extra Block Types (EBT) - gestileerde, aanpasbare bloktypes: Slideshows, Tabs, Cards, Accordions en vele andere. Ingebouwde instellingen voor achtergrond, DOM Box, javascript-plugins. Ervaar vandaag al de toekomst van layout building.
❗Extra Paragraph Types (EPT) - Nieuwe Paragraphs ervaring
Extra Paragraph Types (EPT) - analoge op paragrafen gebaseerde set modules.
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: