### [Fornire un'altezza flessibile al campo Layout](https://wpforms.com/developers/how-to-provide-a-flexible-height-to-the-layout-field/)
**Pubblicato:** 27 settembre 2022
**Autore:** David Ozokoye
**Estratto:** Questo tutorial ti mostrerà come forzare un campo di testo Paragrafo ad avere un'altezza flessibile quando viene utilizzato all'interno del campo Layout.
**Contenuto:**
Vuoi fornire un'altezza flessibile per un campo di testo Paragrafo quando lo usi all'interno di un campo Layout? Se aggiungi il campo di testo Paragrafo a un campo Layout, questo utilizzerà l'altezza predefinita del campo. Tuttavia, puoi utilizzare uno snippet CSS personalizzato per personalizzare il campo di testo Paragrafo in modo che si adatti automaticamente all'altezza del campo Layout.
In questo tutorial, condivideremo lo snippet che regolerà facilmente l'altezza del campo modulo di testo Paragrafo per estendere l'altezza del campo Layout.
---
## Creazione del tuo modulo
Inizia [creando un nuovo modulo](https://wpforms.com/docs/creating-first-form/ "Creazione del tuo primo modulo") o modificandone uno esistente per accedere al generatore di moduli. Nel generatore di moduli, assicurati di includere il [campo Layout](https://wpforms.com/docs/using-the-layout-field) nel tuo modulo e aggiungi tutti i campi necessari.
Nota che per questo tutorial, tutti i nostri campi, tranne uno, si trovano nella colonna di sinistra e il campo modulo di testo Paragrafo si trova nella colonna di destra.
## Aggiunta dello snippet
Ora è il momento di aggiungere lo snippet al tuo sito. Copia e incolla lo snippet di codice qui sotto sul tuo sito. Se hai bisogno di aiuto su dove e come aggiungere snippet al tuo sito, [rivedi questo tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Come aggiungere PHP o JavaScript personalizzato per WPForms").
```
/**
* Aggiunge un'altezza flessibile al campo di testo Paragrafo quando utilizzato con il campo Layout
*
* @link https://wpforms.com/developers/how-to-provide-a-flexible-height-to-the-layout-field/
*/
function wpf_fit_textarea_to_column_css() {
// ID del campo del modulo di testo Paragrafo.
$field_id = 3;
echo "
";
}
add_action( 'wp_head', 'wpf_fit_textarea_to_column_css', 10 );
```
**Nota:** Nello snippet sopra, il nostro campo modulo **Paragrafo di testo** ha l'ID **3**, che abbiamo referenziato nello snippet. Dovrai aggiornare questo ID per corrispondere all'ID del tuo campo. Se hai bisogno di aiuto per trovare l'ID del tuo campo, [controlla questo tutorial](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/).
Ora, quando il modulo viene caricato, vedrai che il campo di testo Paragrafo ha un'altezza flessibile che aumenterà o diminuirà man mano che i campi vengono aggiunti e rimossi.
## Domande frequenti
Di seguito, abbiamo risposto ad alcune delle domande più frequenti sulla personalizzazione del campo di testo Paragrafo nel campo Layout.
#### Come posso indirizzare un singolo modulo?
Se vuoi usare questo snippet solo in un singolo modulo, usa lo snippet qui sotto.
```
/**
* Aggiunge un'altezza flessibile al campo di testo Paragrafo quando utilizzato con il campo Layout
*
* @link https://wpforms.com/developers/how-to-provide-a-flexible-height-to-the-layout-field/
*/
function wpf_fit_textarea_to_column_css() {
// ID del campo del modulo di testo Paragrafo.
$field_id = 19;
echo "
";
}
add_action( 'wp_head', 'wpf_fit_textarea_to_column_css', 10 );
```
Lo snippet qui sotto indirizza il modulo con ID **3503**. Dovrai sostituire questo ID con quello del modulo che desideri personalizzare. Se hai bisogno di aiuto per trovare l'ID del tuo modulo, [controlla questo tutorial](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ "Come individuare l'ID del modulo e l'ID del campo").
Ecco fatto! Ora hai imparato come personalizzare l'altezza del campo di testo Paragrafo quando viene utilizzato all'interno del campo Layout.
Successivamente, vuoi impedire l'invio del tuo modulo se il campo contiene volgarità? Dai un'occhiata al nostro tutorial su [come bloccare l'invio di moduli contenenti volgarità](https://wpforms.com/developers/how-to-block-form-submissions-containing-profanity/ "Come bloccare l'invio di moduli contenenti volgarità").
## Correlati
Riferimento azione: [wp\_head](https://developer.wordpress.org/reference/hooks/wp_head/ "Utilizzo dell'azione WordPress wp_head")
**Categorie:** Tutorial
**Tag:** Campo Layout, PHP
---