Demo: EPT Paragraphs

24/09/2025, by Ivan

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

Facile da usare con Paragraphs

I moduli EPT creano tipi di paragrafo che puoi usare nei campi Paragraph:

Crea EPT Paragraphs

Quindi puoi aggiungere un nuovo paragrafo in pochi clic nella pagina.

Ecco ulteriori informazioni sul modulo Paragraph:

https://www.drupal.org/docs/contributed-modules/paragraphs

Contenuto e Impostazioni del Paragrafo

Nel form di modifica del paragrafo troverai due schede: Contenuto e Impostazioni. La scheda Contenuto contiene i campi: Titoli, testi, immagini, ecc. La scheda Impostazioni contiene le impostazioni comuni EPT "Opzioni di Design", per esempio DOM Box, e impostazioni specifiche del modulo: impostazioni plugin javascript, stili predefiniti:

Opzioni di Design EPT

DOM Box: margini, bordi, padding

Ogni paragrafo EPT ha impostazioni DOM Box per configurare gli spazi sopra e sotto il paragrafo e i padding all'interno del paragrafo:

Drupal EPT DOM Box

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

Colore di sfondo, immagine o video

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

Sperimenta con il DOM Box per migliorare l’aspetto dei paragrafi, prova ad aggiungere padding, margini o bordi aggiuntivi. Ecco un esempio del modulo EPT Accordion/FAQ:
https://www.drupal.org/project/ept_accordion

Video di Sfondo

I moduli EPT supportano solo video di sfondo YouTube per ora.

Dove si riuniscono i programmatori?

Nel lounge di Stack Overflow.

Puoi darmi una nota musicale per la programmazione?

Nel campo Stile Immagine di Sfondo, puoi scegliere come si comporta l’immagine di sfondo. Se la tua immagine è troppo piccola, prova a selezionare "Cover" o "Parallax" in modo che l’immagine di sfondo riempia l’intero paragrafo:

Paragrafi Edge to Edge

Molto spesso nelle landing page è necessario usare uno sfondo a larghezza completa mantenendo centrato il contenuto. Nelle impostazioni EPT c’è una casella di spunta chiamata "Edge to Edge" che fa sì che il contenitore esterno del paragrafo si estenda a tutta la larghezza:

Qual è il significato della vita?

Qual è il compito di programmazione più popolare?

Manca un punto e virgola.

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

Ciao, Mondo!

Dove hanno imparato a programmare i programmatori?

All'Università di Stack Overflow.

Qual è la regola d’oro nella programmazione?

Se funziona — non toccarlo.

Container Max Width aiuta a configurare la larghezza del contenuto all’interno di un paragrafo che utilizza l’opzione Edge to Edge. Poiché il paragrafo si estende a tutta la larghezza, è necessario definire la larghezza per il testo — a volte questa varia tra i paragrafi. Puoi modificare i valori delle classi Container Max Width; per impostazione predefinita, EPT offre le seguenti opzioni di larghezza del contenitore:

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

Stili predefiniti

I moduli EPT di solito includono un set di stili predefiniti. Questo aiuta a risparmiare tempo quando si applica lo stile a un nuovo componente della tua landing page. Puoi anche creare il tuo stile e aggiungerlo al modulo EPT.