Demo: EBT Blocchi

28/09/2025, by Ivan

Utilizzando i moduli EBT puoi facilmente configurare landing page senza alcuna conoscenza di HTML/CSS.

Facile da usare con Layout Builder e blocchi Drupal

I moduli EBT creano tipi di blocco che puoi usare in Layout Builder:

EBT Layout Builder

Così puoi aggiungere un nuovo blocco con pochi clic in qualsiasi pagina del layout builder.

Ecco ulteriori informazioni sul modulo Layout Builder:

https://www.drupal.org/docs/8/core/modules/layout-builder

Contenuto e impostazioni del blocco

Nella form di modifica del blocco troverai due tab: Contenuto e Impostazioni. La tab Contenuto contiene campi: titoli, testi, immagini, ecc. La tab Impostazioni contiene le impostazioni comuni EBT "Opzioni di design", ad esempio DOM Box, e impostazioni specifiche del modulo: impostazioni del plugin javascript, stili predefiniti:

Drupal EBT block settings

DOM Box: margini, bordi, padding

Ogni blocco EBT ha impostazioni DOM Box per configurare spazi sopra e sotto il blocco e padding all’interno del blocco:

EBT Design Options

Puoi impostare il bordo solo su un lato, due lati o su tutti i lati. Non dimenticare di scrivere la dimensione del bordo nel DOM Box, senza di essa il bordo non apparirà.

Colore di sfondo, immagine o video

Tutti i tipi di blocco EBT hanno impostazioni di sfondo. Supportano colore di sfondo, immagini e video remoti basati sul modulo Media.

EBT background image

Sperimenta con DOM Box per ottenere blocchi con un aspetto migliore, prova ad aggiungere padding, margini o bordi aggiuntivi. Ecco un esempio del modulo EBT Accordion/FAQ:
https://www.drupal.org/project/ebt_accordion

Video di sfondo

I blocchi EBT supportano al momento solo i video di sfondo da YouTube.

Domande frequenti

Dove si ritrovano i programmatori?

Nel lounge di Stack Overflow.

Puoi darmi una nota musicale di programmazione?

Nel campo Stile Immagine di Sfondo puoi selezionare il comportamento per l'immagine di sfondo; se la tua immagine è troppo piccola, prova a selezionare "Copri" o "Parallasse" per adattare l'immagine di sfondo all'intero blocco:

Stile Immagine di Sfondo

Blocchi da bordo a bordo

Molto spesso nelle Landing page abbiamo bisogno di avere uno sfondo a tutta larghezza e contenuto centrato. Nelle impostazioni EBT hai la casella di controllo "Da bordo a bordo" per rendere il blocco un contenitore esterno a tutta larghezza:
Impostazione Da bordo a bordo

Risultato:

Domande frequenti

Qual è il significato della vita?

Qual è il problema di programmazione più popolare?

Manca un punto e virgola.

Quali sono le due parole che ogni programmatore ha imparato a codificare per prime?

«Ciao, mondo.»

Dove hanno imparato a programmare i programmatori?

All’Università di Stackoverflow.

Qual è la regola d’oro nella programmazione?

Se funziona, non toccarlo.

Larghezza massima del contenitore aiuta a regolare la larghezza del contenuto all’interno del tuo blocco Da bordo a bordo. Poiché adattiamo il blocco a tutta larghezza, dobbiamo impostare la larghezza per il testo; a volte abbiamo larghezze diverse per blocchi differenti. Puoi modificare i valori per le classi di Larghezza massima del contenitore, per impostazione predefinita EBT fornisce le seguenti larghezze di contenitore:

Auto (100%) - Larghezza completa per il contenitore di testo
xxSmall - 280px
xSmall - 480px
Small - 780px
Default - 960px
Large - 1120px
xLarge - 1320
xxLarge - 1600

Stili predefiniti

Di solito i moduli EBT hanno una serie di stili predefiniti. Questo aiuta a risparmiare tempo per lo styling di un nuovo componente nella tua landing page. Puoi anche creare uno stile personalizzato e aggiungerlo al modulo EBT.

Stili predefiniti

Risultato:

Domande frequenti

Come programmatore, dove ti vedi tra 10 anni?

Seduto davanti a un computer, probabilmente a programmare.

Puoi riassumere la vita dei programmatori in quattro parole?

Mangia. Dormi. Programma. Ripeti.

Come si godono la vita i programmatori?

Quando vedono i loro codici funzionare senza errori.

Qual è la più grande bugia nella programmazione informatica?

HTML è un linguaggio di programmazione.

Gli stili predefiniti probabilmente non si adattano al tuo sito, quindi puoi sovrascriverli in un tema personalizzato. Se hai trovato un bug o vuoi suggerire un miglioramento per gli stili o per le funzionalità dei moduli EBT, sentiti libero di aprire un ticket su drupal.org per il modulo EBT specifico.