Come posizionare la descrizione del campo sopra il campo del modulo

Panoramica

Desideri posizionare la descrizione del campo sopra i campi del tuo modulo? Questo può essere facilmente ottenuto con un piccolo snippet PHP aggiunto al tuo sito. Questo tutorial ti mostrerà come puoi cambiare la descrizione del tuo campo per posizionarla sopra i campi del modulo.

Per impostazione predefinita, WPForms posizionerà tutte le descrizioni dei campi direttamente sotto l'input del campo del modulo.

Configurazione

Per spostare queste descrizioni sopra il campo del modulo, dovrai prima copiare questo snippet sul tuo sito. Se hai bisogno di aiuto su come e dove aggiungere snippet al tuo sito, dai un'occhiata a questo tutorial.

/**
 * Move the field description above the form field.
 *
 * @link   https://wpforms.com/developers/how-to-position-the-field-description-above-the-form-field/
 */

function wpf_dev_field_properties( $properties, $field, $form_data ) {
    
    // Only process this snippet on form ID 225
    if ( absint( $form_data[ 'id' ] ) !== 225 ) {
        return $properties;
    } 
    
    {
        // Position the field description above the form field
        $properties[ 'description' ][ 'position' ] = 'before';
    }

    return $properties;
}
add_filter( 'wpforms_field_properties', 'wpf_dev_field_properties', 10, 3 );

Il codice mostrato sopra sposterà le descrizioni sopra i campi del modulo ma solo se l'ID del modulo è225. Ricorda solo di cambiare l'ID del modulo da 225 per corrispondere al tuo ID modulo. Se hai bisogno di aiuto per trovare il tuo ID modulo, ti preghiamo di consultare questo tutorial.

Una volta aggiunto questo snippet di codice, vedrai che le descrizioni appariranno ora sopra i campi del modulo.

E questo è tutto! Hai ora spostato con successo le descrizioni dei campi sul tuo modulo per posizionarle sopra i campi del modulo. Desideri anche imparare come limitare il numero di caratteri per il campo di testo del tuo modulo? Dai un'occhiata al nostro articolo su Come limitare il numero di caratteri per un campo di testo.

Correlati

Riferimento filtro: wpforms_field_properties

FAQ

D: Ho aggiunto lo snippet ma non funziona ancora per me?

R: Se hai aggiunto lo snippet ma non vedi la modifica, cancella tutta la cache del sito e conferma anche di aver aggiornato lo snippet sopra per riflettere l'ID del modulo sul tuo modulo.

D: Come posso fare questo per tutti i miei moduli invece che solo per uno?

R: Se desideri questa funzionalità per tutti i moduli, rimuovi semplicemente la chiamata per l'ID del modulo. Di seguito è riportato un esempio di tale snippet.

/**
 * Move the field description above the form field.
 *
 * @link   https://wpforms.com/developers/how-to-position-the-field-description-above-the-form-field/
 */

function wpf_dev_field_properties( $properties, $field, $form_data ) {

        // Position the field description above the form field
        $properties[ 'description' ][ 'position' ] = 'before';

    return $properties;
}
add_filter( 'wpforms_field_properties', 'wpf_dev_field_properties', 10, 3 );