Cómo colocar la descripción del campo encima del campo del formulario

Visión general

¿Le gustaría colocar la descripción del campo encima de los campos del formulario? Esto se puede lograr fácilmente con un pequeño fragmento de PHP añadido a su sitio. Este tutorial le mostrará cómo puede cambiar su descripción de campo para que esté por encima de sus campos de formulario.

Por defecto, WPForms colocará todas las descripciones de campo directamente debajo de la entrada del campo del formulario.

Por defecto, la descripción del campo está debajo del campo del formulario.

Configurar

Para mover estas descripciones por encima del campo del formulario, primero tendrás que copiar este fragmento en tu sitio. Si necesitas ayuda sobre cómo y dónde añadir fragmentos a tu sitio, consulta este 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 );

El código que se muestra arriba va a mover las descripciones por encima de los campos del formulario, pero sólo si el ID del formulario es225. Sólo recuerda cambiar el ID del formulario de 225 para que coincida con su propio ID de formulario. Si necesita ayuda para encontrar su ID de formulario, revise este tutorial.

Una vez que hayas añadido este fragmento de código, verás que las descripciones aparecerán ahora encima de los campos del formulario.

Posición de la descripción del campo está ahora por encima con el fragmento de PHP

Y ya está. Ahora ha movido con éxito las descripciones de los campos de su formulario para que estén por encima de los campos del formulario. ¿Le gustaría saber cómo limitar el número de caracteres del campo de texto de su formulario? Eche un vistazo a nuestro artículo sobre Cómo limitar el número de caracteres de un campo de texto.

Referencia del filtro: wpforms_field_properties

PREGUNTAS FRECUENTES

P: He añadido el fragmento, pero sigue sin funcionarme.

R: Si ha añadido el fragmento pero no puede ver el cambio, borre toda la caché del sitio y confirme también que ha actualizado el fragmento anterior para reflejar el ID del formulario en su formulario.

P: ¿Cómo puedo hacer esto para todos mis formularios en lugar de sólo para 1?

R: Si desea esta funcionalidad para todos los formularios, simplemente elimine la llamada al ID del formulario. A continuación se muestra un ejemplo de ese fragmento.

/**
 * 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 );