Extra Block Types (EBT) - Nuova esperienza con Layout Builder❗
Extra Block Types (EBT) - tipi di blocchi stilizzati e personalizzabili: Slideshows, Tabs, Cards, Accordion e molti altri. Impostazioni integrate per sfondo, DOM Box, plugin javascript. Vivi oggi il futuro della costruzione dei layout.
❗Extra Paragraph Types (EPT) - Nuova esperienza con Paragraphs
Extra Paragraph Types (EPT) - insieme di moduli basati su paragrafi in modo analogo.
7. Drupal: Tematizzazione avanzata
Menu
- Installa Drupal con Lando
- 1. Drupal: Funcionalidades básicas
- 2. Drupal: Configurazione
- 3. Drupal: Creazione del sito
- 4. Drupal Commerce - Modulo per negozio online in Drupal
- 5. Drupal e SEO.
- 6. Drupal: Creazione di temi
-
7. Drupal: Tematizzazione avanzata
- 7.1. Costruttori di temi in Drupal 8
- 7.2. Creazione di temi basati su Bootstrap. Compilazione SASS tramite Gulp
- 7.3. Disattivare la cache in Drupal. Visualizzare informazioni di debug nel template.
- 7.4. Preparare la versione mobile del sito con il tema Bootstrap su Drupal
- 7.5. Aggiungere il blocco dei servizi con colonne Bootstrap
- 7.6. Galleria Isotope per Drupal
- 7.7. Blocco con video YouTube in Drupal
- 7.8. Blocco con Twitter in Drupal
- 7.9. Blocco con icone social in Drupal
- 7.10. Slideshow per Drupal
- 7.11. Modulo di feedback Drupal con Webform
- 7.12. Footer del sito, layout Pixel Perfect
- 9. Sviluppo di moduli per Drupal
- Drupal desacoplado. Creación del backend en Drupal.
- Articoli vecchi
Drupal ha pochissimi temi già pronti che siano al tempo stesso belli e funzionali. Tuttavia, Drupal si integra facilmente con tutte le librerie e i servizi di terze parti. Ad esempio, puoi creare il tuo tema basato su Bootstrap e sfruttare tutta la potenza di Drupal. In questa sezione del sito drupalbook.org vedremo come creare temi in modo rapido e comodo a partire da qualsiasi layout.
Layout PSD:
https://drupalbook.org/sites/default/files/blueasy-freebie.zip
Sorgente:
https://github.com/Drupalbook/bootstrap
Vedremo anche come realizzare un layout responsive, in modo che lo stesso codice HTML venga utilizzato sia per la versione mobile che per quella desktop:
Layout della pagina:
