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 seus campos de formulário? Isto pode ser facilmente alcançado com um pequeno trecho de código PHP adicionado ao seu site. Este tutorial irá mostrar-lhe como pode alterar a descrição do seu campo para que fique acima dos seus campos de formulário.

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

Configuração

Para mover estas descrições para cima do campo, terá primeiro de copiar este trecho para o seu site. Se precisar de ajuda sobre como e onde adicionar trechos ao seu site, veja 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 irá mover as descrições para cima 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 trecho de código, verá que as descrições aparecerão agora acima dos campos do formulário.

E é tudo! Moveu agora com sucesso as descrições dos campos no seu formulário para ficarem acima dos campos do formulário. Gostaria também de aprender a limitar o número de caracteres para o campo de texto do seu formulário? Dê uma vista de olhos ao nosso artigo sobre Como Limitar o Número de Caracteres para um Campo de Texto.

Relacionado

Referência de Filtro: wpforms_field_properties

FAQ

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

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

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

R: Se desejar esta funcionalidade para todos os formulários, basta remover a chamada para o ID do formulário. Abaixo está um exemplo desse trecho.

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