Como posicionar a descrição do campo acima do campo do formulário

Visão geral

Gostaria de posicionar a descrição do campo acima dos campos do formulário? Isso pode ser facilmente conseguido com um pequeno snippet PHP adicionado ao seu site. Este tutorial mostra-lhe como pode alterar a descrição do campo para que fique por cima dos campos do formulário.

Por padrão, o WPForms colocará todas as descrições de campo diretamente abaixo da entrada do campo do formulário.

Por defeito, a descrição do campo é definida por baixo do campo do formulário

Configuração

Para mover estas descrições para cima do campo do formulário, primeiro tem de copiar este snippet para o seu site. Se precisar de ajuda sobre como e onde adicionar snippets ao seu site, consulte 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 );

O código mostrado acima vai mover as descrições acima dos campos do formulário, mas apenas se o ID do formulário for225. Lembre-se apenas de alterar o ID do formulário de 225 para corresponder ao seu próprio ID de formulário. Se precisar de ajuda para encontrar o seu ID de formulário, reveja este tutorial.

Depois de adicionar este snippet de código, verá que as descrições aparecerão agora acima dos campos do formulário.

A posição da descrição do campo está agora acima com o snippet PHP

E pronto! Conseguiu mover as descrições dos campos do seu formulário para cima dos campos do formulário. Também gostaria de saber como limitar o número de caracteres do campo de texto do seu formulário? Consulte o nosso artigo sobre Como limitar o número de caracteres de um campo de texto.

Referência do filtro: wpforms_field_properties

FAQ

P: Adicionei o snippet, mas ainda não está a funcionar para mim?

R: Se adicionou o snippet mas não consegue ver a alteração, limpe toda a cache do site e confirme também que actualizou o snippet acima para refletir o ID do formulário no seu formulário.

P: Como é que posso fazer isto para todos os meus formulários em vez de apenas 1?

R: Se pretender esta funcionalidade para todos os formulários, basta remover a chamada para o ID do formulário. Abaixo está um exemplo desse 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 );