Salta al contenuto principale

Sviluppo siti Drupal: come creare un sito con Bootstrap

Inviato da Progettimultimediali il
Sviluppo siti Drupal: come creare un sito con Bootstrap

Per sviluppare un sito Drupal moderno e mantenibile, oggi si lavora quasi sempre con Composer, lo strumento che gestisce pacchetti e dipendenze PHP. Ecco i passaggi aggiornati:

1. Installazione di Drupal con Composer

Il metodo consigliato è partire dal progetto ufficiale:

composer create-project drupal/recommended-project my_site

Questo comando scarica Drupal e crea la struttura del progetto nella cartella my_site.

Poi installa i pacchetti per l’ambiente di sviluppo:

composer require drupal/core-dev --dev

2. Configurazione di un ambiente locale

Puoi avviare un web server locale usando DDEV, Lando o Docker, oppure un semplice server PHP:

php -S localhost:8888 -t web

3. Installazione del tema Bootstrap

Con Composer, installa il tema direttamente dal progetto ufficiale:

composer require drupal/bootstrap5

4. Attivazione del tema

Accedi al backend di Drupal, vai su Aspetto (Appearance), abilita il tema Bootstrap e impostalo come predefinito.

5. Creazione di un Sub-Theme (tema figlio)

Per personalizzare al meglio Bootstrap senza modificare i file originali, crea un sub-theme:

  • Duplica la cartella themes/contrib/bootstrap5/starterkits
  • Rinominala (es. themes/custom/mio_tema)
  • Modifica i file .info.yml per aggiornare nome e dipendenze

In questo modo puoi gestire CSS, JS e variabili senza rischiare di perdere modifiche durante gli aggiornamenti.

6. Creazione dei contenuti e Views

  • Usa Content Types per definire le tipologie di contenuti (es. articoli, pagine, portfolio).
  • Configura Views per creare liste, griglie e blocchi dinamici, perfettamente integrati con le classi Bootstrap.

7. Ottimizzazione SEO e performance

  • Installa moduli chiave come:
    • pathauto → URL SEO-friendly
    • metatag → meta tag automatici
    • redirect → gestione redirect 301
  • 👉 Se questi passaggi ti sembrano complessi, non preoccuparti! A breve realizzerò una video guida passo passo sul mio canale YouTube dove mostro tutto in pratica, dall’installazione di Drupal all’attivazione del tema Bootstrap con relativo Sub Thema.

Intanto ti invito all'iscrizione alla mia Newsletter dove potrai ricevere gratuitamente un video Tutorial su Drupal con PDF

Aggiungi un commento

HTML ristretto

  • Elementi HTML permessi: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Linee e paragrafi vanno a capo automaticamente.
  • Indirizzi web ed indirizzi e-mail diventano automaticamente dei link.