Come posizionare la descrizione del campo sopra il campo del modulo

Panoramica

Volete posizionare la descrizione del campo sopra i campi del vostro modulo? Questo può essere facilmente ottenuto con un piccolo snippet PHP aggiunto al vostro sito. Questo tutorial mostra come modificare la descrizione del campo per posizionarla sopra i campi del modulo.

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

Per impostazione predefinita, la descrizione del campo è impostata sotto il campo del modulo.

Impostazione

Per spostare queste descrizioni sopra il campo del modulo, dovrete prima copiare questo snippet nel vostro sito. Se avete bisogno di aiuto su come e dove aggiungere gli snippet al vostro sito, consultate 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 sposta le descrizioni sopra i campi del modulo, ma solo se l'ID del modulo è225. Ricordarsi di cambiare l'ID del modulo da 225 per far corrispondere l'ID del proprio modulo. Se avete bisogno di aiuto per trovare il vostro ID modulo, si prega di rivedere questa esercitazione.

Una volta aggiunto questo frammento di codice, le descrizioni appariranno sopra i campi del modulo.

La posizione della descrizione del campo è ora sopra con lo snippet PHP

Ed ecco fatto! Ora avete spostato con successo le descrizioni dei campi del vostro modulo al di sopra dei campi del modulo. Volete anche sapere come limitare il numero di caratteri per il campo di testo del vostro modulo? Date un'occhiata al nostro articolo su Come limitare il numero di caratteri di un campo di testo.

Riferimento filtro: wpforms_field_properties

FAQ

D: Ho aggiunto lo snippet ma non funziona ancora?

R: Se avete aggiunto lo snippet ma non riuscite a vedere la modifica, cancellate tutta la cache del sito e confermate anche di aver aggiornato lo snippet di cui sopra per riflettere l'ID del modulo.

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

R: Se si desidera questa funzionalità per tutti i moduli, è sufficiente rimuovere la chiamata per l'ID del modulo. Di seguito è riportato un esempio di questo 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 );